From: Evan You <yyx990803@gmail.com>
Date: Thu, 26 Jan 2023 08:20:59 +0000 (+0800)
Subject: wip(vitest-migration): compiler-core tests passing
X-Git-Tag: v3.2.46~30
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=5804406fac645627950d1d25c2a9e86424aabcd7;p=thirdparty%2Fvuejs%2Fcore.git

wip(vitest-migration): compiler-core tests passing
---

diff --git a/packages/compiler-core/__tests__/__snapshots__/codegen.spec.ts.snap b/packages/compiler-core/__tests__/__snapshots__/codegen.spec.ts.snap
index 036b7c8f95..a2871d8669 100644
--- a/packages/compiler-core/__tests__/__snapshots__/codegen.spec.ts.snap
+++ b/packages/compiler-core/__tests__/__snapshots__/codegen.spec.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: codegen ArrayExpression 1`] = `
+exports[`compiler: codegen > ArrayExpression 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
@@ -12,14 +12,14 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen CacheExpression 1`] = `
+exports[`compiler: codegen > CacheExpression 1`] = `
 "
 export function render(_ctx, _cache) {
   return _cache[1] || (_cache[1] = foo)
 }"
 `;
 
-exports[`compiler: codegen CacheExpression w/ isVNode: true 1`] = `
+exports[`compiler: codegen > CacheExpression w/ isVNode: true 1`] = `
 "
 export function render(_ctx, _cache) {
   return _cache[1] || (
@@ -31,7 +31,7 @@ export function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen ConditionalExpression 1`] = `
+exports[`compiler: codegen > ConditionalExpression 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
@@ -44,31 +44,31 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen Element (callExpression + objectExpression + TemplateChildNode[]) 1`] = `
+exports[`compiler: codegen > Element (callExpression + objectExpression + TemplateChildNode[]) 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
-    return _createElementVNode("div", {
-      id: "foo",
+    return _createElementVNode(\\"div\\", {
+      id: \\"foo\\",
       [prop]: bar,
       [foo + bar]: bar
     }, [
-      _createElementVNode("p", { "some-key": "foo" })
+      _createElementVNode(\\"p\\", { \\"some-key\\": \\"foo\\" })
     ], 16)
   }
 }"
 `;
 
-exports[`compiler: codegen assets + temps 1`] = `
+exports[`compiler: codegen > assets + temps 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
-    const _component_Foo = _resolveComponent("Foo")
-    const _component_bar_baz = _resolveComponent("bar-baz")
-    const _component_barbaz = _resolveComponent("barbaz")
-    const _component_Qux = _resolveComponent("Qux", true)
-    const _directive_my_dir_0 = _resolveDirective("my_dir_0")
-    const _directive_my_dir_1 = _resolveDirective("my_dir_1")
+    const _component_Foo = _resolveComponent(\\"Foo\\")
+    const _component_bar_baz = _resolveComponent(\\"bar-baz\\")
+    const _component_barbaz = _resolveComponent(\\"barbaz\\")
+    const _component_Qux = _resolveComponent(\\"Qux\\", true)
+    const _directive_my_dir_0 = _resolveDirective(\\"my_dir_0\\")
+    const _directive_my_dir_1 = _resolveDirective(\\"my_dir_1\\")
     let _temp0, _temp1, _temp2
 
     return null
@@ -76,16 +76,16 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen comment 1`] = `
+exports[`compiler: codegen > comment 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
-    return _createCommentVNode("foo")
+    return _createCommentVNode(\\"foo\\")
   }
 }"
 `;
 
-exports[`compiler: codegen compound expression 1`] = `
+exports[`compiler: codegen > compound expression 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
@@ -94,7 +94,7 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen forNode 1`] = `
+exports[`compiler: codegen > forNode 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
@@ -103,7 +103,7 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen forNode with constant expression 1`] = `
+exports[`compiler: codegen > forNode with constant expression 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
@@ -112,7 +112,7 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen function mode preamble 1`] = `
+exports[`compiler: codegen > function mode preamble 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -124,7 +124,7 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen function mode preamble w/ prefixIdentifiers: true 1`] = `
+exports[`compiler: codegen > function mode preamble w/ prefixIdentifiers: true 1`] = `
 "const { createVNode: _createVNode, resolveDirective: _resolveDirective } = Vue
 
 return function render(_ctx, _cache) {
@@ -132,10 +132,10 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen hoists 1`] = `
+exports[`compiler: codegen > hoists 1`] = `
 "
 const _hoisted_1 = hello
-const _hoisted_2 = { id: "foo" }
+const _hoisted_2 = { id: \\"foo\\" }
 
 return function render(_ctx, _cache) {
   with (_ctx) {
@@ -144,7 +144,7 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen ifNode 1`] = `
+exports[`compiler: codegen > ifNode 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
@@ -155,7 +155,7 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen interpolation 1`] = `
+exports[`compiler: codegen > interpolation 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
@@ -164,16 +164,16 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen module mode preamble 1`] = `
-"import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue"
+exports[`compiler: codegen > module mode preamble 1`] = `
+"import { createVNode as _createVNode, resolveDirective as _resolveDirective } from \\"vue\\"
 
 export function render(_ctx, _cache) {
   return null
 }"
 `;
 
-exports[`compiler: codegen module mode preamble w/ optimizeImports: true 1`] = `
-"import { createVNode, resolveDirective } from "vue"
+exports[`compiler: codegen > module mode preamble w/ optimizeImports: true 1`] = `
+"import { createVNode, resolveDirective } from \\"vue\\"
 
 // Binding optimization for webpack code-split
 const _createVNode = createVNode, _resolveDirective = resolveDirective
@@ -183,16 +183,16 @@ export function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: codegen static text 1`] = `
+exports[`compiler: codegen > static text 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
-    return "hello"
+    return \\"hello\\"
   }
 }"
 `;
 
-exports[`compiler: codegen temps 1`] = `
+exports[`compiler: codegen > temps 1`] = `
 "
 return function render(_ctx, _cache) {
   with (_ctx) {
diff --git a/packages/compiler-core/__tests__/__snapshots__/compile.spec.ts.snap b/packages/compiler-core/__tests__/__snapshots__/compile.spec.ts.snap
index 02c995fe97..1054453c53 100644
--- a/packages/compiler-core/__tests__/__snapshots__/compile.spec.ts.snap
+++ b/packages/compiler-core/__tests__/__snapshots__/compile.spec.ts.snap
@@ -1,25 +1,25 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: integration tests function mode 1`] = `
+exports[`compiler: integration tests > function mode 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, createTextVNode: _createTextVNode, Fragment: _Fragment, renderList: _renderList, createElementVNode: _createElementVNode, normalizeClass: _normalizeClass } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", {
-      id: "foo",
+    return (_openBlock(), _createElementBlock(\\"div\\", {
+      id: \\"foo\\",
       class: _normalizeClass(bar.baz)
     }, [
-      _createTextVNode(_toDisplayString(world.burn()) + " ", 1 /* TEXT */),
+      _createTextVNode(_toDisplayString(world.burn()) + \\" \\", 1 /* TEXT */),
       ok
-        ? (_openBlock(), _createElementBlock("div", { key: 0 }, "yes"))
+        ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }, \\"yes\\"))
         : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
-            _createTextVNode("no")
+            _createTextVNode(\\"no\\")
           ], 64 /* STABLE_FRAGMENT */)),
       (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(list, (value, index) => {
-        return (_openBlock(), _createElementBlock("div", null, [
-          _createElementVNode("span", null, _toDisplayString(value + index), 1 /* TEXT */)
+        return (_openBlock(), _createElementBlock(\\"div\\", null, [
+          _createElementVNode(\\"span\\", null, _toDisplayString(value + index), 1 /* TEXT */)
         ]))
       }), 256 /* UNKEYED_FRAGMENT */))
     ], 2 /* CLASS */))
@@ -27,46 +27,46 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: integration tests function mode w/ prefixIdentifiers: true 1`] = `
+exports[`compiler: integration tests > function mode w/ prefixIdentifiers: true 1`] = `
 "const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, createTextVNode: _createTextVNode, Fragment: _Fragment, renderList: _renderList, createElementVNode: _createElementVNode, normalizeClass: _normalizeClass } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", {
-    id: "foo",
+  return (_openBlock(), _createElementBlock(\\"div\\", {
+    id: \\"foo\\",
     class: _normalizeClass(_ctx.bar.baz)
   }, [
-    _createTextVNode(_toDisplayString(_ctx.world.burn()) + " ", 1 /* TEXT */),
+    _createTextVNode(_toDisplayString(_ctx.world.burn()) + \\" \\", 1 /* TEXT */),
     (_ctx.ok)
-      ? (_openBlock(), _createElementBlock("div", { key: 0 }, "yes"))
+      ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }, \\"yes\\"))
       : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
-          _createTextVNode("no")
+          _createTextVNode(\\"no\\")
         ], 64 /* STABLE_FRAGMENT */)),
     (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, (value, index) => {
-      return (_openBlock(), _createElementBlock("div", null, [
-        _createElementVNode("span", null, _toDisplayString(value + index), 1 /* TEXT */)
+      return (_openBlock(), _createElementBlock(\\"div\\", null, [
+        _createElementVNode(\\"span\\", null, _toDisplayString(value + index), 1 /* TEXT */)
       ]))
     }), 256 /* UNKEYED_FRAGMENT */))
   ], 2 /* CLASS */))
 }"
 `;
 
-exports[`compiler: integration tests module mode 1`] = `
-"import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, Fragment as _Fragment, renderList as _renderList, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from "vue"
+exports[`compiler: integration tests > module mode 1`] = `
+"import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, Fragment as _Fragment, renderList as _renderList, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", {
-    id: "foo",
+  return (_openBlock(), _createElementBlock(\\"div\\", {
+    id: \\"foo\\",
     class: _normalizeClass(_ctx.bar.baz)
   }, [
-    _createTextVNode(_toDisplayString(_ctx.world.burn()) + " ", 1 /* TEXT */),
+    _createTextVNode(_toDisplayString(_ctx.world.burn()) + \\" \\", 1 /* TEXT */),
     (_ctx.ok)
-      ? (_openBlock(), _createElementBlock("div", { key: 0 }, "yes"))
+      ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }, \\"yes\\"))
       : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
-          _createTextVNode("no")
+          _createTextVNode(\\"no\\")
         ], 64 /* STABLE_FRAGMENT */)),
     (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, (value, index) => {
-      return (_openBlock(), _createElementBlock("div", null, [
-        _createElementVNode("span", null, _toDisplayString(value + index), 1 /* TEXT */)
+      return (_openBlock(), _createElementBlock(\\"div\\", null, [
+        _createElementVNode(\\"span\\", null, _toDisplayString(value + index), 1 /* TEXT */)
       ]))
     }), 256 /* UNKEYED_FRAGMENT */))
   ], 2 /* CLASS */))
diff --git a/packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap b/packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap
index 8a12c8c399..81a6a8f197 100644
--- a/packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap
+++ b/packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: parse Errors ABRUPT_CLOSING_OF_EMPTY_COMMENT <template><!--></template> 1`] = `
+exports[`compiler: parse > Errors > ABRUPT_CLOSING_OF_EMPTY_COMMENT > <template><!--></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -70,7 +70,7 @@ exports[`compiler: parse Errors ABRUPT_CLOSING_OF_EMPTY_COMMENT <template><!--><
 }
 `;
 
-exports[`compiler: parse Errors ABRUPT_CLOSING_OF_EMPTY_COMMENT <template><!---></template> 1`] = `
+exports[`compiler: parse > Errors > ABRUPT_CLOSING_OF_EMPTY_COMMENT > <template><!---></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -140,7 +140,7 @@ exports[`compiler: parse Errors ABRUPT_CLOSING_OF_EMPTY_COMMENT <template><!--->
 }
 `;
 
-exports[`compiler: parse Errors ABRUPT_CLOSING_OF_EMPTY_COMMENT <template><!----></template> 1`] = `
+exports[`compiler: parse > Errors > ABRUPT_CLOSING_OF_EMPTY_COMMENT > <template><!----></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -210,7 +210,7 @@ exports[`compiler: parse Errors ABRUPT_CLOSING_OF_EMPTY_COMMENT <template><!----
 }
 `;
 
-exports[`compiler: parse Errors CDATA_IN_HTML_CONTENT <template><![CDATA[cdata]]></template> 1`] = `
+exports[`compiler: parse > Errors > CDATA_IN_HTML_CONTENT > <template><![CDATA[cdata]]></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -280,7 +280,7 @@ exports[`compiler: parse Errors CDATA_IN_HTML_CONTENT <template><![CDATA[cdata]]
 }
 `;
 
-exports[`compiler: parse Errors CDATA_IN_HTML_CONTENT <template><svg><![CDATA[cdata]]></svg></template> 1`] = `
+exports[`compiler: parse > Errors > CDATA_IN_HTML_CONTENT > <template><svg><![CDATA[cdata]]></svg></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -374,7 +374,7 @@ exports[`compiler: parse Errors CDATA_IN_HTML_CONTENT <template><svg><![CDATA[cd
 }
 `;
 
-exports[`compiler: parse Errors DUPLICATE_ATTRIBUTE <template><div id="" id=""></div></template> 1`] = `
+exports[`compiler: parse > Errors > DUPLICATE_ATTRIBUTE > <template><div id="" id=""></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -390,7 +390,7 @@ exports[`compiler: parse Errors DUPLICATE_ATTRIBUTE <template><div id="" id=""><
               "line": 1,
               "offset": 33,
             },
-            "source": "<div id="" id=""></div>",
+            "source": "<div id=\\"\\" id=\\"\\"></div>",
             "start": {
               "column": 11,
               "line": 1,
@@ -406,7 +406,7 @@ exports[`compiler: parse Errors DUPLICATE_ATTRIBUTE <template><div id="" id=""><
                   "line": 1,
                   "offset": 20,
                 },
-                "source": "id=""",
+                "source": "id=\\"\\"",
                 "start": {
                   "column": 16,
                   "line": 1,
@@ -423,7 +423,7 @@ exports[`compiler: parse Errors DUPLICATE_ATTRIBUTE <template><div id="" id=""><
                     "line": 1,
                     "offset": 20,
                   },
-                  "source": """",
+                  "source": "\\"\\"",
                   "start": {
                     "column": 19,
                     "line": 1,
@@ -440,7 +440,7 @@ exports[`compiler: parse Errors DUPLICATE_ATTRIBUTE <template><div id="" id=""><
                   "line": 1,
                   "offset": 26,
                 },
-                "source": "id=""",
+                "source": "id=\\"\\"",
                 "start": {
                   "column": 22,
                   "line": 1,
@@ -457,7 +457,7 @@ exports[`compiler: parse Errors DUPLICATE_ATTRIBUTE <template><div id="" id=""><
                     "line": 1,
                     "offset": 26,
                   },
-                  "source": """",
+                  "source": "\\"\\"",
                   "start": {
                     "column": 25,
                     "line": 1,
@@ -481,7 +481,7 @@ exports[`compiler: parse Errors DUPLICATE_ATTRIBUTE <template><div id="" id=""><
           "line": 1,
           "offset": 44,
         },
-        "source": "<template><div id="" id=""></div></template>",
+        "source": "<template><div id=\\"\\" id=\\"\\"></div></template>",
         "start": {
           "column": 1,
           "line": 1,
@@ -507,7 +507,7 @@ exports[`compiler: parse Errors DUPLICATE_ATTRIBUTE <template><div id="" id=""><
       "line": 1,
       "offset": 44,
     },
-    "source": "<template><div id="" id=""></div></template>",
+    "source": "<template><div id=\\"\\" id=\\"\\"></div></template>",
     "start": {
       "column": 1,
       "line": 1,
@@ -519,7 +519,7 @@ exports[`compiler: parse Errors DUPLICATE_ATTRIBUTE <template><div id="" id=""><
 }
 `;
 
-exports[`compiler: parse Errors END_TAG_WITH_ATTRIBUTES <template><div></div id=""></template> 1`] = `
+exports[`compiler: parse > Errors > END_TAG_WITH_ATTRIBUTES > <template><div></div id=""></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -535,7 +535,7 @@ exports[`compiler: parse Errors END_TAG_WITH_ATTRIBUTES <template><div></div id=
               "line": 1,
               "offset": 27,
             },
-            "source": "<div></div id="">",
+            "source": "<div></div id=\\"\\">",
             "start": {
               "column": 11,
               "line": 1,
@@ -557,7 +557,7 @@ exports[`compiler: parse Errors END_TAG_WITH_ATTRIBUTES <template><div></div id=
           "line": 1,
           "offset": 38,
         },
-        "source": "<template><div></div id=""></template>",
+        "source": "<template><div></div id=\\"\\"></template>",
         "start": {
           "column": 1,
           "line": 1,
@@ -583,7 +583,7 @@ exports[`compiler: parse Errors END_TAG_WITH_ATTRIBUTES <template><div></div id=
       "line": 1,
       "offset": 38,
     },
-    "source": "<template><div></div id=""></template>",
+    "source": "<template><div></div id=\\"\\"></template>",
     "start": {
       "column": 1,
       "line": 1,
@@ -595,7 +595,7 @@ exports[`compiler: parse Errors END_TAG_WITH_ATTRIBUTES <template><div></div id=
 }
 `;
 
-exports[`compiler: parse Errors END_TAG_WITH_TRAILING_SOLIDUS <template><div></div/></template> 1`] = `
+exports[`compiler: parse > Errors > END_TAG_WITH_TRAILING_SOLIDUS > <template><div></div/></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -671,7 +671,7 @@ exports[`compiler: parse Errors END_TAG_WITH_TRAILING_SOLIDUS <template><div></d
 }
 `;
 
-exports[`compiler: parse Errors EOF_BEFORE_TAG_NAME <template>< 1`] = `
+exports[`compiler: parse > Errors > EOF_BEFORE_TAG_NAME > <template>< 1`] = `
 {
   "cached": 0,
   "children": [
@@ -741,7 +741,7 @@ exports[`compiler: parse Errors EOF_BEFORE_TAG_NAME <template>< 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_BEFORE_TAG_NAME <template></ 1`] = `
+exports[`compiler: parse > Errors > EOF_BEFORE_TAG_NAME > <template></ 1`] = `
 {
   "cached": 0,
   "children": [
@@ -811,7 +811,7 @@ exports[`compiler: parse Errors EOF_BEFORE_TAG_NAME <template></ 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_CDATA <template><svg><![CDATA[ 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_CDATA > <template><svg><![CDATA[ 1`] = `
 {
   "cached": 0,
   "children": [
@@ -887,7 +887,7 @@ exports[`compiler: parse Errors EOF_IN_CDATA <template><svg><![CDATA[ 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_CDATA <template><svg><![CDATA[cdata 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_CDATA > <template><svg><![CDATA[cdata 1`] = `
 {
   "cached": 0,
   "children": [
@@ -981,7 +981,7 @@ exports[`compiler: parse Errors EOF_IN_CDATA <template><svg><![CDATA[cdata 1`] =
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_COMMENT <template><! 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_COMMENT > <template><! 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1051,7 +1051,7 @@ exports[`compiler: parse Errors EOF_IN_COMMENT <template><! 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_COMMENT <template><!- 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_COMMENT > <template><!- 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1121,7 +1121,7 @@ exports[`compiler: parse Errors EOF_IN_COMMENT <template><!- 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_COMMENT <template><!-- 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_COMMENT > <template><!-- 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1191,7 +1191,7 @@ exports[`compiler: parse Errors EOF_IN_COMMENT <template><!-- 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_COMMENT <template><!--comment 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_COMMENT > <template><!--comment 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1261,7 +1261,7 @@ exports[`compiler: parse Errors EOF_IN_COMMENT <template><!--comment 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_COMMENT <template><!abc 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_COMMENT > <template><!abc 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1331,7 +1331,7 @@ exports[`compiler: parse Errors EOF_IN_COMMENT <template><!abc 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT <script><!--console.log('hello') 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT > <script><!--console.log('hello') 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1401,7 +1401,7 @@ exports[`compiler: parse Errors EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT <script><!-
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT <script>console.log('hello') 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT > <script>console.log('hello') 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1471,7 +1471,7 @@ exports[`compiler: parse Errors EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT <script>con
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <div></div 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <div></div 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1523,7 +1523,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <div></div 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div  1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div  1`] = `
 {
   "cached": 0,
   "children": [
@@ -1599,7 +1599,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div  1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1675,7 +1675,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div id  1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div id  1`] = `
 {
   "cached": 0,
   "children": [
@@ -1770,7 +1770,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id  1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div id = 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div id = 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1865,7 +1865,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id = 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div id 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div id 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1960,7 +1960,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div id="abc 1`] = `
 {
   "cached": 0,
   "children": [
@@ -1976,7 +1976,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc 1`] = `
               "line": 1,
               "offset": 22,
             },
-            "source": "<div id="abc",
+            "source": "<div id=\\"abc",
             "start": {
               "column": 11,
               "line": 1,
@@ -1992,7 +1992,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc 1`] = `
                   "line": 1,
                   "offset": 22,
                 },
-                "source": "id="abc",
+                "source": "id=\\"abc",
                 "start": {
                   "column": 16,
                   "line": 1,
@@ -2009,7 +2009,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc 1`] = `
                     "line": 1,
                     "offset": 22,
                   },
-                  "source": ""abc",
+                  "source": "\\"abc",
                   "start": {
                     "column": 19,
                     "line": 1,
@@ -2033,7 +2033,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc 1`] = `
           "line": 1,
           "offset": 22,
         },
-        "source": "<template><div id="abc",
+        "source": "<template><div id=\\"abc",
         "start": {
           "column": 1,
           "line": 1,
@@ -2059,7 +2059,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc 1`] = `
       "line": 1,
       "offset": 22,
     },
-    "source": "<template><div id="abc",
+    "source": "<template><div id=\\"abc",
     "start": {
       "column": 1,
       "line": 1,
@@ -2071,7 +2071,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc" 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div id="abc" 1`] = `
 {
   "cached": 0,
   "children": [
@@ -2087,7 +2087,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc" 1`] = `
               "line": 1,
               "offset": 23,
             },
-            "source": "<div id="abc"",
+            "source": "<div id=\\"abc\\"",
             "start": {
               "column": 11,
               "line": 1,
@@ -2103,7 +2103,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc" 1`] = `
                   "line": 1,
                   "offset": 23,
                 },
-                "source": "id="abc"",
+                "source": "id=\\"abc\\"",
                 "start": {
                   "column": 16,
                   "line": 1,
@@ -2120,7 +2120,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc" 1`] = `
                     "line": 1,
                     "offset": 23,
                   },
-                  "source": ""abc"",
+                  "source": "\\"abc\\"",
                   "start": {
                     "column": 19,
                     "line": 1,
@@ -2144,7 +2144,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc" 1`] = `
           "line": 1,
           "offset": 23,
         },
-        "source": "<template><div id="abc"",
+        "source": "<template><div id=\\"abc\\"",
         "start": {
           "column": 1,
           "line": 1,
@@ -2170,7 +2170,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc" 1`] = `
       "line": 1,
       "offset": 23,
     },
-    "source": "<template><div id="abc"",
+    "source": "<template><div id=\\"abc\\"",
     "start": {
       "column": 1,
       "line": 1,
@@ -2182,7 +2182,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc" 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc"/ 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div id="abc"/ 1`] = `
 {
   "cached": 0,
   "children": [
@@ -2198,7 +2198,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc"/ 1`] = `
               "line": 1,
               "offset": 24,
             },
-            "source": "<div id="abc"/",
+            "source": "<div id=\\"abc\\"/",
             "start": {
               "column": 11,
               "line": 1,
@@ -2214,7 +2214,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc"/ 1`] = `
                   "line": 1,
                   "offset": 23,
                 },
-                "source": "id="abc"",
+                "source": "id=\\"abc\\"",
                 "start": {
                   "column": 16,
                   "line": 1,
@@ -2231,7 +2231,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc"/ 1`] = `
                     "line": 1,
                     "offset": 23,
                   },
-                  "source": ""abc"",
+                  "source": "\\"abc\\"",
                   "start": {
                     "column": 19,
                     "line": 1,
@@ -2255,7 +2255,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc"/ 1`] = `
           "line": 1,
           "offset": 24,
         },
-        "source": "<template><div id="abc"/",
+        "source": "<template><div id=\\"abc\\"/",
         "start": {
           "column": 1,
           "line": 1,
@@ -2281,7 +2281,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc"/ 1`] = `
       "line": 1,
       "offset": 24,
     },
-    "source": "<template><div id="abc"/",
+    "source": "<template><div id=\\"abc\\"/",
     "start": {
       "column": 1,
       "line": 1,
@@ -2293,7 +2293,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc"/ 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div id='abc 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div id='abc 1`] = `
 {
   "cached": 0,
   "children": [
@@ -2404,7 +2404,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id='abc 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div id='abc' 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div id='abc' 1`] = `
 {
   "cached": 0,
   "children": [
@@ -2515,7 +2515,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id='abc' 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div id='abc'/ 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div id='abc'/ 1`] = `
 {
   "cached": 0,
   "children": [
@@ -2626,7 +2626,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id='abc'/ 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div id=abc / 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div id=abc / 1`] = `
 {
   "cached": 0,
   "children": [
@@ -2737,7 +2737,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id=abc / 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors EOF_IN_TAG <template><div id=abc 1`] = `
+exports[`compiler: parse > Errors > EOF_IN_TAG > <template><div id=abc 1`] = `
 {
   "cached": 0,
   "children": [
@@ -2848,7 +2848,7 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id=abc 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors INCORRECTLY_CLOSED_COMMENT <template><!--comment--!></template> 1`] = `
+exports[`compiler: parse > Errors > INCORRECTLY_CLOSED_COMMENT > <template><!--comment--!></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -2918,7 +2918,7 @@ exports[`compiler: parse Errors INCORRECTLY_CLOSED_COMMENT <template><!--comment
 }
 `;
 
-exports[`compiler: parse Errors INCORRECTLY_OPENED_COMMENT <!DOCTYPE html> 1`] = `
+exports[`compiler: parse > Errors > INCORRECTLY_OPENED_COMMENT > <!DOCTYPE html> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -2964,7 +2964,7 @@ exports[`compiler: parse Errors INCORRECTLY_OPENED_COMMENT <!DOCTYPE html> 1`] =
 }
 `;
 
-exports[`compiler: parse Errors INCORRECTLY_OPENED_COMMENT <template><!></template> 1`] = `
+exports[`compiler: parse > Errors > INCORRECTLY_OPENED_COMMENT > <template><!></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3034,7 +3034,7 @@ exports[`compiler: parse Errors INCORRECTLY_OPENED_COMMENT <template><!></templa
 }
 `;
 
-exports[`compiler: parse Errors INCORRECTLY_OPENED_COMMENT <template><!-></template> 1`] = `
+exports[`compiler: parse > Errors > INCORRECTLY_OPENED_COMMENT > <template><!-></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3104,7 +3104,7 @@ exports[`compiler: parse Errors INCORRECTLY_OPENED_COMMENT <template><!-></templ
 }
 `;
 
-exports[`compiler: parse Errors INCORRECTLY_OPENED_COMMENT <template><!ELEMENT br EMPTY></template> 1`] = `
+exports[`compiler: parse > Errors > INCORRECTLY_OPENED_COMMENT > <template><!ELEMENT br EMPTY></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3174,7 +3174,7 @@ exports[`compiler: parse Errors INCORRECTLY_OPENED_COMMENT <template><!ELEMENT b
 }
 `;
 
-exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template></�></template> 1`] = `
+exports[`compiler: parse > Errors > INVALID_FIRST_CHARACTER_OF_TAG_NAME > <template></�></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3244,7 +3244,7 @@ exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template></
 }
 `;
 
-exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template><�></template> 1`] = `
+exports[`compiler: parse > Errors > INVALID_FIRST_CHARACTER_OF_TAG_NAME > <template><�></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3314,7 +3314,7 @@ exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template><
 }
 `;
 
-exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template>{{a < b}}</template> 1`] = `
+exports[`compiler: parse > Errors > INVALID_FIRST_CHARACTER_OF_TAG_NAME > <template>{{a < b}}</template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3402,7 +3402,7 @@ exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template>{{
 }
 `;
 
-exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template>a < b</template> 1`] = `
+exports[`compiler: parse > Errors > INVALID_FIRST_CHARACTER_OF_TAG_NAME > <template>a < b</template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3472,7 +3472,7 @@ exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template>a
 }
 `;
 
-exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template>a </ b</template> 1`] = `
+exports[`compiler: parse > Errors > INVALID_FIRST_CHARACTER_OF_TAG_NAME > <template>a </ b</template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3559,7 +3559,7 @@ exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template>a
 }
 `;
 
-exports[`compiler: parse Errors MISSING_ATTRIBUTE_VALUE <template><div id= /></div></template> 1`] = `
+exports[`compiler: parse > Errors > MISSING_ATTRIBUTE_VALUE > <template><div id= /></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3670,7 +3670,7 @@ exports[`compiler: parse Errors MISSING_ATTRIBUTE_VALUE <template><div id= /></d
 }
 `;
 
-exports[`compiler: parse Errors MISSING_ATTRIBUTE_VALUE <template><div id= ></div></template> 1`] = `
+exports[`compiler: parse > Errors > MISSING_ATTRIBUTE_VALUE > <template><div id= ></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3765,7 +3765,7 @@ exports[`compiler: parse Errors MISSING_ATTRIBUTE_VALUE <template><div id= ></di
 }
 `;
 
-exports[`compiler: parse Errors MISSING_ATTRIBUTE_VALUE <template><div id=></div></template> 1`] = `
+exports[`compiler: parse > Errors > MISSING_ATTRIBUTE_VALUE > <template><div id=></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3860,7 +3860,7 @@ exports[`compiler: parse Errors MISSING_ATTRIBUTE_VALUE <template><div id=></div
 }
 `;
 
-exports[`compiler: parse Errors MISSING_END_TAG_NAME <template></></template> 1`] = `
+exports[`compiler: parse > Errors > MISSING_END_TAG_NAME > <template></></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3912,7 +3912,7 @@ exports[`compiler: parse Errors MISSING_END_TAG_NAME <template></></template> 1`
 }
 `;
 
-exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template><div id="foo"\\x0d;\\x0a;class="bar"></div></template> 1`] = `
+exports[`compiler: parse > Errors > MISSING_WHITESPACE_BETWEEN_ATTRIBUTES > <template><div id="foo"\\x0d;\\x0a;class="bar"></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -3928,8 +3928,8 @@ exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template>
               "line": 2,
               "offset": 43,
             },
-            "source": "<div id="foo"
-class="bar"></div>",
+            "source": "<div id=\\"foo\\"
+class=\\"bar\\"></div>",
             "start": {
               "column": 11,
               "line": 1,
@@ -3945,7 +3945,7 @@ class="bar"></div>",
                   "line": 1,
                   "offset": 23,
                 },
-                "source": "id="foo"",
+                "source": "id=\\"foo\\"",
                 "start": {
                   "column": 16,
                   "line": 1,
@@ -3962,7 +3962,7 @@ class="bar"></div>",
                     "line": 1,
                     "offset": 23,
                   },
-                  "source": ""foo"",
+                  "source": "\\"foo\\"",
                   "start": {
                     "column": 19,
                     "line": 1,
@@ -3979,7 +3979,7 @@ class="bar"></div>",
                   "line": 2,
                   "offset": 36,
                 },
-                "source": "class="bar"",
+                "source": "class=\\"bar\\"",
                 "start": {
                   "column": 1,
                   "line": 2,
@@ -3996,7 +3996,7 @@ class="bar"></div>",
                     "line": 2,
                     "offset": 36,
                   },
-                  "source": ""bar"",
+                  "source": "\\"bar\\"",
                   "start": {
                     "column": 7,
                     "line": 2,
@@ -4020,8 +4020,8 @@ class="bar"></div>",
           "line": 2,
           "offset": 54,
         },
-        "source": "<template><div id="foo"
-class="bar"></div></template>",
+        "source": "<template><div id=\\"foo\\"
+class=\\"bar\\"></div></template>",
         "start": {
           "column": 1,
           "line": 1,
@@ -4047,8 +4047,8 @@ class="bar"></div></template>",
       "line": 2,
       "offset": 54,
     },
-    "source": "<template><div id="foo"
-class="bar"></div></template>",
+    "source": "<template><div id=\\"foo\\"
+class=\\"bar\\"></div></template>",
     "start": {
       "column": 1,
       "line": 1,
@@ -4060,7 +4060,7 @@ class="bar"></div></template>",
 }
 `;
 
-exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template><div id="foo"class="bar"></div></template> 1`] = `
+exports[`compiler: parse > Errors > MISSING_WHITESPACE_BETWEEN_ATTRIBUTES > <template><div id="foo"class="bar"></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -4076,7 +4076,7 @@ exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template>
               "line": 1,
               "offset": 41,
             },
-            "source": "<div id="foo"class="bar"></div>",
+            "source": "<div id=\\"foo\\"class=\\"bar\\"></div>",
             "start": {
               "column": 11,
               "line": 1,
@@ -4092,7 +4092,7 @@ exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template>
                   "line": 1,
                   "offset": 23,
                 },
-                "source": "id="foo"",
+                "source": "id=\\"foo\\"",
                 "start": {
                   "column": 16,
                   "line": 1,
@@ -4109,7 +4109,7 @@ exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template>
                     "line": 1,
                     "offset": 23,
                   },
-                  "source": ""foo"",
+                  "source": "\\"foo\\"",
                   "start": {
                     "column": 19,
                     "line": 1,
@@ -4126,7 +4126,7 @@ exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template>
                   "line": 1,
                   "offset": 34,
                 },
-                "source": "class="bar"",
+                "source": "class=\\"bar\\"",
                 "start": {
                   "column": 24,
                   "line": 1,
@@ -4143,7 +4143,7 @@ exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template>
                     "line": 1,
                     "offset": 34,
                   },
-                  "source": ""bar"",
+                  "source": "\\"bar\\"",
                   "start": {
                     "column": 30,
                     "line": 1,
@@ -4167,7 +4167,7 @@ exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template>
           "line": 1,
           "offset": 52,
         },
-        "source": "<template><div id="foo"class="bar"></div></template>",
+        "source": "<template><div id=\\"foo\\"class=\\"bar\\"></div></template>",
         "start": {
           "column": 1,
           "line": 1,
@@ -4193,7 +4193,7 @@ exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template>
       "line": 1,
       "offset": 52,
     },
-    "source": "<template><div id="foo"class="bar"></div></template>",
+    "source": "<template><div id=\\"foo\\"class=\\"bar\\"></div></template>",
     "start": {
       "column": 1,
       "line": 1,
@@ -4205,7 +4205,7 @@ exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template>
 }
 `;
 
-exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!-- 1`] = `
+exports[`compiler: parse > Errors > NESTED_COMMENT > <template><!--a<!-- 1`] = `
 {
   "cached": 0,
   "children": [
@@ -4275,7 +4275,7 @@ exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!-- 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!--></template> 1`] = `
+exports[`compiler: parse > Errors > NESTED_COMMENT > <template><!--a<!--></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -4345,7 +4345,7 @@ exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!--></template> 1
 }
 `;
 
-exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!--b<!----></template> 1`] = `
+exports[`compiler: parse > Errors > NESTED_COMMENT > <template><!--a<!--b<!----></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -4415,7 +4415,7 @@ exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!--b<!----></temp
 }
 `;
 
-exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!--b<!--c--></template> 1`] = `
+exports[`compiler: parse > Errors > NESTED_COMMENT > <template><!--a<!--b<!--c--></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -4485,7 +4485,7 @@ exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!--b<!--c--></tem
 }
 `;
 
-exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!--b--></template> 1`] = `
+exports[`compiler: parse > Errors > NESTED_COMMENT > <template><!--a<!--b--></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -4555,7 +4555,7 @@ exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!--b--></template
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template><div a"bc=''></div></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME > <template><div a"bc=''></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -4571,7 +4571,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template
               "line": 1,
               "offset": 29,
             },
-            "source": "<div a"bc=''></div>",
+            "source": "<div a\\"bc=''></div>",
             "start": {
               "column": 11,
               "line": 1,
@@ -4587,14 +4587,14 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template
                   "line": 1,
                   "offset": 22,
                 },
-                "source": "a"bc=''",
+                "source": "a\\"bc=''",
                 "start": {
                   "column": 16,
                   "line": 1,
                   "offset": 15,
                 },
               },
-              "name": "a"bc",
+              "name": "a\\"bc",
               "type": 6,
               "value": {
                 "content": "",
@@ -4628,7 +4628,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template
           "line": 1,
           "offset": 40,
         },
-        "source": "<template><div a"bc=''></div></template>",
+        "source": "<template><div a\\"bc=''></div></template>",
         "start": {
           "column": 1,
           "line": 1,
@@ -4654,7 +4654,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template
       "line": 1,
       "offset": 40,
     },
-    "source": "<template><div a"bc=''></div></template>",
+    "source": "<template><div a\\"bc=''></div></template>",
     "start": {
       "column": 1,
       "line": 1,
@@ -4666,7 +4666,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template><div a'bc=''></div></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME > <template><div a'bc=''></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -4777,7 +4777,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template><div a<bc=''></div></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME > <template><div a<bc=''></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -4888,7 +4888,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE <template><div foo=bar"></div></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE > <template><div foo=bar"></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -4904,7 +4904,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
               "line": 1,
               "offset": 30,
             },
-            "source": "<div foo=bar"></div>",
+            "source": "<div foo=bar\\"></div>",
             "start": {
               "column": 11,
               "line": 1,
@@ -4920,7 +4920,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
                   "line": 1,
                   "offset": 23,
                 },
-                "source": "foo=bar"",
+                "source": "foo=bar\\"",
                 "start": {
                   "column": 16,
                   "line": 1,
@@ -4930,14 +4930,14 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
               "name": "foo",
               "type": 6,
               "value": {
-                "content": "bar"",
+                "content": "bar\\"",
                 "loc": {
                   "end": {
                     "column": 24,
                     "line": 1,
                     "offset": 23,
                   },
-                  "source": "bar"",
+                  "source": "bar\\"",
                   "start": {
                     "column": 20,
                     "line": 1,
@@ -4961,7 +4961,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
           "line": 1,
           "offset": 41,
         },
-        "source": "<template><div foo=bar"></div></template>",
+        "source": "<template><div foo=bar\\"></div></template>",
         "start": {
           "column": 1,
           "line": 1,
@@ -4987,7 +4987,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
       "line": 1,
       "offset": 41,
     },
-    "source": "<template><div foo=bar"></div></template>",
+    "source": "<template><div foo=bar\\"></div></template>",
     "start": {
       "column": 1,
       "line": 1,
@@ -4999,7 +4999,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE <template><div foo=bar'></div></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE > <template><div foo=bar'></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -5110,7 +5110,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE <template><div foo=bar<div></div></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE > <template><div foo=bar<div></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -5221,7 +5221,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE <template><div foo=bar=baz></div></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE > <template><div foo=bar=baz></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -5332,7 +5332,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE <template><div foo=bar\`></div></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE > <template><div foo=bar\`></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -5443,7 +5443,7 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME <template><div =></div></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME > <template><div =></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -5538,7 +5538,7 @@ exports[`compiler: parse Errors UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME <te
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME <template><div =foo=bar></div></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME > <template><div =foo=bar></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -5649,7 +5649,7 @@ exports[`compiler: parse Errors UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME <te
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME <template><?xml?></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME > <template><?xml?></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -5719,7 +5719,7 @@ exports[`compiler: parse Errors UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME <te
 }
 `;
 
-exports[`compiler: parse Errors UNEXPECTED_SOLIDUS_IN_TAG <template><div a/b></div></template> 1`] = `
+exports[`compiler: parse > Errors > UNEXPECTED_SOLIDUS_IN_TAG > <template><div a/b></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -5832,7 +5832,7 @@ exports[`compiler: parse Errors UNEXPECTED_SOLIDUS_IN_TAG <template><div a/b></d
 }
 `;
 
-exports[`compiler: parse Errors X_INVALID_END_TAG <svg><![CDATA[</div>]]></svg> 1`] = `
+exports[`compiler: parse > Errors > X_INVALID_END_TAG > <svg><![CDATA[</div>]]></svg> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -5902,7 +5902,7 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <svg><![CDATA[</div>]]></svg>
 }
 `;
 
-exports[`compiler: parse Errors X_INVALID_END_TAG <svg><!--</div>--></svg> 1`] = `
+exports[`compiler: parse > Errors > X_INVALID_END_TAG > <svg><!--</div>--></svg> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -5972,7 +5972,7 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <svg><!--</div>--></svg> 1`] =
 }
 `;
 
-exports[`compiler: parse Errors X_INVALID_END_TAG <template></div></div></template> 1`] = `
+exports[`compiler: parse > Errors > X_INVALID_END_TAG > <template></div></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6024,7 +6024,7 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <template></div></div></templa
 }
 `;
 
-exports[`compiler: parse Errors X_INVALID_END_TAG <template></div></template> 1`] = `
+exports[`compiler: parse > Errors > X_INVALID_END_TAG > <template></div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6076,7 +6076,7 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <template></div></template> 1`
 }
 `;
 
-exports[`compiler: parse Errors X_INVALID_END_TAG <template>{{'</div>'}}</template> 1`] = `
+exports[`compiler: parse > Errors > X_INVALID_END_TAG > <template>{{'</div>'}}</template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6164,7 +6164,7 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <template>{{'</div>'}}</templa
 }
 `;
 
-exports[`compiler: parse Errors X_INVALID_END_TAG <textarea></div></textarea> 1`] = `
+exports[`compiler: parse > Errors > X_INVALID_END_TAG > <textarea></div></textarea> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6234,7 +6234,7 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <textarea></div></textarea> 1`
 }
 `;
 
-exports[`compiler: parse Errors X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END <div v-foo:[sef fsef] /> 1`] = `
+exports[`compiler: parse > Errors > X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END > <div v-foo:[sef fsef] /> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6343,7 +6343,7 @@ exports[`compiler: parse Errors X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END <div v-
 }
 `;
 
-exports[`compiler: parse Errors X_MISSING_END_TAG <template><div> 1`] = `
+exports[`compiler: parse > Errors > X_MISSING_END_TAG > <template><div> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6419,7 +6419,7 @@ exports[`compiler: parse Errors X_MISSING_END_TAG <template><div> 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors X_MISSING_END_TAG <template><div></template> 1`] = `
+exports[`compiler: parse > Errors > X_MISSING_END_TAG > <template><div></template> 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6495,7 +6495,7 @@ exports[`compiler: parse Errors X_MISSING_END_TAG <template><div></template> 1`]
 }
 `;
 
-exports[`compiler: parse Errors X_MISSING_INTERPOLATION_END {{ 1`] = `
+exports[`compiler: parse > Errors > X_MISSING_INTERPOLATION_END > {{ 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6541,7 +6541,7 @@ exports[`compiler: parse Errors X_MISSING_INTERPOLATION_END {{ 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors X_MISSING_INTERPOLATION_END {{ foo 1`] = `
+exports[`compiler: parse > Errors > X_MISSING_INTERPOLATION_END > {{ foo 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6587,7 +6587,7 @@ exports[`compiler: parse Errors X_MISSING_INTERPOLATION_END {{ foo 1`] = `
 }
 `;
 
-exports[`compiler: parse Errors X_MISSING_INTERPOLATION_END {{}} 1`] = `
+exports[`compiler: parse > Errors > X_MISSING_INTERPOLATION_END > {{}} 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6651,7 +6651,7 @@ exports[`compiler: parse Errors X_MISSING_INTERPOLATION_END {{}} 1`] = `
 }
 `;
 
-exports[`compiler: parse invalid html 1`] = `
+exports[`compiler: parse > invalid html 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6733,7 +6733,7 @@ exports[`compiler: parse invalid html 1`] = `
 }
 `;
 
-exports[`compiler: parse self closing multiple tag 1`] = `
+exports[`compiler: parse > self closing multiple tag 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6747,7 +6747,7 @@ exports[`compiler: parse self closing multiple tag 1`] = `
           "line": 1,
           "offset": 36,
         },
-        "source": "<div :class="{ some: condition }" />",
+        "source": "<div :class=\\"{ some: condition }\\" />",
         "start": {
           "column": 1,
           "line": 1,
@@ -6801,7 +6801,7 @@ exports[`compiler: parse self closing multiple tag 1`] = `
               "line": 1,
               "offset": 33,
             },
-            "source": ":class="{ some: condition }"",
+            "source": ":class=\\"{ some: condition }\\"",
             "start": {
               "column": 6,
               "line": 1,
@@ -6827,7 +6827,7 @@ exports[`compiler: parse self closing multiple tag 1`] = `
           "line": 2,
           "offset": 73,
         },
-        "source": "<p v-bind:style="{ color: 'red' }"/>",
+        "source": "<p v-bind:style=\\"{ color: 'red' }\\"/>",
         "start": {
           "column": 1,
           "line": 2,
@@ -6881,7 +6881,7 @@ exports[`compiler: parse self closing multiple tag 1`] = `
               "line": 2,
               "offset": 71,
             },
-            "source": "v-bind:style="{ color: 'red' }"",
+            "source": "v-bind:style=\\"{ color: 'red' }\\"",
             "start": {
               "column": 4,
               "line": 2,
@@ -6910,8 +6910,8 @@ exports[`compiler: parse self closing multiple tag 1`] = `
       "line": 2,
       "offset": 73,
     },
-    "source": "<div :class="{ some: condition }" />
-<p v-bind:style="{ color: 'red' }"/>",
+    "source": "<div :class=\\"{ some: condition }\\" />
+<p v-bind:style=\\"{ color: 'red' }\\"/>",
     "start": {
       "column": 1,
       "line": 1,
@@ -6923,7 +6923,7 @@ exports[`compiler: parse self closing multiple tag 1`] = `
 }
 `;
 
-exports[`compiler: parse valid html 1`] = `
+exports[`compiler: parse > valid html 1`] = `
 {
   "cached": 0,
   "children": [
@@ -6939,7 +6939,7 @@ exports[`compiler: parse valid html 1`] = `
               "line": 2,
               "offset": 73,
             },
-            "source": "<p v-bind:style="{ color: 'red' }"/>",
+            "source": "<p v-bind:style=\\"{ color: 'red' }\\"/>",
             "start": {
               "column": 3,
               "line": 2,
@@ -6993,7 +6993,7 @@ exports[`compiler: parse valid html 1`] = `
                   "line": 2,
                   "offset": 71,
                 },
-                "source": "v-bind:style="{ color: 'red' }"",
+                "source": "v-bind:style=\\"{ color: 'red' }\\"",
                 "start": {
                   "column": 6,
                   "line": 2,
@@ -7035,8 +7035,8 @@ exports[`compiler: parse valid html 1`] = `
           "line": 4,
           "offset": 123,
         },
-        "source": "<div :class="{ some: condition }">
-  <p v-bind:style="{ color: 'red' }"/>
+        "source": "<div :class=\\"{ some: condition }\\">
+  <p v-bind:style=\\"{ color: 'red' }\\"/>
   <!-- a comment with <html> inside it -->
 </div>",
         "start": {
@@ -7092,7 +7092,7 @@ exports[`compiler: parse valid html 1`] = `
               "line": 1,
               "offset": 33,
             },
-            "source": ":class="{ some: condition }"",
+            "source": ":class=\\"{ some: condition }\\"",
             "start": {
               "column": 6,
               "line": 1,
@@ -7121,8 +7121,8 @@ exports[`compiler: parse valid html 1`] = `
       "line": 4,
       "offset": 123,
     },
-    "source": "<div :class="{ some: condition }">
-  <p v-bind:style="{ color: 'red' }"/>
+    "source": "<div :class=\\"{ some: condition }\\">
+  <p v-bind:style=\\"{ color: 'red' }\\"/>
   <!-- a comment with <html> inside it -->
 </div>",
     "start": {
diff --git a/packages/compiler-core/__tests__/__snapshots__/scopeId.spec.ts.snap b/packages/compiler-core/__tests__/__snapshots__/scopeId.spec.ts.snap
index 4f20eabbad..b6a38484f5 100644
--- a/packages/compiler-core/__tests__/__snapshots__/scopeId.spec.ts.snap
+++ b/packages/compiler-core/__tests__/__snapshots__/scopeId.spec.ts.snap
@@ -1,14 +1,14 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`scopeId compiler support should push scopeId for hoisted nodes 1`] = `
-"import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue"
+exports[`scopeId compiler support > should push scopeId for hoisted nodes 1`] = `
+"import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \\"vue\\"
 
-const _withScopeId = n => (_pushScopeId("test"),n=n(),_popScopeId(),n)
-const _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode("div", null, "hello", -1 /* HOISTED */))
-const _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode("div", null, "world", -1 /* HOISTED */))
+const _withScopeId = n => (_pushScopeId(\\"test\\"),n=n(),_popScopeId(),n)
+const _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\\"div\\", null, \\"hello\\", -1 /* HOISTED */))
+const _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\\"div\\", null, \\"world\\", -1 /* HOISTED */))
 
 export function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, [
+  return (_openBlock(), _createElementBlock(\\"div\\", null, [
     _hoisted_1,
     _createTextVNode(_toDisplayString(_ctx.foo), 1 /* TEXT */),
     _hoisted_2
@@ -16,42 +16,42 @@ export function render(_ctx, _cache) {
 }"
 `;
 
-exports[`scopeId compiler support should wrap default slot 1`] = `
-"import { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue"
+exports[`scopeId compiler support > should wrap default slot 1`] = `
+"import { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  const _component_Child = _resolveComponent("Child")
+  const _component_Child = _resolveComponent(\\"Child\\")
 
   return (_openBlock(), _createBlock(_component_Child, null, {
     default: _withCtx(() => [
-      _createElementVNode("div")
+      _createElementVNode(\\"div\\")
     ]),
     _: 1 /* STABLE */
   }))
 }"
 `;
 
-exports[`scopeId compiler support should wrap dynamic slots 1`] = `
-"import { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, renderList as _renderList, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue"
+exports[`scopeId compiler support > should wrap dynamic slots 1`] = `
+"import { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, renderList as _renderList, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  const _component_Child = _resolveComponent("Child")
+  const _component_Child = _resolveComponent(\\"Child\\")
 
   return (_openBlock(), _createBlock(_component_Child, null, _createSlots({ _: 2 /* DYNAMIC */ }, [
     (_ctx.ok)
       ? {
-          name: "foo",
+          name: \\"foo\\",
           fn: _withCtx(() => [
-            _createElementVNode("div")
+            _createElementVNode(\\"div\\")
           ]),
-          key: "0"
+          key: \\"0\\"
         }
       : undefined,
     _renderList(_ctx.list, (i) => {
       return {
         name: i,
         fn: _withCtx(() => [
-          _createElementVNode("div")
+          _createElementVNode(\\"div\\")
         ])
       }
     })
@@ -59,18 +59,18 @@ export function render(_ctx, _cache) {
 }"
 `;
 
-exports[`scopeId compiler support should wrap named slots 1`] = `
-"import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue"
+exports[`scopeId compiler support > should wrap named slots 1`] = `
+"import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  const _component_Child = _resolveComponent("Child")
+  const _component_Child = _resolveComponent(\\"Child\\")
 
   return (_openBlock(), _createBlock(_component_Child, null, {
     foo: _withCtx(({ msg }) => [
       _createTextVNode(_toDisplayString(msg), 1 /* TEXT */)
     ]),
     bar: _withCtx(() => [
-      _createElementVNode("div")
+      _createElementVNode(\\"div\\")
     ]),
     _: 1 /* STABLE */
   }))
diff --git a/packages/compiler-core/__tests__/codegen.spec.ts b/packages/compiler-core/__tests__/codegen.spec.ts
index 3f9120471b..802df84b35 100644
--- a/packages/compiler-core/__tests__/codegen.spec.ts
+++ b/packages/compiler-core/__tests__/codegen.spec.ts
@@ -631,7 +631,7 @@ describe('compiler: codegen', () => {
 
     test('tag only', () => {
       expect(genCode(createVNodeCall(null, `"div"`))).toMatchInlineSnapshot(`
-        "return _createElementVNode("div")
+        "return _createElementVNode(\\"div\\")
          "
       `)
       expect(genCode(createVNodeCall(null, FRAGMENT))).toMatchInlineSnapshot(`
@@ -643,33 +643,33 @@ describe('compiler: codegen', () => {
     test('with props', () => {
       expect(genCode(createVNodeCall(null, `"div"`, mockProps)))
         .toMatchInlineSnapshot(`
-        "return _createElementVNode("div", { foo: "bar" })
-         "
-      `)
+          "return _createElementVNode(\\"div\\", { foo: \\"bar\\" })
+           "
+        `)
     })
 
     test('with children, no props', () => {
       expect(genCode(createVNodeCall(null, `"div"`, undefined, mockChildren)))
         .toMatchInlineSnapshot(`
-        "return _createElementVNode("div", null, children)
-         "
-      `)
+          "return _createElementVNode(\\"div\\", null, children)
+           "
+        `)
     })
 
     test('with children + props', () => {
       expect(genCode(createVNodeCall(null, `"div"`, mockProps, mockChildren)))
         .toMatchInlineSnapshot(`
-        "return _createElementVNode("div", { foo: "bar" }, children)
-         "
-      `)
+          "return _createElementVNode(\\"div\\", { foo: \\"bar\\" }, children)
+           "
+        `)
     })
 
     test('with patchFlag and no children/props', () => {
       expect(genCode(createVNodeCall(null, `"div"`, undefined, undefined, '1')))
         .toMatchInlineSnapshot(`
-        "return _createElementVNode("div", null, null, 1)
-         "
-      `)
+          "return _createElementVNode(\\"div\\", null, null, 1)
+           "
+        `)
     })
 
     test('as block', () => {
@@ -687,7 +687,7 @@ describe('compiler: codegen', () => {
           )
         )
       ).toMatchInlineSnapshot(`
-        "return (_openBlock(), _createElementBlock("div", { foo: "bar" }, children))
+        "return (_openBlock(), _createElementBlock(\\"div\\", { foo: \\"bar\\" }, children))
          "
       `)
     })
@@ -708,7 +708,7 @@ describe('compiler: codegen', () => {
           )
         )
       ).toMatchInlineSnapshot(`
-        "return (_openBlock(true), _createElementBlock("div", { foo: "bar" }, children))
+        "return (_openBlock(true), _createElementBlock(\\"div\\", { foo: \\"bar\\" }, children))
          "
       `)
     })
@@ -727,7 +727,7 @@ describe('compiler: codegen', () => {
           )
         )
       ).toMatchInlineSnapshot(`
-        "return _withDirectives(_createElementVNode("div", { foo: "bar" }, children), [
+        "return _withDirectives(_createElementVNode(\\"div\\", { foo: \\"bar\\" }, children), [
               [foo, bar]
             ])
          "
@@ -749,7 +749,7 @@ describe('compiler: codegen', () => {
           )
         )
       ).toMatchInlineSnapshot(`
-        "return _withDirectives((_openBlock(), _createElementBlock("div", { foo: "bar" }, children)), [
+        "return _withDirectives((_openBlock(), _createElementBlock(\\"div\\", { foo: \\"bar\\" }, children)), [
               [foo, bar]
             ])
          "
diff --git a/packages/compiler-core/__tests__/transforms/__snapshots__/hoistStatic.spec.ts.snap b/packages/compiler-core/__tests__/transforms/__snapshots__/hoistStatic.spec.ts.snap
index 2770335a5f..b972085a00 100644
--- a/packages/compiler-core/__tests__/transforms/__snapshots__/hoistStatic.spec.ts.snap
+++ b/packages/compiler-core/__tests__/transforms/__snapshots__/hoistStatic.spec.ts.snap
@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: hoistStatic transform hoist element with static key 1`] = `
+exports[`compiler: hoistStatic transform > hoist element with static key 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = /*#__PURE__*/_createElementVNode("div", { key: "foo" }, null, -1 /* HOISTED */)
+const _hoisted_1 = /*#__PURE__*/_createElementVNode(\\"div\\", { key: \\"foo\\" }, null, -1 /* HOISTED */)
 const _hoisted_2 = [
   _hoisted_1
 ]
@@ -13,18 +13,18 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, _hoisted_2))
+    return (_openBlock(), _createElementBlock(\\"div\\", null, _hoisted_2))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform hoist nested static tree 1`] = `
+exports[`compiler: hoistStatic transform > hoist nested static tree 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = /*#__PURE__*/_createElementVNode("p", null, [
-  /*#__PURE__*/_createElementVNode("span"),
-  /*#__PURE__*/_createElementVNode("span")
+const _hoisted_1 = /*#__PURE__*/_createElementVNode(\\"p\\", null, [
+  /*#__PURE__*/_createElementVNode(\\"span\\"),
+  /*#__PURE__*/_createElementVNode(\\"span\\")
 ], -1 /* HOISTED */)
 const _hoisted_2 = [
   _hoisted_1
@@ -34,17 +34,17 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, _hoisted_2))
+    return (_openBlock(), _createElementBlock(\\"div\\", null, _hoisted_2))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform hoist nested static tree with comments 1`] = `
+exports[`compiler: hoistStatic transform > hoist nested static tree with comments 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode, createCommentVNode: _createCommentVNode } = _Vue
 
-const _hoisted_1 = /*#__PURE__*/_createElementVNode("div", null, [
-  /*#__PURE__*/_createCommentVNode("comment")
+const _hoisted_1 = /*#__PURE__*/_createElementVNode(\\"div\\", null, [
+  /*#__PURE__*/_createCommentVNode(\\"comment\\")
 ], -1 /* HOISTED */)
 const _hoisted_2 = [
   _hoisted_1
@@ -54,17 +54,17 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { createCommentVNode: _createCommentVNode, createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, _hoisted_2))
+    return (_openBlock(), _createElementBlock(\\"div\\", null, _hoisted_2))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform hoist siblings with common non-hoistable parent 1`] = `
+exports[`compiler: hoistStatic transform > hoist siblings with common non-hoistable parent 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = /*#__PURE__*/_createElementVNode("span", null, null, -1 /* HOISTED */)
-const _hoisted_2 = /*#__PURE__*/_createElementVNode("div", null, null, -1 /* HOISTED */)
+const _hoisted_1 = /*#__PURE__*/_createElementVNode(\\"span\\", null, null, -1 /* HOISTED */)
+const _hoisted_2 = /*#__PURE__*/_createElementVNode(\\"div\\", null, null, -1 /* HOISTED */)
 const _hoisted_3 = [
   _hoisted_1,
   _hoisted_2
@@ -74,16 +74,16 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, _hoisted_3))
+    return (_openBlock(), _createElementBlock(\\"div\\", null, _hoisted_3))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform hoist simple element 1`] = `
+exports[`compiler: hoistStatic transform > hoist simple element 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = /*#__PURE__*/_createElementVNode("span", { class: "inline" }, "hello", -1 /* HOISTED */)
+const _hoisted_1 = /*#__PURE__*/_createElementVNode(\\"span\\", { class: \\"inline\\" }, \\"hello\\", -1 /* HOISTED */)
 const _hoisted_2 = [
   _hoisted_1
 ]
@@ -92,25 +92,25 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, _hoisted_2))
+    return (_openBlock(), _createElementBlock(\\"div\\", null, _hoisted_2))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform hoist static props for elements with directives 1`] = `
+exports[`compiler: hoistStatic transform > hoist static props for elements with directives 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = { id: "foo" }
+const _hoisted_1 = { id: \\"foo\\" }
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { resolveDirective: _resolveDirective, createElementVNode: _createElementVNode, withDirectives: _withDirectives, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    const _directive_foo = _resolveDirective("foo")
+    const _directive_foo = _resolveDirective(\\"foo\\")
 
-    return (_openBlock(), _createElementBlock("div", null, [
-      _withDirectives(_createElementVNode("div", _hoisted_1, null, 512 /* NEED_PATCH */), [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
+      _withDirectives(_createElementVNode(\\"div\\", _hoisted_1, null, 512 /* NEED_PATCH */), [
         [_directive_foo]
       ])
     ]))
@@ -118,37 +118,37 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: hoistStatic transform hoist static props for elements with dynamic text children 1`] = `
+exports[`compiler: hoistStatic transform > hoist static props for elements with dynamic text children 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = { id: "foo" }
+const _hoisted_1 = { id: \\"foo\\" }
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { toDisplayString: _toDisplayString, createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
-      _createElementVNode("div", _hoisted_1, _toDisplayString(hello), 1 /* TEXT */)
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
+      _createElementVNode(\\"div\\", _hoisted_1, _toDisplayString(hello), 1 /* TEXT */)
     ]))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform hoist static props for elements with unhoistable children 1`] = `
+exports[`compiler: hoistStatic transform > hoist static props for elements with unhoistable children 1`] = `
 "const _Vue = Vue
 const { createVNode: _createVNode, createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = { id: "foo" }
+const _hoisted_1 = { id: \\"foo\\" }
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { resolveComponent: _resolveComponent, createVNode: _createVNode, createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    const _component_Comp = _resolveComponent("Comp")
+    const _component_Comp = _resolveComponent(\\"Comp\\")
 
-    return (_openBlock(), _createElementBlock("div", null, [
-      _createElementVNode("div", _hoisted_1, [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
+      _createElementVNode(\\"div\\", _hoisted_1, [
         _createVNode(_component_Comp)
       ])
     ]))
@@ -156,7 +156,7 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: hoistStatic transform prefixIdentifiers hoist class with static object value 1`] = `
+exports[`compiler: hoistStatic transform > prefixIdentifiers > hoist class with static object value 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
@@ -168,18 +168,18 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { toDisplayString: _toDisplayString, normalizeClass: _normalizeClass, createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
-      _createElementVNode("span", _hoisted_1, _toDisplayString(_ctx.bar), 1 /* TEXT */)
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
+      _createElementVNode(\\"span\\", _hoisted_1, _toDisplayString(_ctx.bar), 1 /* TEXT */)
     ]))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform prefixIdentifiers hoist nested static tree with static interpolation 1`] = `
+exports[`compiler: hoistStatic transform > prefixIdentifiers > hoist nested static tree with static interpolation 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = /*#__PURE__*/_createElementVNode("span", null, "foo " + /*#__PURE__*/_toDisplayString(1) + " " + /*#__PURE__*/_toDisplayString(true), -1 /* HOISTED */)
+const _hoisted_1 = /*#__PURE__*/_createElementVNode(\\"span\\", null, \\"foo \\" + /*#__PURE__*/_toDisplayString(1) + \\" \\" + /*#__PURE__*/_toDisplayString(true), -1 /* HOISTED */)
 const _hoisted_2 = [
   _hoisted_1
 ]
@@ -188,16 +188,16 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { toDisplayString: _toDisplayString, createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, _hoisted_2))
+    return (_openBlock(), _createElementBlock(\\"div\\", null, _hoisted_2))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform prefixIdentifiers hoist nested static tree with static prop value 1`] = `
+exports[`compiler: hoistStatic transform > prefixIdentifiers > hoist nested static tree with static prop value 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = /*#__PURE__*/_createElementVNode("span", { foo: 0 }, /*#__PURE__*/_toDisplayString(1), -1 /* HOISTED */)
+const _hoisted_1 = /*#__PURE__*/_createElementVNode(\\"span\\", { foo: 0 }, /*#__PURE__*/_toDisplayString(1), -1 /* HOISTED */)
 const _hoisted_2 = [
   _hoisted_1
 ]
@@ -206,16 +206,16 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { toDisplayString: _toDisplayString, createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, _hoisted_2))
+    return (_openBlock(), _createElementBlock(\\"div\\", null, _hoisted_2))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform prefixIdentifiers should NOT hoist SVG with directives 1`] = `
+exports[`compiler: hoistStatic transform > prefixIdentifiers > should NOT hoist SVG with directives 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = /*#__PURE__*/_createElementVNode("path", { d: "M2,3H5.5L12" }, null, -1 /* HOISTED */)
+const _hoisted_1 = /*#__PURE__*/_createElementVNode(\\"path\\", { d: \\"M2,3H5.5L12\\" }, null, -1 /* HOISTED */)
 const _hoisted_2 = [
   _hoisted_1
 ]
@@ -224,10 +224,10 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { createElementVNode: _createElementVNode, resolveDirective: _resolveDirective, openBlock: _openBlock, createElementBlock: _createElementBlock, withDirectives: _withDirectives } = _Vue
 
-    const _directive_foo = _resolveDirective("foo")
+    const _directive_foo = _resolveDirective(\\"foo\\")
 
-    return (_openBlock(), _createElementBlock("div", null, [
-      _withDirectives((_openBlock(), _createElementBlock("svg", null, _hoisted_2)), [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
+      _withDirectives((_openBlock(), _createElementBlock(\\"svg\\", null, _hoisted_2)), [
         [_directive_foo]
       ])
     ]))
@@ -235,13 +235,13 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: hoistStatic transform prefixIdentifiers should NOT hoist elements with cached handlers + other bindings 1`] = `
-"import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+exports[`compiler: hoistStatic transform > prefixIdentifiers > should NOT hoist elements with cached handlers + other bindings 1`] = `
+"import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, [
-    _createElementVNode("div", null, [
-      _createElementVNode("div", {
+  return (_openBlock(), _createElementBlock(\\"div\\", null, [
+    _createElementVNode(\\"div\\", null, [
+      _createElementVNode(\\"div\\", {
         class: _normalizeClass({}),
         onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.foo && _ctx.foo(...args)))
       })
@@ -250,13 +250,13 @@ export function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: hoistStatic transform prefixIdentifiers should NOT hoist elements with cached handlers 1`] = `
-"import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+exports[`compiler: hoistStatic transform > prefixIdentifiers > should NOT hoist elements with cached handlers 1`] = `
+"import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, [
-    _createElementVNode("div", null, [
-      _createElementVNode("div", {
+  return (_openBlock(), _createElementBlock(\\"div\\", null, [
+    _createElementVNode(\\"div\\", null, [
+      _createElementVNode(\\"div\\", {
         onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.foo && _ctx.foo(...args)))
       })
     ])
@@ -264,17 +264,17 @@ export function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: hoistStatic transform prefixIdentifiers should NOT hoist expressions that refer scope variables (2) 1`] = `
+exports[`compiler: hoistStatic transform > prefixIdentifiers > should NOT hoist expressions that refer scope variables (2) 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock, toDisplayString: _toDisplayString, createElementVNode: _createElementVNode } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
       (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, (o) => {
-        return (_openBlock(), _createElementBlock("p", null, [
-          _createElementVNode("span", null, _toDisplayString(o + 'foo'), 1 /* TEXT */)
+        return (_openBlock(), _createElementBlock(\\"p\\", null, [
+          _createElementVNode(\\"span\\", null, _toDisplayString(o + 'foo'), 1 /* TEXT */)
         ]))
       }), 256 /* UNKEYED_FRAGMENT */))
     ]))
@@ -282,14 +282,14 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: hoistStatic transform prefixIdentifiers should NOT hoist expressions that refer scope variables (v-slot) 1`] = `
+exports[`compiler: hoistStatic transform > prefixIdentifiers > should NOT hoist expressions that refer scope variables (v-slot) 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { toDisplayString: _toDisplayString, createTextVNode: _createTextVNode, resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock } = _Vue
 
-    const _component_Comp = _resolveComponent("Comp")
+    const _component_Comp = _resolveComponent(\\"Comp\\")
 
     return (_openBlock(), _createBlock(_component_Comp, null, {
       default: _withCtx(({ foo }) => [
@@ -301,17 +301,17 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: hoistStatic transform prefixIdentifiers should NOT hoist expressions that refer scope variables 1`] = `
+exports[`compiler: hoistStatic transform > prefixIdentifiers > should NOT hoist expressions that refer scope variables 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock, toDisplayString: _toDisplayString, createElementVNode: _createElementVNode } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
       (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, (o) => {
-        return (_openBlock(), _createElementBlock("p", null, [
-          _createElementVNode("span", null, _toDisplayString(o), 1 /* TEXT */)
+        return (_openBlock(), _createElementBlock(\\"p\\", null, [
+          _createElementVNode(\\"span\\", null, _toDisplayString(o), 1 /* TEXT */)
         ]))
       }), 256 /* UNKEYED_FRAGMENT */))
     ]))
@@ -319,101 +319,101 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: hoistStatic transform prefixIdentifiers should NOT hoist keyed template v-for with plain element child 1`] = `
+exports[`compiler: hoistStatic transform > prefixIdentifiers > should NOT hoist keyed template v-for with plain element child 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
       (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (item) => {
-        return (_openBlock(), _createElementBlock("span", { key: item }))
+        return (_openBlock(), _createElementBlock(\\"span\\", { key: item }))
       }), 128 /* KEYED_FRAGMENT */))
     ]))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform should NOT hoist components 1`] = `
+exports[`compiler: hoistStatic transform > should NOT hoist components 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { resolveComponent: _resolveComponent, createVNode: _createVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    const _component_Comp = _resolveComponent("Comp")
+    const _component_Comp = _resolveComponent(\\"Comp\\")
 
-    return (_openBlock(), _createElementBlock("div", null, [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
       _createVNode(_component_Comp)
     ]))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform should NOT hoist element with dynamic key 1`] = `
+exports[`compiler: hoistStatic transform > should NOT hoist element with dynamic key 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
-      (_openBlock(), _createElementBlock("div", { key: foo }))
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
+      (_openBlock(), _createElementBlock(\\"div\\", { key: foo }))
     ]))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform should NOT hoist element with dynamic props (but hoist the props list) 1`] = `
+exports[`compiler: hoistStatic transform > should NOT hoist element with dynamic props (but hoist the props list) 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = ["id"]
+const _hoisted_1 = [\\"id\\"]
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
-      _createElementVNode("div", { id: foo }, null, 8 /* PROPS */, _hoisted_1)
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
+      _createElementVNode(\\"div\\", { id: foo }, null, 8 /* PROPS */, _hoisted_1)
     ]))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform should NOT hoist element with dynamic ref 1`] = `
+exports[`compiler: hoistStatic transform > should NOT hoist element with dynamic ref 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
-      _createElementVNode("div", { ref: foo }, null, 512 /* NEED_PATCH */)
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
+      _createElementVNode(\\"div\\", { ref: foo }, null, 512 /* NEED_PATCH */)
     ]))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform should NOT hoist root node 1`] = `
+exports[`compiler: hoistStatic transform > should NOT hoist root node 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div"))
+    return (_openBlock(), _createElementBlock(\\"div\\"))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform should hoist v-for children if static 1`] = `
+exports[`compiler: hoistStatic transform > should hoist v-for children if static 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode } = _Vue
 
-const _hoisted_1 = { id: "foo" }
-const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", null, null, -1 /* HOISTED */)
+const _hoisted_1 = { id: \\"foo\\" }
+const _hoisted_2 = /*#__PURE__*/_createElementVNode(\\"span\\", null, null, -1 /* HOISTED */)
 const _hoisted_3 = [
   _hoisted_2
 ]
@@ -422,24 +422,24 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock, createElementVNode: _createElementVNode } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
       (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(list, (i) => {
-        return (_openBlock(), _createElementBlock("div", _hoisted_1, _hoisted_3))
+        return (_openBlock(), _createElementBlock(\\"div\\", _hoisted_1, _hoisted_3))
       }), 256 /* UNKEYED_FRAGMENT */))
     ]))
   }
 }"
 `;
 
-exports[`compiler: hoistStatic transform should hoist v-if props/children if static 1`] = `
+exports[`compiler: hoistStatic transform > should hoist v-if props/children if static 1`] = `
 "const _Vue = Vue
 const { createElementVNode: _createElementVNode, createCommentVNode: _createCommentVNode } = _Vue
 
 const _hoisted_1 = {
   key: 0,
-  id: "foo"
+  id: \\"foo\\"
 }
-const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", null, null, -1 /* HOISTED */)
+const _hoisted_2 = /*#__PURE__*/_createElementVNode(\\"span\\", null, null, -1 /* HOISTED */)
 const _hoisted_3 = [
   _hoisted_2
 ]
@@ -448,10 +448,10 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
       ok
-        ? (_openBlock(), _createElementBlock("div", _hoisted_1, _hoisted_3))
-        : _createCommentVNode("v-if", true)
+        ? (_openBlock(), _createElementBlock(\\"div\\", _hoisted_1, _hoisted_3))
+        : _createCommentVNode(\\"v-if\\", true)
     ]))
   }
 }"
diff --git a/packages/compiler-core/__tests__/transforms/__snapshots__/transformExpressions.spec.ts.snap b/packages/compiler-core/__tests__/transforms/__snapshots__/transformExpressions.spec.ts.snap
index aa8a6e2e20..d12354ac7f 100644
--- a/packages/compiler-core/__tests__/transforms/__snapshots__/transformExpressions.spec.ts.snap
+++ b/packages/compiler-core/__tests__/transforms/__snapshots__/transformExpressions.spec.ts.snap
@@ -1,15 +1,15 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: expression transform bindingMetadata inline mode 1`] = `
+exports[`compiler: expression transform > bindingMetadata > inline mode 1`] = `
 "(_ctx, _cache) => {
-  return (_openBlock(), _createElementBlock("div", null, _toDisplayString(__props.props) + " " + _toDisplayString(_unref(setup)) + " " + _toDisplayString(setupConst) + " " + _toDisplayString(_ctx.data) + " " + _toDisplayString(_ctx.options), 1 /* TEXT */))
+  return (_openBlock(), _createElementBlock(\\"div\\", null, _toDisplayString(__props.props) + \\" \\" + _toDisplayString(_unref(setup)) + \\" \\" + _toDisplayString(setupConst) + \\" \\" + _toDisplayString(_ctx.data) + \\" \\" + _toDisplayString(_ctx.options), 1 /* TEXT */))
 }"
 `;
 
-exports[`compiler: expression transform bindingMetadata non-inline mode 1`] = `
+exports[`compiler: expression transform > bindingMetadata > non-inline mode 1`] = `
 "const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (_openBlock(), _createElementBlock("div", null, _toDisplayString($props.props) + " " + _toDisplayString($setup.setup) + " " + _toDisplayString($data.data) + " " + _toDisplayString($options.options), 1 /* TEXT */))
+  return (_openBlock(), _createElementBlock(\\"div\\", null, _toDisplayString($props.props) + \\" \\" + _toDisplayString($setup.setup) + \\" \\" + _toDisplayString($data.data) + \\" \\" + _toDisplayString($options.options), 1 /* TEXT */))
 }"
 `;
diff --git a/packages/compiler-core/__tests__/transforms/__snapshots__/transformText.spec.ts.snap b/packages/compiler-core/__tests__/transforms/__snapshots__/transformText.spec.ts.snap
index 945d19609c..a4ceae08a1 100644
--- a/packages/compiler-core/__tests__/transforms/__snapshots__/transformText.spec.ts.snap
+++ b/packages/compiler-core/__tests__/transforms/__snapshots__/transformText.spec.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: transform text <template v-for> 1`] = `
+exports[`compiler: transform text > <template v-for> 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -9,26 +9,26 @@ return function render(_ctx, _cache) {
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(list, (i) => {
       return (_openBlock(), _createElementBlock(_Fragment, null, [
-        _createTextVNode("foo")
+        _createTextVNode(\\"foo\\")
       ], 64 /* STABLE_FRAGMENT */))
     }), 256 /* UNKEYED_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: transform text consecutive text 1`] = `
+exports[`compiler: transform text > consecutive text 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { toDisplayString: _toDisplayString } = _Vue
 
-    return _toDisplayString(foo) + " bar " + _toDisplayString(baz)
+    return _toDisplayString(foo) + \\" bar \\" + _toDisplayString(baz)
   }
 }"
 `;
 
-exports[`compiler: transform text consecutive text between elements 1`] = `
+exports[`compiler: transform text > consecutive text between elements 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -36,15 +36,15 @@ return function render(_ctx, _cache) {
     const { createElementVNode: _createElementVNode, toDisplayString: _toDisplayString, createTextVNode: _createTextVNode, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
     return (_openBlock(), _createElementBlock(_Fragment, null, [
-      _createElementVNode("div"),
-      _createTextVNode(_toDisplayString(foo) + " bar " + _toDisplayString(baz), 1 /* TEXT */),
-      _createElementVNode("div")
+      _createElementVNode(\\"div\\"),
+      _createTextVNode(_toDisplayString(foo) + \\" bar \\" + _toDisplayString(baz), 1 /* TEXT */),
+      _createElementVNode(\\"div\\")
     ], 64 /* STABLE_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: transform text consecutive text mixed with elements 1`] = `
+exports[`compiler: transform text > consecutive text mixed with elements 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -52,26 +52,26 @@ return function render(_ctx, _cache) {
     const { createElementVNode: _createElementVNode, toDisplayString: _toDisplayString, createTextVNode: _createTextVNode, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
     return (_openBlock(), _createElementBlock(_Fragment, null, [
-      _createElementVNode("div"),
-      _createTextVNode(_toDisplayString(foo) + " bar " + _toDisplayString(baz), 1 /* TEXT */),
-      _createElementVNode("div"),
-      _createTextVNode("hello"),
-      _createElementVNode("div")
+      _createElementVNode(\\"div\\"),
+      _createTextVNode(_toDisplayString(foo) + \\" bar \\" + _toDisplayString(baz), 1 /* TEXT */),
+      _createElementVNode(\\"div\\"),
+      _createTextVNode(\\"hello\\"),
+      _createElementVNode(\\"div\\")
     ], 64 /* STABLE_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: transform text element with custom directives and only one text child node 1`] = `
+exports[`compiler: transform text > element with custom directives and only one text child node 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { toDisplayString: _toDisplayString, createTextVNode: _createTextVNode, resolveDirective: _resolveDirective, openBlock: _openBlock, createElementBlock: _createElementBlock, withDirectives: _withDirectives } = _Vue
 
-    const _directive_foo = _resolveDirective("foo")
+    const _directive_foo = _resolveDirective(\\"foo\\")
 
-    return _withDirectives((_openBlock(), _createElementBlock("p", null, [
+    return _withDirectives((_openBlock(), _createElementBlock(\\"p\\", null, [
       _createTextVNode(_toDisplayString(foo), 1 /* TEXT */)
     ])), [
       [_directive_foo]
@@ -80,7 +80,7 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: transform text no consecutive text 1`] = `
+exports[`compiler: transform text > no consecutive text 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -92,7 +92,7 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: transform text text between elements (static) 1`] = `
+exports[`compiler: transform text > text between elements (static) 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -100,18 +100,18 @@ return function render(_ctx, _cache) {
     const { createElementVNode: _createElementVNode, createTextVNode: _createTextVNode, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
     return (_openBlock(), _createElementBlock(_Fragment, null, [
-      _createElementVNode("div"),
-      _createTextVNode("hello"),
-      _createElementVNode("div")
+      _createElementVNode(\\"div\\"),
+      _createTextVNode(\\"hello\\"),
+      _createElementVNode(\\"div\\")
     ], 64 /* STABLE_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: transform text with prefixIdentifiers: true 1`] = `
+exports[`compiler: transform text > with prefixIdentifiers: true 1`] = `
 "const { toDisplayString: _toDisplayString } = Vue
 
 return function render(_ctx, _cache) {
-  return _toDisplayString(_ctx.foo) + " bar " + _toDisplayString(_ctx.baz + _ctx.qux)
+  return _toDisplayString(_ctx.foo) + \\" bar \\" + _toDisplayString(_ctx.baz + _ctx.qux)
 }"
 `;
diff --git a/packages/compiler-core/__tests__/transforms/__snapshots__/vFor.spec.ts.snap b/packages/compiler-core/__tests__/transforms/__snapshots__/vFor.spec.ts.snap
index 2d8498703e..fbfcff0f3b 100644
--- a/packages/compiler-core/__tests__/transforms/__snapshots__/vFor.spec.ts.snap
+++ b/packages/compiler-core/__tests__/transforms/__snapshots__/vFor.spec.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: v-for codegen basic v-for 1`] = `
+exports[`compiler: v-for > codegen > basic v-for 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -8,13 +8,13 @@ return function render(_ctx, _cache) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (item) => {
-      return (_openBlock(), _createElementBlock("span"))
+      return (_openBlock(), _createElementBlock(\\"span\\"))
     }), 256 /* UNKEYED_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-for codegen keyed template v-for 1`] = `
+exports[`compiler: v-for > codegen > keyed template v-for 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -23,15 +23,15 @@ return function render(_ctx, _cache) {
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (item) => {
       return (_openBlock(), _createElementBlock(_Fragment, { key: item }, [
-        "hello",
-        _createElementVNode("span")
+        \\"hello\\",
+        _createElementVNode(\\"span\\")
       ], 64 /* STABLE_FRAGMENT */))
     }), 128 /* KEYED_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-for codegen keyed v-for 1`] = `
+exports[`compiler: v-for > codegen > keyed v-for 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -39,13 +39,13 @@ return function render(_ctx, _cache) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (item) => {
-      return (_openBlock(), _createElementBlock("span", { key: item }))
+      return (_openBlock(), _createElementBlock(\\"span\\", { key: item }))
     }), 128 /* KEYED_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-for codegen skipped key 1`] = `
+exports[`compiler: v-for > codegen > skipped key 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -53,13 +53,13 @@ return function render(_ctx, _cache) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (item, __, index) => {
-      return (_openBlock(), _createElementBlock("span"))
+      return (_openBlock(), _createElementBlock(\\"span\\"))
     }), 256 /* UNKEYED_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-for codegen skipped value & key 1`] = `
+exports[`compiler: v-for > codegen > skipped value & key 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -67,13 +67,13 @@ return function render(_ctx, _cache) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (_, __, index) => {
-      return (_openBlock(), _createElementBlock("span"))
+      return (_openBlock(), _createElementBlock(\\"span\\"))
     }), 256 /* UNKEYED_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-for codegen skipped value 1`] = `
+exports[`compiler: v-for > codegen > skipped value 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -81,13 +81,13 @@ return function render(_ctx, _cache) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (_, key, index) => {
-      return (_openBlock(), _createElementBlock("span"))
+      return (_openBlock(), _createElementBlock(\\"span\\"))
     }), 256 /* UNKEYED_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-for codegen template v-for 1`] = `
+exports[`compiler: v-for > codegen > template v-for 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -96,15 +96,15 @@ return function render(_ctx, _cache) {
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (item) => {
       return (_openBlock(), _createElementBlock(_Fragment, null, [
-        "hello",
-        _createElementVNode("span")
+        \\"hello\\",
+        _createElementVNode(\\"span\\")
       ], 64 /* STABLE_FRAGMENT */))
     }), 256 /* UNKEYED_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-for codegen template v-for key injection with single child 1`] = `
+exports[`compiler: v-for > codegen > template v-for key injection with single child 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -112,16 +112,16 @@ return function render(_ctx, _cache) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (item) => {
-      return (_openBlock(), _createElementBlock("span", {
+      return (_openBlock(), _createElementBlock(\\"span\\", {
         key: item.id,
         id: item.id
-      }, null, 8 /* PROPS */, ["id"]))
+      }, null, 8 /* PROPS */, [\\"id\\"]))
     }), 128 /* KEYED_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-for codegen template v-for w/ <slot/> 1`] = `
+exports[`compiler: v-for > codegen > template v-for w/ <slot/> 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -129,13 +129,13 @@ return function render(_ctx, _cache) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock, renderSlot: _renderSlot } = _Vue
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (item) => {
-      return _renderSlot($slots, "default")
+      return _renderSlot($slots, \\"default\\")
     }), 256 /* UNKEYED_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-for codegen v-for on <slot/> 1`] = `
+exports[`compiler: v-for > codegen > v-for on <slot/> 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -143,23 +143,23 @@ return function render(_ctx, _cache) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock, renderSlot: _renderSlot } = _Vue
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (item) => {
-      return _renderSlot($slots, "default")
+      return _renderSlot($slots, \\"default\\")
     }), 256 /* UNKEYED_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-for codegen v-for on element with custom directive 1`] = `
+exports[`compiler: v-for > codegen > v-for on element with custom directive 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock, resolveDirective: _resolveDirective, withDirectives: _withDirectives } = _Vue
 
-    const _directive_foo = _resolveDirective("foo")
+    const _directive_foo = _resolveDirective(\\"foo\\")
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(list, (i) => {
-      return _withDirectives((_openBlock(), _createElementBlock("div", null, null, 512 /* NEED_PATCH */)), [
+      return _withDirectives((_openBlock(), _createElementBlock(\\"div\\", null, null, 512 /* NEED_PATCH */)), [
         [_directive_foo]
       ])
     }), 256 /* UNKEYED_FRAGMENT */))
@@ -167,7 +167,7 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: v-for codegen v-for with constant expression 1`] = `
+exports[`compiler: v-for > codegen > v-for with constant expression 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -175,13 +175,13 @@ return function render(_ctx, _cache) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock, toDisplayString: _toDisplayString, createElementVNode: _createElementVNode } = _Vue
 
     return (_openBlock(), _createElementBlock(_Fragment, null, _renderList(10, (item) => {
-      return _createElementVNode("p", null, _toDisplayString(item), 1 /* TEXT */)
+      return _createElementVNode(\\"p\\", null, _toDisplayString(item), 1 /* TEXT */)
     }), 64 /* STABLE_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-for codegen v-if + v-for 1`] = `
+exports[`compiler: v-for > codegen > v-if + v-for 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -190,14 +190,14 @@ return function render(_ctx, _cache) {
 
     return ok
       ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(list, (i) => {
-          return (_openBlock(), _createElementBlock("div"))
+          return (_openBlock(), _createElementBlock(\\"div\\"))
         }), 256 /* UNKEYED_FRAGMENT */))
-      : _createCommentVNode("v-if", true)
+      : _createCommentVNode(\\"v-if\\", true)
   }
 }"
 `;
 
-exports[`compiler: v-for codegen v-if + v-for on <template> 1`] = `
+exports[`compiler: v-for > codegen > v-if + v-for on <template> 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -208,12 +208,12 @@ return function render(_ctx, _cache) {
       ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(list, (i) => {
           return (_openBlock(), _createElementBlock(_Fragment, null, [], 64 /* STABLE_FRAGMENT */))
         }), 256 /* UNKEYED_FRAGMENT */))
-      : _createCommentVNode("v-if", true)
+      : _createCommentVNode(\\"v-if\\", true)
   }
 }"
 `;
 
-exports[`compiler: v-for codegen value + key + index 1`] = `
+exports[`compiler: v-for > codegen > value + key + index 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -221,7 +221,7 @@ return function render(_ctx, _cache) {
     const { renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
     return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items, (item, key, index) => {
-      return (_openBlock(), _createElementBlock("span"))
+      return (_openBlock(), _createElementBlock(\\"span\\"))
     }), 256 /* UNKEYED_FRAGMENT */))
   }
 }"
diff --git a/packages/compiler-core/__tests__/transforms/__snapshots__/vIf.spec.ts.snap b/packages/compiler-core/__tests__/transforms/__snapshots__/vIf.spec.ts.snap
index b36e21f7c3..c55c59556e 100644
--- a/packages/compiler-core/__tests__/transforms/__snapshots__/vIf.spec.ts.snap
+++ b/packages/compiler-core/__tests__/transforms/__snapshots__/vIf.spec.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: v-if codegen basic v-if 1`] = `
+exports[`compiler: v-if > codegen > basic v-if 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -8,13 +8,13 @@ return function render(_ctx, _cache) {
     const { openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode } = _Vue
 
     return ok
-      ? (_openBlock(), _createElementBlock("div", { key: 0 }))
-      : _createCommentVNode("v-if", true)
+      ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }))
+      : _createCommentVNode(\\"v-if\\", true)
   }
 }"
 `;
 
-exports[`compiler: v-if codegen increasing key: v-if + v-else-if + v-else 1`] = `
+exports[`compiler: v-if > codegen > increasing key: v-if + v-else-if + v-else 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -23,19 +23,19 @@ return function render(_ctx, _cache) {
 
     return (_openBlock(), _createElementBlock(_Fragment, null, [
       ok
-        ? (_openBlock(), _createElementBlock("div", { key: 0 }))
-        : (_openBlock(), _createElementBlock("p", { key: 1 })),
+        ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }))
+        : (_openBlock(), _createElementBlock(\\"p\\", { key: 1 })),
       another
-        ? (_openBlock(), _createElementBlock("div", { key: 2 }))
+        ? (_openBlock(), _createElementBlock(\\"div\\", { key: 2 }))
         : orNot
-          ? (_openBlock(), _createElementBlock("p", { key: 3 }))
-          : (_openBlock(), _createElementBlock("p", { key: 4 }))
+          ? (_openBlock(), _createElementBlock(\\"p\\", { key: 3 }))
+          : (_openBlock(), _createElementBlock(\\"p\\", { key: 4 }))
     ], 64 /* STABLE_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-if codegen multiple v-if that are sibling nodes should have different keys 1`] = `
+exports[`compiler: v-if > codegen > multiple v-if that are sibling nodes should have different keys 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -44,17 +44,17 @@ return function render(_ctx, _cache) {
 
     return (_openBlock(), _createElementBlock(_Fragment, null, [
       ok
-        ? (_openBlock(), _createElementBlock("div", { key: 0 }))
-        : _createCommentVNode("v-if", true),
+        ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }))
+        : _createCommentVNode(\\"v-if\\", true),
       orNot
-        ? (_openBlock(), _createElementBlock("p", { key: 1 }))
-        : _createCommentVNode("v-if", true)
+        ? (_openBlock(), _createElementBlock(\\"p\\", { key: 1 }))
+        : _createCommentVNode(\\"v-if\\", true)
     ], 64 /* STABLE_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-if codegen template v-if 1`] = `
+exports[`compiler: v-if > codegen > template v-if 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -63,16 +63,16 @@ return function render(_ctx, _cache) {
 
     return ok
       ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [
-          _createElementVNode("div"),
-          "hello",
-          _createElementVNode("p")
+          _createElementVNode(\\"div\\"),
+          \\"hello\\",
+          _createElementVNode(\\"p\\")
         ], 64 /* STABLE_FRAGMENT */))
-      : _createCommentVNode("v-if", true)
+      : _createCommentVNode(\\"v-if\\", true)
   }
 }"
 `;
 
-exports[`compiler: v-if codegen template v-if w/ single <slot/> child 1`] = `
+exports[`compiler: v-if > codegen > template v-if w/ single <slot/> child 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -80,13 +80,13 @@ return function render(_ctx, _cache) {
     const { renderSlot: _renderSlot, createCommentVNode: _createCommentVNode } = _Vue
 
     return ok
-      ? _renderSlot($slots, "default", { key: 0 })
-      : _createCommentVNode("v-if", true)
+      ? _renderSlot($slots, \\"default\\", { key: 0 })
+      : _createCommentVNode(\\"v-if\\", true)
   }
 }"
 `;
 
-exports[`compiler: v-if codegen v-if + v-else 1`] = `
+exports[`compiler: v-if > codegen > v-if + v-else 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -94,13 +94,13 @@ return function render(_ctx, _cache) {
     const { openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode } = _Vue
 
     return ok
-      ? (_openBlock(), _createElementBlock("div", { key: 0 }))
-      : (_openBlock(), _createElementBlock("p", { key: 1 }))
+      ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }))
+      : (_openBlock(), _createElementBlock(\\"p\\", { key: 1 }))
   }
 }"
 `;
 
-exports[`compiler: v-if codegen v-if + v-else-if + v-else 1`] = `
+exports[`compiler: v-if > codegen > v-if + v-else-if + v-else 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -108,15 +108,15 @@ return function render(_ctx, _cache) {
     const { openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, Fragment: _Fragment } = _Vue
 
     return ok
-      ? (_openBlock(), _createElementBlock("div", { key: 0 }))
+      ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }))
       : orNot
-        ? (_openBlock(), _createElementBlock("p", { key: 1 }))
-        : (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, ["fine"], 64 /* STABLE_FRAGMENT */))
+        ? (_openBlock(), _createElementBlock(\\"p\\", { key: 1 }))
+        : (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, [\\"fine\\"], 64 /* STABLE_FRAGMENT */))
   }
 }"
 `;
 
-exports[`compiler: v-if codegen v-if + v-else-if 1`] = `
+exports[`compiler: v-if > codegen > v-if + v-else-if 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -124,15 +124,15 @@ return function render(_ctx, _cache) {
     const { openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode } = _Vue
 
     return ok
-      ? (_openBlock(), _createElementBlock("div", { key: 0 }))
+      ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }))
       : orNot
-        ? (_openBlock(), _createElementBlock("p", { key: 1 }))
-        : _createCommentVNode("v-if", true)
+        ? (_openBlock(), _createElementBlock(\\"p\\", { key: 1 }))
+        : _createCommentVNode(\\"v-if\\", true)
   }
 }"
 `;
 
-exports[`compiler: v-if codegen v-if on <slot/> 1`] = `
+exports[`compiler: v-if > codegen > v-if on <slot/> 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -140,8 +140,8 @@ return function render(_ctx, _cache) {
     const { renderSlot: _renderSlot, createCommentVNode: _createCommentVNode } = _Vue
 
     return ok
-      ? _renderSlot($slots, "default", { key: 0 })
-      : _createCommentVNode("v-if", true)
+      ? _renderSlot($slots, \\"default\\", { key: 0 })
+      : _createCommentVNode(\\"v-if\\", true)
   }
 }"
 `;
diff --git a/packages/compiler-core/__tests__/transforms/__snapshots__/vMemo.spec.ts.snap b/packages/compiler-core/__tests__/transforms/__snapshots__/vMemo.spec.ts.snap
index 35e2aa66a7..083adfb6d3 100644
--- a/packages/compiler-core/__tests__/transforms/__snapshots__/vMemo.spec.ts.snap
+++ b/packages/compiler-core/__tests__/transforms/__snapshots__/vMemo.spec.ts.snap
@@ -1,44 +1,44 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: v-memo transform on component 1`] = `
-"import { resolveComponent as _resolveComponent, createVNode as _createVNode, withMemo as _withMemo, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+exports[`compiler: v-memo transform > on component 1`] = `
+"import { resolveComponent as _resolveComponent, createVNode as _createVNode, withMemo as _withMemo, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
-  return (_openBlock(), _createElementBlock("div", null, [
+  return (_openBlock(), _createElementBlock(\\"div\\", null, [
     _withMemo([_ctx.x], () => _createVNode(_component_Comp), _cache, 0)
   ]))
 }"
 `;
 
-exports[`compiler: v-memo transform on normal element 1`] = `
-"import { openBlock as _openBlock, createElementBlock as _createElementBlock, withMemo as _withMemo } from "vue"
+exports[`compiler: v-memo transform > on normal element 1`] = `
+"import { openBlock as _openBlock, createElementBlock as _createElementBlock, withMemo as _withMemo } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, [
-    _withMemo([_ctx.x], () => (_openBlock(), _createElementBlock("div")), _cache, 0)
+  return (_openBlock(), _createElementBlock(\\"div\\", null, [
+    _withMemo([_ctx.x], () => (_openBlock(), _createElementBlock(\\"div\\")), _cache, 0)
   ]))
 }"
 `;
 
-exports[`compiler: v-memo transform on root element 1`] = `
-"import { openBlock as _openBlock, createElementBlock as _createElementBlock, withMemo as _withMemo } from "vue"
+exports[`compiler: v-memo transform > on root element 1`] = `
+"import { openBlock as _openBlock, createElementBlock as _createElementBlock, withMemo as _withMemo } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  return _withMemo([_ctx.x], () => (_openBlock(), _createElementBlock("div")), _cache, 0)
+  return _withMemo([_ctx.x], () => (_openBlock(), _createElementBlock(\\"div\\")), _cache, 0)
 }"
 `;
 
-exports[`compiler: v-memo transform on template v-for 1`] = `
-"import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, isMemoSame as _isMemoSame, withMemo as _withMemo } from "vue"
+exports[`compiler: v-memo transform > on template v-for 1`] = `
+"import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, isMemoSame as _isMemoSame, withMemo as _withMemo } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, [
+  return (_openBlock(), _createElementBlock(\\"div\\", null, [
     (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, ({ x, y }, __, ___, _cached) => {
       const _memo = ([x, y === _ctx.z])
       if (_cached && _cached.key === x && _isMemoSame(_cached, _memo)) return _cached
-      const _item = (_openBlock(), _createElementBlock("span", { key: x }, "foobar"))
+      const _item = (_openBlock(), _createElementBlock(\\"span\\", { key: x }, \\"foobar\\"))
       _item.memo = _memo
       return _item
     }, _cache, 0), 128 /* KEYED_FRAGMENT */))
@@ -46,16 +46,16 @@ export function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: v-memo transform on v-for 1`] = `
-"import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode, isMemoSame as _isMemoSame, withMemo as _withMemo } from "vue"
+exports[`compiler: v-memo transform > on v-for 1`] = `
+"import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode, isMemoSame as _isMemoSame, withMemo as _withMemo } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, [
+  return (_openBlock(), _createElementBlock(\\"div\\", null, [
     (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, ({ x, y }, __, ___, _cached) => {
       const _memo = ([x, y === _ctx.z])
       if (_cached && _cached.key === x && _isMemoSame(_cached, _memo)) return _cached
-      const _item = (_openBlock(), _createElementBlock("div", { key: x }, [
-        _createElementVNode("span", null, "foobar")
+      const _item = (_openBlock(), _createElementBlock(\\"div\\", { key: x }, [
+        _createElementVNode(\\"span\\", null, \\"foobar\\")
       ]))
       _item.memo = _memo
       return _item
@@ -64,17 +64,17 @@ export function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: v-memo transform on v-if 1`] = `
-"import { createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, withMemo as _withMemo, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createBlock as _createBlock } from "vue"
+exports[`compiler: v-memo transform > on v-if 1`] = `
+"import { createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, withMemo as _withMemo, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createBlock as _createBlock } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
-  return (_openBlock(), _createElementBlock("div", null, [
+  return (_openBlock(), _createElementBlock(\\"div\\", null, [
     (_ctx.ok)
-      ? _withMemo([_ctx.x], () => (_openBlock(), _createElementBlock("div", { key: 0 }, [
-          _createElementVNode("span", null, "foo"),
-          _createTextVNode("bar")
+      ? _withMemo([_ctx.x], () => (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }, [
+          _createElementVNode(\\"span\\", null, \\"foo\\"),
+          _createTextVNode(\\"bar\\")
         ])), _cache, 0)
       : _withMemo([_ctx.x], () => (_openBlock(), _createBlock(_component_Comp, { key: 1 })), _cache, 1)
   ]))
diff --git a/packages/compiler-core/__tests__/transforms/__snapshots__/vModel.spec.ts.snap b/packages/compiler-core/__tests__/transforms/__snapshots__/vModel.spec.ts.snap
index d4e9c6b2e1..1686bb60c6 100644
--- a/packages/compiler-core/__tests__/transforms/__snapshots__/vModel.spec.ts.snap
+++ b/packages/compiler-core/__tests__/transforms/__snapshots__/vModel.spec.ts.snap
@@ -1,116 +1,116 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: transform v-model compound expression (with prefixIdentifiers) 1`] = `
-"import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+exports[`compiler: transform v-model > compound expression (with prefixIdentifiers) 1`] = `
+"import { openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("input", {
+  return (_openBlock(), _createElementBlock(\\"input\\", {
     modelValue: _ctx.model[_ctx.index],
-    "onUpdate:modelValue": $event => ((_ctx.model[_ctx.index]) = $event)
-  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"]))
+    \\"onUpdate:modelValue\\": $event => ((_ctx.model[_ctx.index]) = $event)
+  }, null, 8 /* PROPS */, [\\"modelValue\\", \\"onUpdate:modelValue\\"]))
 }"
 `;
 
-exports[`compiler: transform v-model compound expression 1`] = `
+exports[`compiler: transform v-model > compound expression 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("input", {
+    return (_openBlock(), _createElementBlock(\\"input\\", {
       modelValue: model[index],
-      "onUpdate:modelValue": $event => ((model[index]) = $event)
-    }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"]))
+      \\"onUpdate:modelValue\\": $event => ((model[index]) = $event)
+    }, null, 8 /* PROPS */, [\\"modelValue\\", \\"onUpdate:modelValue\\"]))
   }
 }"
 `;
 
-exports[`compiler: transform v-model simple expression (with multilines) 1`] = `
+exports[`compiler: transform v-model > simple expression (with multilines) 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("input", {
+    return (_openBlock(), _createElementBlock(\\"input\\", {
       modelValue: 
  model
 .
 foo 
 ,
-      "onUpdate:modelValue": $event => ((
+      \\"onUpdate:modelValue\\": $event => ((
  model
 .
 foo 
 ) = $event)
-    }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"]))
+    }, null, 8 /* PROPS */, [\\"modelValue\\", \\"onUpdate:modelValue\\"]))
   }
 }"
 `;
 
-exports[`compiler: transform v-model simple expression (with prefixIdentifiers) 1`] = `
-"import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+exports[`compiler: transform v-model > simple expression (with prefixIdentifiers) 1`] = `
+"import { openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("input", {
+  return (_openBlock(), _createElementBlock(\\"input\\", {
     modelValue: _ctx.model,
-    "onUpdate:modelValue": $event => ((_ctx.model) = $event)
-  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"]))
+    \\"onUpdate:modelValue\\": $event => ((_ctx.model) = $event)
+  }, null, 8 /* PROPS */, [\\"modelValue\\", \\"onUpdate:modelValue\\"]))
 }"
 `;
 
-exports[`compiler: transform v-model simple expression 1`] = `
+exports[`compiler: transform v-model > simple expression 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("input", {
+    return (_openBlock(), _createElementBlock(\\"input\\", {
       modelValue: model,
-      "onUpdate:modelValue": $event => ((model) = $event)
-    }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"]))
+      \\"onUpdate:modelValue\\": $event => ((model) = $event)
+    }, null, 8 /* PROPS */, [\\"modelValue\\", \\"onUpdate:modelValue\\"]))
   }
 }"
 `;
 
-exports[`compiler: transform v-model with argument 1`] = `
+exports[`compiler: transform v-model > with argument 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("input", {
-      "foo-value": model,
-      "onUpdate:fooValue": $event => ((model) = $event)
-    }, null, 40 /* PROPS, HYDRATE_EVENTS */, ["foo-value", "onUpdate:fooValue"]))
+    return (_openBlock(), _createElementBlock(\\"input\\", {
+      \\"foo-value\\": model,
+      \\"onUpdate:fooValue\\": $event => ((model) = $event)
+    }, null, 40 /* PROPS, HYDRATE_EVENTS */, [\\"foo-value\\", \\"onUpdate:fooValue\\"]))
   }
 }"
 `;
 
-exports[`compiler: transform v-model with dynamic argument (with prefixIdentifiers) 1`] = `
-"import { normalizeProps as _normalizeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+exports[`compiler: transform v-model > with dynamic argument (with prefixIdentifiers) 1`] = `
+"import { normalizeProps as _normalizeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \\"vue\\"
 
 export function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("input", _normalizeProps({
+  return (_openBlock(), _createElementBlock(\\"input\\", _normalizeProps({
     [_ctx.value]: _ctx.model,
-    ["onUpdate:" + _ctx.value]: $event => ((_ctx.model) = $event)
+    [\\"onUpdate:\\" + _ctx.value]: $event => ((_ctx.model) = $event)
   }), null, 16 /* FULL_PROPS */))
 }"
 `;
 
-exports[`compiler: transform v-model with dynamic argument 1`] = `
+exports[`compiler: transform v-model > with dynamic argument 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { normalizeProps: _normalizeProps, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("input", _normalizeProps({
+    return (_openBlock(), _createElementBlock(\\"input\\", _normalizeProps({
       [value]: model,
-      ["onUpdate:" + value]: $event => ((model) = $event)
+      [\\"onUpdate:\\" + value]: $event => ((model) = $event)
     }), null, 16 /* FULL_PROPS */))
   }
 }"
diff --git a/packages/compiler-core/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap b/packages/compiler-core/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap
index 972acfb479..dd294f79a0 100644
--- a/packages/compiler-core/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap
+++ b/packages/compiler-core/__tests__/transforms/__snapshots__/vOnce.spec.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: v-once transform as root node 1`] = `
+exports[`compiler: v-once transform > as root node 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
@@ -9,7 +9,7 @@ return function render(_ctx, _cache) {
 
     return _cache[0] || (
       _setBlockTracking(-1),
-      _cache[0] = _createElementVNode("div", { id: foo }, null, 8 /* PROPS */, ["id"]),
+      _cache[0] = _createElementVNode(\\"div\\", { id: foo }, null, 8 /* PROPS */, [\\"id\\"]),
       _setBlockTracking(1),
       _cache[0]
     )
@@ -17,19 +17,19 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: v-once transform on component 1`] = `
+exports[`compiler: v-once transform > on component 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { setBlockTracking: _setBlockTracking, resolveComponent: _resolveComponent, createVNode: _createVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    const _component_Comp = _resolveComponent("Comp")
+    const _component_Comp = _resolveComponent(\\"Comp\\")
 
-    return (_openBlock(), _createElementBlock("div", null, [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
       _cache[0] || (
         _setBlockTracking(-1),
-        _cache[0] = _createVNode(_component_Comp, { id: foo }, null, 8 /* PROPS */, ["id"]),
+        _cache[0] = _createVNode(_component_Comp, { id: foo }, null, 8 /* PROPS */, [\\"id\\"]),
         _setBlockTracking(1),
         _cache[0]
       )
@@ -38,17 +38,17 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: v-once transform on nested plain element 1`] = `
+exports[`compiler: v-once transform > on nested plain element 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { setBlockTracking: _setBlockTracking, createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
       _cache[0] || (
         _setBlockTracking(-1),
-        _cache[0] = _createElementVNode("div", { id: foo }, null, 8 /* PROPS */, ["id"]),
+        _cache[0] = _createElementVNode(\\"div\\", { id: foo }, null, 8 /* PROPS */, [\\"id\\"]),
         _setBlockTracking(1),
         _cache[0]
       )
@@ -57,17 +57,17 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: v-once transform on slot outlet 1`] = `
+exports[`compiler: v-once transform > on slot outlet 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { setBlockTracking: _setBlockTracking, renderSlot: _renderSlot, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
       _cache[0] || (
         _setBlockTracking(-1),
-        _cache[0] = _renderSlot($slots, "default"),
+        _cache[0] = _renderSlot($slots, \\"default\\"),
         _setBlockTracking(1),
         _cache[0]
       )
@@ -76,17 +76,17 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: v-once transform with hoistStatic: true 1`] = `
+exports[`compiler: v-once transform > with hoistStatic: true 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { setBlockTracking: _setBlockTracking, createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, [
+    return (_openBlock(), _createElementBlock(\\"div\\", null, [
       _cache[0] || (
         _setBlockTracking(-1),
-        _cache[0] = _createElementVNode("div"),
+        _cache[0] = _createElementVNode(\\"div\\"),
         _setBlockTracking(1),
         _cache[0]
       )
diff --git a/packages/compiler-core/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap b/packages/compiler-core/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap
index c17d1d0e52..1239f119a7 100644
--- a/packages/compiler-core/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap
+++ b/packages/compiler-core/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap
@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`compiler: transform component slots dynamically named slots 1`] = `
+exports[`compiler: transform component slots > dynamically named slots 1`] = `
 "const { toDisplayString: _toDisplayString, resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, {
     [_ctx.one]: _withCtx(({ foo }) => [_toDisplayString(foo), _toDisplayString(_ctx.bar)]),
@@ -14,26 +14,26 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: transform component slots implicit default slot 1`] = `
+exports[`compiler: transform component slots > implicit default slot 1`] = `
 "const { createElementVNode: _createElementVNode, resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, {
     default: _withCtx(() => [
-      _createElementVNode("div")
+      _createElementVNode(\\"div\\")
     ]),
     _: 1 /* STABLE */
   }))
 }"
 `;
 
-exports[`compiler: transform component slots named slot with v-for w/ prefixIdentifiers: true 1`] = `
+exports[`compiler: transform component slots > named slot with v-for w/ prefixIdentifiers: true 1`] = `
 "const { toDisplayString: _toDisplayString, resolveComponent: _resolveComponent, withCtx: _withCtx, renderList: _renderList, createSlots: _createSlots, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, _createSlots({ _: 2 /* DYNAMIC */ }, [
     _renderList(_ctx.list, (name) => {
@@ -46,71 +46,71 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: transform component slots named slot with v-if + prefixIdentifiers: true 1`] = `
+exports[`compiler: transform component slots > named slot with v-if + prefixIdentifiers: true 1`] = `
 "const { toDisplayString: _toDisplayString, resolveComponent: _resolveComponent, withCtx: _withCtx, createSlots: _createSlots, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, _createSlots({ _: 2 /* DYNAMIC */ }, [
     (_ctx.ok)
       ? {
-          name: "one",
+          name: \\"one\\",
           fn: _withCtx((props) => [_toDisplayString(props)]),
-          key: "0"
+          key: \\"0\\"
         }
       : undefined
   ]), 1024 /* DYNAMIC_SLOTS */))
 }"
 `;
 
-exports[`compiler: transform component slots named slot with v-if + v-else-if + v-else 1`] = `
+exports[`compiler: transform component slots > named slot with v-if + v-else-if + v-else 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { resolveComponent: _resolveComponent, withCtx: _withCtx, createSlots: _createSlots, openBlock: _openBlock, createBlock: _createBlock } = _Vue
 
-    const _component_Comp = _resolveComponent("Comp")
+    const _component_Comp = _resolveComponent(\\"Comp\\")
 
     return (_openBlock(), _createBlock(_component_Comp, null, _createSlots({ _: 2 /* DYNAMIC */ }, [
       ok
         ? {
-            name: "one",
-            fn: _withCtx(() => ["foo"]),
-            key: "0"
+            name: \\"one\\",
+            fn: _withCtx(() => [\\"foo\\"]),
+            key: \\"0\\"
           }
         : orNot
           ? {
-              name: "two",
-              fn: _withCtx((props) => ["bar"]),
-              key: "1"
+              name: \\"two\\",
+              fn: _withCtx((props) => [\\"bar\\"]),
+              key: \\"1\\"
             }
           : {
-              name: "one",
-              fn: _withCtx(() => ["baz"]),
-              key: "2"
+              name: \\"one\\",
+              fn: _withCtx(() => [\\"baz\\"]),
+              key: \\"2\\"
             }
     ]), 1024 /* DYNAMIC_SLOTS */))
   }
 }"
 `;
 
-exports[`compiler: transform component slots named slot with v-if 1`] = `
+exports[`compiler: transform component slots > named slot with v-if 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { resolveComponent: _resolveComponent, withCtx: _withCtx, createSlots: _createSlots, openBlock: _openBlock, createBlock: _createBlock } = _Vue
 
-    const _component_Comp = _resolveComponent("Comp")
+    const _component_Comp = _resolveComponent(\\"Comp\\")
 
     return (_openBlock(), _createBlock(_component_Comp, null, _createSlots({ _: 2 /* DYNAMIC */ }, [
       ok
         ? {
-            name: "one",
-            fn: _withCtx(() => ["hello"]),
-            key: "0"
+            name: \\"one\\",
+            fn: _withCtx(() => [\\"hello\\"]),
+            key: \\"0\\"
           }
         : undefined
     ]), 1024 /* DYNAMIC_SLOTS */))
@@ -118,20 +118,20 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: transform component slots named slots w/ implicit default slot 1`] = `
+exports[`compiler: transform component slots > named slots w/ implicit default slot 1`] = `
 "const _Vue = Vue
 
 return function render(_ctx, _cache) {
   with (_ctx) {
     const { createElementVNode: _createElementVNode, resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock } = _Vue
 
-    const _component_Comp = _resolveComponent("Comp")
+    const _component_Comp = _resolveComponent(\\"Comp\\")
 
     return (_openBlock(), _createBlock(_component_Comp, null, {
-      one: _withCtx(() => ["foo"]),
+      one: _withCtx(() => [\\"foo\\"]),
       default: _withCtx(() => [
-        "bar",
-        _createElementVNode("span")
+        \\"bar\\",
+        _createElementVNode(\\"span\\")
       ]),
       _: 1 /* STABLE */
     }))
@@ -139,12 +139,12 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: transform component slots nested slots scoping 1`] = `
+exports[`compiler: transform component slots > nested slots scoping 1`] = `
 "const { toDisplayString: _toDisplayString, resolveComponent: _resolveComponent, withCtx: _withCtx, createVNode: _createVNode, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Inner = _resolveComponent("Inner")
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Inner = _resolveComponent(\\"Inner\\")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, {
     default: _withCtx(({ foo }) => [
@@ -152,7 +152,7 @@ return function render(_ctx, _cache) {
         default: _withCtx(({ bar }) => [_toDisplayString(foo), _toDisplayString(bar), _toDisplayString(_ctx.baz)]),
         _: 2 /* DYNAMIC */
       }, 1024 /* DYNAMIC_SLOTS */),
-      " ",
+      \\" \\",
       _toDisplayString(foo),
       _toDisplayString(_ctx.bar),
       _toDisplayString(_ctx.baz)
@@ -162,11 +162,11 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: transform component slots on component dynamically named slot 1`] = `
+exports[`compiler: transform component slots > on component dynamically named slot 1`] = `
 "const { toDisplayString: _toDisplayString, resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, {
     [_ctx.named]: _withCtx(({ foo }) => [_toDisplayString(foo), _toDisplayString(_ctx.bar)]),
@@ -175,11 +175,11 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: transform component slots on component named slot 1`] = `
+exports[`compiler: transform component slots > on component named slot 1`] = `
 "const { toDisplayString: _toDisplayString, resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, {
     named: _withCtx(({ foo }) => [_toDisplayString(foo), _toDisplayString(_ctx.bar)]),
@@ -188,11 +188,11 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: transform component slots on-component default slot 1`] = `
+exports[`compiler: transform component slots > on-component default slot 1`] = `
 "const { toDisplayString: _toDisplayString, resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, {
     default: _withCtx(({ foo }) => [_toDisplayString(foo), _toDisplayString(_ctx.bar)]),
@@ -201,11 +201,11 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: transform component slots template named slots 1`] = `
+exports[`compiler: transform component slots > template named slots 1`] = `
 "const { toDisplayString: _toDisplayString, resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, {
     one: _withCtx(({ foo }) => [_toDisplayString(foo), _toDisplayString(_ctx.bar)]),
@@ -215,46 +215,46 @@ return function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler: transform component slots with whitespace: 'preserve' implicit default slot 1`] = `
+exports[`compiler: transform component slots > with whitespace: 'preserve' > implicit default slot 1`] = `
 "const { createElementVNode: _createElementVNode, resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, {
-    header: _withCtx(() => [" Header "]),
+    header: _withCtx(() => [\\" Header \\"]),
     default: _withCtx(() => [
-      " ",
-      _createElementVNode("p")
+      \\" \\",
+      _createElementVNode(\\"p\\")
     ]),
     _: 1 /* STABLE */
   }))
 }"
 `;
 
-exports[`compiler: transform component slots with whitespace: 'preserve' named default slot + implicit whitespace content 1`] = `
+exports[`compiler: transform component slots > with whitespace: 'preserve' > named default slot + implicit whitespace content 1`] = `
 "const { resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, {
-    header: _withCtx(() => [" Header "]),
-    default: _withCtx(() => [" Default "]),
+    header: _withCtx(() => [\\" Header \\"]),
+    default: _withCtx(() => [\\" Default \\"]),
     _: 1 /* STABLE */
   }))
 }"
 `;
 
-exports[`compiler: transform component slots with whitespace: 'preserve' should not generate whitespace only default slot 1`] = `
+exports[`compiler: transform component slots > with whitespace: 'preserve' > should not generate whitespace only default slot 1`] = `
 "const { resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock } = Vue
 
 return function render(_ctx, _cache) {
-  const _component_Comp = _resolveComponent("Comp")
+  const _component_Comp = _resolveComponent(\\"Comp\\")
 
   return (_openBlock(), _createBlock(_component_Comp, null, {
-    header: _withCtx(() => [" Header "]),
-    footer: _withCtx(() => [" Footer "]),
+    header: _withCtx(() => [\\" Header \\"]),
+    footer: _withCtx(() => [\\" Footer \\"]),
     _: 1 /* STABLE */
   }))
 }"