|
|
@@ -5,7 +5,7 @@ exports[`CSS vars injection > codegen > <script> w/ default export 1`] = `
|
|
|
import { useCssVars as _useCssVars } from 'vue'
|
|
|
const __injectCSSVars__ = () => {
|
|
|
_useCssVars((_vm, _setup) => ({
|
|
|
- \\"xxxxxxxx-color\\": (_vm.color)
|
|
|
+ "xxxxxxxx-color": (_vm.color)
|
|
|
}))}
|
|
|
const __setup__ = __default__.setup
|
|
|
__default__.setup = __setup__
|
|
|
@@ -23,7 +23,7 @@ exports[`CSS vars injection > codegen > <script> w/ default export in strings/co
|
|
|
import { useCssVars as _useCssVars } from 'vue'
|
|
|
const __injectCSSVars__ = () => {
|
|
|
_useCssVars((_vm, _setup) => ({
|
|
|
- \\"xxxxxxxx-color\\": (_vm.color)
|
|
|
+ "xxxxxxxx-color": (_vm.color)
|
|
|
}))}
|
|
|
const __setup__ = __default__.setup
|
|
|
__default__.setup = __setup__
|
|
|
@@ -39,7 +39,7 @@ const __default__ = {}
|
|
|
import { useCssVars as _useCssVars } from 'vue'
|
|
|
const __injectCSSVars__ = () => {
|
|
|
_useCssVars((_vm, _setup) => ({
|
|
|
- \\"xxxxxxxx-color\\": (_vm.color)
|
|
|
+ "xxxxxxxx-color": (_vm.color)
|
|
|
}))}
|
|
|
const __setup__ = __default__.setup
|
|
|
__default__.setup = __setup__
|
|
|
@@ -56,7 +56,7 @@ export default {
|
|
|
setup(__props) {
|
|
|
|
|
|
_useCssVars((_vm, _setup) => ({
|
|
|
- \\"xxxxxxxx-width\\": (_setup.width)
|
|
|
+ "xxxxxxxx-width": (_setup.width)
|
|
|
}))
|
|
|
const color = 'red';const width = 100
|
|
|
return { color, width }
|
|
|
@@ -72,10 +72,10 @@ export default {
|
|
|
setup(__props) {
|
|
|
|
|
|
_useCssVars((_vm, _setup) => ({
|
|
|
- \\"xxxxxxxx-foo\\": (_setup.foo),
|
|
|
- \\"xxxxxxxx-foo____px_\\": (_setup.foo + 'px'),
|
|
|
- \\"xxxxxxxx-_a___b____2____px_\\": ((_setup.a + _setup.b) / 2 + 'px'),
|
|
|
- \\"xxxxxxxx-__a___b______2___a_\\": (((_setup.a + _setup.b)) / (2 * _setup.a))
|
|
|
+ "xxxxxxxx-foo": (_setup.foo),
|
|
|
+ "xxxxxxxx-foo____px_": (_setup.foo + 'px'),
|
|
|
+ "xxxxxxxx-_a___b____2____px_": ((_setup.a + _setup.b) / 2 + 'px'),
|
|
|
+ "xxxxxxxx-__a___b______2___a_": (((_setup.a + _setup.b)) / (2 * _setup.a))
|
|
|
}))
|
|
|
|
|
|
let a = 100
|
|
|
@@ -95,7 +95,7 @@ export default {
|
|
|
setup(__props) {
|
|
|
|
|
|
_useCssVars((_vm, _setup) => ({
|
|
|
- \\"xxxxxxxx-color\\": (_setup.color)
|
|
|
+ "xxxxxxxx-color": (_setup.color)
|
|
|
}))
|
|
|
const color = 'red'
|
|
|
return { color }
|
|
|
@@ -111,7 +111,7 @@ export default {
|
|
|
setup(__props) {
|
|
|
|
|
|
_useCssVars((_vm, _setup) => ({
|
|
|
- \\"xxxxxxxx-color\\": (_setup.color)
|
|
|
+ "xxxxxxxx-color": (_setup.color)
|
|
|
}))
|
|
|
|
|
|
const color = 'red'
|
|
|
@@ -128,8 +128,8 @@ const __default__ = {}
|
|
|
import { useCssVars as _useCssVars } from 'vue'
|
|
|
const __injectCSSVars__ = () => {
|
|
|
_useCssVars((_vm, _setup) => ({
|
|
|
- \\"xxxxxxxx-color\\": (_vm.color),
|
|
|
- \\"xxxxxxxx-font_size\\": (_vm.font.size)
|
|
|
+ "xxxxxxxx-color": (_vm.color),
|
|
|
+ "xxxxxxxx-font_size": (_vm.font.size)
|
|
|
}))}
|
|
|
const __setup__ = __default__.setup
|
|
|
__default__.setup = __setup__
|
|
|
@@ -150,9 +150,9 @@ export default {
|
|
|
setup(__props) {
|
|
|
|
|
|
_useCssVars((_vm, _setup) => ({
|
|
|
- \\"xxxxxxxx-color\\": (_setup.color),
|
|
|
- \\"xxxxxxxx-size\\": (_setup.size),
|
|
|
- \\"xxxxxxxx-foo\\": (_vm.foo)
|
|
|
+ "xxxxxxxx-color": (_setup.color),
|
|
|
+ "xxxxxxxx-size": (_setup.size),
|
|
|
+ "xxxxxxxx-foo": (_vm.foo)
|
|
|
}))
|
|
|
|
|
|
const color = 'red'
|
|
|
@@ -178,7 +178,7 @@ exports[`CSS vars injection > w/ normal <script> binding analysis 1`] = `
|
|
|
import { useCssVars as _useCssVars } from 'vue'
|
|
|
const __injectCSSVars__ = () => {
|
|
|
_useCssVars((_vm, _setup) => ({
|
|
|
- \\"xxxxxxxx-size\\": (_vm.size)
|
|
|
+ "xxxxxxxx-size": (_vm.size)
|
|
|
}))}
|
|
|
const __setup__ = __default__.setup
|
|
|
__default__.setup = __setup__
|