theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(compiler-sfc): fix useCssVars codegen

Browse Source
This commit is contained in:
Evan You 2020-07-15 18:05:35 -04:00
parent af4b0c2cf1
commit 9b5ff2b567
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/compiler-sfc/__tests__/__snapshots__/compileScript.spec.ts.snap
View File

@ -109,7 +109,7 @@ exports[`SFC compile <script setup> CSS vars injection <script> w/ default expor
"const __default__ = { setup() {} } "const __default__ = { setup() {} }
import { useCSSVars as __useCSSVars__ } from 'vue' import { useCSSVars as __useCSSVars__ } from 'vue'
const __injectCSSVars__ = () => { const __injectCSSVars__ = () => {
__useCSSVars__(_ctx => ({ color: _ctx.color })) __useCssVars__(_ctx => ({ color: _ctx.color }))
} }
const __setup__ = __default__.setup const __setup__ = __default__.setup
__default__.setup = __setup__ __default__.setup = __setup__
@ -125,7 +125,7 @@ exports[`SFC compile <script setup> CSS vars injection <script> w/ default expor
import { useCSSVars as __useCSSVars__ } from 'vue' import { useCSSVars as __useCSSVars__ } from 'vue'
const __injectCSSVars__ = () => { const __injectCSSVars__ = () => {
__useCSSVars__(_ctx => ({ color: _ctx.color })) __useCssVars__(_ctx => ({ color: _ctx.color }))
} }
const __setup__ = __default__.setup const __setup__ = __default__.setup
__default__.setup = __setup__ __default__.setup = __setup__
@ -139,7 +139,7 @@ exports[`SFC compile <script setup> CSS vars injection <script> w/ no default ex
const __default__ = {} const __default__ = {}
import { useCSSVars as __useCSSVars__ } from 'vue' import { useCSSVars as __useCSSVars__ } from 'vue'
const __injectCSSVars__ = () => { const __injectCSSVars__ = () => {
__useCSSVars__(_ctx => ({ color: _ctx.color })) __useCssVars__(_ctx => ({ color: _ctx.color }))
} }
const __setup__ = __default__.setup const __setup__ = __default__.setup
__default__.setup = __setup__ __default__.setup = __setup__
@ -149,11 +149,11 @@ export default __default__"
`; `;
exports[`SFC compile <script setup> CSS vars injection w/ <script setup> 1`] = ` exports[`SFC compile <script setup> CSS vars injection w/ <script setup> 1`] = `
"import { useCSSVars as __useCSSVars__ } from 'vue' "import { useCssVars as __useCssVars__ } from 'vue'
export function setup() { export function setup() {
const color = 'red' const color = 'red'
__useCSSVars__(_ctx => ({ color })) __useCssVars__(_ctx => ({ color }))
return { color } return { color }
} }

2
packages/compiler-sfc/src/compileScript.ts
View File

@ -557,7 +557,7 @@ export function compileScript(
// inject `useCSSVars` calls // inject `useCSSVars` calls
if (hasCssVars) { if (hasCssVars) {
s.prepend(`import { useCSSVars as __useCSSVars__ } from 'vue'\n`) s.prepend(`import { useCssVars as __useCssVars__ } from 'vue'\n`)
for (const style of styles) { for (const style of styles) {
const vars = style.attrs.vars const vars = style.attrs.vars
if (typeof vars === 'string') { if (typeof vars === 'string') {

2
packages/compiler-sfc/src/genCssVars.ts
View File

@ -38,7 +38,7 @@ export function genCssVarsCode(
}) })
.join('') .join('')
return `__useCSSVars__(_ctx => (${transformedString})${ return `__useCssVars__(_ctx => (${transformedString})${
scoped ? `, true` : `` scoped ? `, true` : ``
})` })`
} }