fix(compiler-sfc): fix useCssVars codegen
This commit is contained in:
parent
af4b0c2cf1
commit
9b5ff2b567
@ -109,7 +109,7 @@ exports[`SFC compile <script setup> CSS vars injection <script> w/ default expor
|
||||
"const __default__ = { setup() {} }
|
||||
import { useCSSVars as __useCSSVars__ } from 'vue'
|
||||
const __injectCSSVars__ = () => {
|
||||
__useCSSVars__(_ctx => ({ color: _ctx.color }))
|
||||
__useCssVars__(_ctx => ({ color: _ctx.color }))
|
||||
}
|
||||
const __setup__ = __default__.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'
|
||||
const __injectCSSVars__ = () => {
|
||||
__useCSSVars__(_ctx => ({ color: _ctx.color }))
|
||||
__useCssVars__(_ctx => ({ color: _ctx.color }))
|
||||
}
|
||||
const __setup__ = __default__.setup
|
||||
__default__.setup = __setup__
|
||||
@ -139,7 +139,7 @@ exports[`SFC compile <script setup> CSS vars injection <script> w/ no default ex
|
||||
const __default__ = {}
|
||||
import { useCSSVars as __useCSSVars__ } from 'vue'
|
||||
const __injectCSSVars__ = () => {
|
||||
__useCSSVars__(_ctx => ({ color: _ctx.color }))
|
||||
__useCssVars__(_ctx => ({ color: _ctx.color }))
|
||||
}
|
||||
const __setup__ = __default__.setup
|
||||
__default__.setup = __setup__
|
||||
@ -149,11 +149,11 @@ export default __default__"
|
||||
`;
|
||||
|
||||
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() {
|
||||
const color = 'red'
|
||||
__useCSSVars__(_ctx => ({ color }))
|
||||
__useCssVars__(_ctx => ({ color }))
|
||||
return { color }
|
||||
}
|
||||
|
||||
|
@ -557,7 +557,7 @@ export function compileScript(
|
||||
|
||||
// inject `useCSSVars` calls
|
||||
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) {
|
||||
const vars = style.attrs.vars
|
||||
if (typeof vars === 'string') {
|
||||
|
@ -38,7 +38,7 @@ export function genCssVarsCode(
|
||||
})
|
||||
.join('')
|
||||
|
||||
return `__useCSSVars__(_ctx => (${transformedString})${
|
||||
return `__useCssVars__(_ctx => (${transformedString})${
|
||||
scoped ? `, true` : ``
|
||||
})`
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user