Error: Snapshot `CSS vars injection > w/ <script setup> binding analysis 1` mismatched - Expected + Received @@ -1,9 +1,9 @@ "import { useCssVars as _useCssVars, unref as _unref } from 'vue' import { ref } from 'vue' const color = 'red' - + export default { props: { foo: String }, setup(__props, { expose: __expose }) { @@ -14,11 +14,11 @@ "xxxxxxxx-size": (size.value), "xxxxxxxx-foo": (__props.foo) })) const size = ref('10px') - - + + return { color, size, ref } } }" ❯ Module.assertCode packages/compiler-sfc/__tests__/utils.ts:40:16 ❯ packages/compiler-sfc/__tests__/cssVars.spec.ts:74:5

Error: Snapshot `CSS vars injection > codegen > <script> w/ default export in strings/comments 1` mismatched - Expected + Received @@ -1,9 +1,9 @@ " // export default {} const __default__ = {} - + import { useCssVars as _useCssVars } from 'vue' const __injectCSSVars__ = () => { _useCssVars(_ctx => ({ "xxxxxxxx-color": (_ctx.color) }))} ❯ Module.assertCode packages/compiler-sfc/__tests__/utils.ts:40:16 ❯ packages/compiler-sfc/__tests__/cssVars.spec.ts:153:7

Error: Snapshot `CSS vars injection > codegen > w/ <script setup> using the same var multiple times 1` mismatched - Expected + Received "import { useCssVars as _useCssVars, unref as _unref } from 'vue' const color = 'red' - + export default { setup(__props, { expose: __expose }) { __expose(); _useCssVars(_ctx => ({ "xxxxxxxx-color": (color) })) - + return { color } } }" ❯ Module.assertCode packages/compiler-sfc/__tests__/utils.ts:40:16 ❯ packages/compiler-sfc/__tests__/cssVars.spec.ts:207:7

Error: Snapshot `CSS vars injection > codegen > should work with w/ complex expression 1` mismatched - Expected + Received @@ -12,10 +12,10 @@ })) let a = 100 let b = 200 let foo = 300 - + return { get a() { return a }, set a(v) { a = v }, get b() { return b }, set b(v) { b = v }, get foo() { return foo }, set foo(v) { foo = v } } } }" ❯ Module.assertCode packages/compiler-sfc/__tests__/utils.ts:40:16 ❯ packages/compiler-sfc/__tests__/cssVars.spec.ts:240:7