2020-11-17 07:27:15 +08:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
|
|
|
exports[`CSS vars injection codegen <script> w/ default export 1`] = `
|
|
|
|
"const __default__ = { setup() {} }
|
|
|
|
import { useCssVars as _useCssVars } from 'vue'
|
|
|
|
const __injectCSSVars__ = () => {
|
|
|
|
_useCssVars(_ctx => ({
|
2020-11-18 02:03:47 +08:00
|
|
|
\\"xxxxxxxx-color\\": (_ctx.color)
|
|
|
|
}))}
|
2020-11-17 07:27:15 +08:00
|
|
|
const __setup__ = __default__.setup
|
|
|
|
__default__.setup = __setup__
|
|
|
|
? (props, ctx) => { __injectCSSVars__();return __setup__(props, ctx) }
|
|
|
|
: __injectCSSVars__
|
2020-11-25 23:30:29 +08:00
|
|
|
|
2020-11-17 07:27:15 +08:00
|
|
|
export default __default__"
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`CSS vars injection codegen <script> w/ default export in strings/comments 1`] = `
|
|
|
|
"
|
|
|
|
// export default {}
|
|
|
|
const __default__ = {}
|
|
|
|
|
|
|
|
import { useCssVars as _useCssVars } from 'vue'
|
|
|
|
const __injectCSSVars__ = () => {
|
|
|
|
_useCssVars(_ctx => ({
|
2020-11-18 02:03:47 +08:00
|
|
|
\\"xxxxxxxx-color\\": (_ctx.color)
|
|
|
|
}))}
|
2020-11-17 07:27:15 +08:00
|
|
|
const __setup__ = __default__.setup
|
|
|
|
__default__.setup = __setup__
|
|
|
|
? (props, ctx) => { __injectCSSVars__();return __setup__(props, ctx) }
|
|
|
|
: __injectCSSVars__
|
2020-11-25 23:30:29 +08:00
|
|
|
|
2020-11-17 07:27:15 +08:00
|
|
|
export default __default__"
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`CSS vars injection codegen <script> w/ no default export 1`] = `
|
|
|
|
"const a = 1
|
|
|
|
const __default__ = {}
|
|
|
|
import { useCssVars as _useCssVars } from 'vue'
|
|
|
|
const __injectCSSVars__ = () => {
|
|
|
|
_useCssVars(_ctx => ({
|
2020-11-18 02:03:47 +08:00
|
|
|
\\"xxxxxxxx-color\\": (_ctx.color)
|
|
|
|
}))}
|
2020-11-17 07:27:15 +08:00
|
|
|
const __setup__ = __default__.setup
|
|
|
|
__default__.setup = __setup__
|
|
|
|
? (props, ctx) => { __injectCSSVars__();return __setup__(props, ctx) }
|
|
|
|
: __injectCSSVars__
|
2020-11-25 23:30:29 +08:00
|
|
|
|
2020-11-17 07:27:15 +08:00
|
|
|
export default __default__"
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`CSS vars injection codegen w/ <script setup> 1`] = `
|
|
|
|
"import { useCssVars as _useCssVars, unref as _unref } from 'vue'
|
|
|
|
|
|
|
|
export default {
|
2021-06-26 01:14:49 +08:00
|
|
|
setup(__props, { expose }) {
|
|
|
|
expose()
|
2020-11-17 07:27:15 +08:00
|
|
|
|
|
|
|
_useCssVars(_ctx => ({
|
2020-11-18 02:03:47 +08:00
|
|
|
\\"xxxxxxxx-color\\": (color)
|
|
|
|
}))
|
2020-11-17 07:27:15 +08:00
|
|
|
const color = 'red'
|
|
|
|
return { color }
|
|
|
|
}
|
|
|
|
|
|
|
|
}"
|
|
|
|
`;
|
|
|
|
|
2021-07-16 04:45:37 +08:00
|
|
|
exports[`CSS vars injection codegen w/ <script setup> using the same var multiple times 1`] = `
|
|
|
|
"import { useCssVars as _useCssVars, unref as _unref } from 'vue'
|
|
|
|
|
|
|
|
export default {
|
2021-07-16 04:57:30 +08:00
|
|
|
setup(__props, { expose }) {
|
|
|
|
expose()
|
2021-07-16 04:45:37 +08:00
|
|
|
|
|
|
|
_useCssVars(_ctx => ({
|
|
|
|
\\"xxxxxxxx-color\\": (color)
|
|
|
|
}))
|
|
|
|
|
|
|
|
const color = 'red'
|
|
|
|
|
|
|
|
return { color }
|
|
|
|
}
|
|
|
|
|
|
|
|
}"
|
|
|
|
`;
|
|
|
|
|
2020-11-17 07:27:15 +08:00
|
|
|
exports[`CSS vars injection generating correct code for nested paths 1`] = `
|
|
|
|
"const a = 1
|
|
|
|
const __default__ = {}
|
|
|
|
import { useCssVars as _useCssVars } from 'vue'
|
|
|
|
const __injectCSSVars__ = () => {
|
|
|
|
_useCssVars(_ctx => ({
|
2020-11-18 02:03:47 +08:00
|
|
|
\\"xxxxxxxx-color\\": (_ctx.color),
|
|
|
|
\\"xxxxxxxx-font_size\\": (_ctx.font.size)
|
|
|
|
}))}
|
2020-11-17 07:27:15 +08:00
|
|
|
const __setup__ = __default__.setup
|
|
|
|
__default__.setup = __setup__
|
|
|
|
? (props, ctx) => { __injectCSSVars__();return __setup__(props, ctx) }
|
|
|
|
: __injectCSSVars__
|
2020-11-25 23:30:29 +08:00
|
|
|
|
2020-11-17 07:27:15 +08:00
|
|
|
export default __default__"
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`CSS vars injection w/ <script setup> binding analysis 1`] = `
|
|
|
|
"import { useCssVars as _useCssVars, unref as _unref } from 'vue'
|
|
|
|
import { ref } from 'vue'
|
|
|
|
|
|
|
|
export default {
|
|
|
|
props: {
|
2020-11-25 04:12:59 +08:00
|
|
|
foo: String
|
|
|
|
},
|
2021-06-26 01:14:49 +08:00
|
|
|
setup(__props, { expose }) {
|
|
|
|
expose()
|
2020-11-17 07:27:15 +08:00
|
|
|
|
|
|
|
_useCssVars(_ctx => ({
|
2020-11-18 02:03:47 +08:00
|
|
|
\\"xxxxxxxx-color\\": (color),
|
2020-11-19 11:34:55 +08:00
|
|
|
\\"xxxxxxxx-size\\": (size.value),
|
2020-11-18 02:03:47 +08:00
|
|
|
\\"xxxxxxxx-foo\\": (__props.foo)
|
|
|
|
}))
|
2020-11-17 07:27:15 +08:00
|
|
|
|
|
|
|
const color = 'red'
|
|
|
|
const size = ref('10px')
|
|
|
|
|
|
|
|
|
|
|
|
return { color, size, ref }
|
|
|
|
}
|
|
|
|
|
|
|
|
}"
|
|
|
|
`;
|
2021-05-29 06:40:35 +08:00
|
|
|
|
|
|
|
exports[`CSS vars injection w/ normal <script> binding analysis 1`] = `
|
|
|
|
"
|
|
|
|
const __default__ = {
|
|
|
|
setup() {
|
|
|
|
return {
|
|
|
|
size: ref('100px')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
import { useCssVars as _useCssVars } from 'vue'
|
|
|
|
const __injectCSSVars__ = () => {
|
|
|
|
_useCssVars(_ctx => ({
|
|
|
|
\\"xxxxxxxx-size\\": (_ctx.size)
|
|
|
|
}))}
|
|
|
|
const __setup__ = __default__.setup
|
|
|
|
__default__.setup = __setup__
|
|
|
|
? (props, ctx) => { __injectCSSVars__();return __setup__(props, ctx) }
|
|
|
|
: __injectCSSVars__
|
|
|
|
|
|
|
|
export default __default__"
|
|
|
|
`;
|