From: Evan You <yyx990803@gmail.com>
Date: Tue, 5 Dec 2023 02:54:20 +0000 (+0800)
Subject: chore: Merge branch 'main' into minor
X-Git-Tag: v3.4.0-beta.1~37
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=a817883c266573d94b318f78d7f54e508cba8a21;p=thirdparty%2Fvuejs%2Fcore.git

chore: Merge branch 'main' into minor
---

a817883c266573d94b318f78d7f54e508cba8a21
diff --cc package.json
index 1f4d5e9948,0dfa0df482..9564d3e51f
--- a/package.json
+++ b/package.json
@@@ -32,9 -32,10 +32,10 @@@
      "dev-sfc-run": "run-p \"dev compiler-sfc -f esm-browser\" \"dev vue -if esm-bundler-runtime\" \"dev vue -ipf esm-browser-runtime\" \"dev server-renderer -if esm-bundler\" dev-sfc-serve",
      "serve": "serve",
      "open": "open http://localhost:3000/packages/template-explorer/local.html",
-     "build-sfc-playground": "run-s build-all-cjs build-runtime-esm build-ssr-esm build-sfc-playground-self",
+     "build-sfc-playground": "run-s build-all-cjs build-runtime-esm build-browser-esm build-ssr-esm build-sfc-playground-self",
 -    "build-all-cjs": "node scripts/build.js vue runtime compiler reactivity reactivity-transform shared -af cjs",
 +    "build-all-cjs": "node scripts/build.js vue runtime compiler reactivity shared -af cjs",
      "build-runtime-esm": "node scripts/build.js runtime reactivity shared -af esm-bundler && node scripts/build.js vue -f esm-bundler-runtime && node scripts/build.js vue -f esm-browser-runtime",
+     "build-browser-esm": "node scripts/build.js runtime reactivity shared -af esm-bundler && node scripts/build.js vue -f esm-bundler && node scripts/build.js vue -f esm-browser",
      "build-ssr-esm": "node scripts/build.js compiler-sfc server-renderer -f esm-browser",
      "build-sfc-playground-self": "cd packages/sfc-playground && npm run build",
      "preinstall": "npx only-allow pnpm",
diff --cc packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap
index 8886ce3371,5217a15023..63dea7e19d
--- a/packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap
+++ b/packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap
@@@ -89,16 -75,34 +89,16 @@@ exports[`compiler: parse > Edge Cases 
    "cached": 0,
    "children": [
      {
 -      "children": [
 -        {
 -          "content": "",
 -          "loc": {
 -            "end": {
 -              "column": 17,
 -              "line": 1,
 -              "offset": 16,
 -            },
 -            "source": "<!--->",
 -            "start": {
 -              "column": 11,
 -              "line": 1,
 -              "offset": 10,
 -            },
 -          },
 -          "type": 3,
 -        },
 -      ],
 +      "children": [],
        "codegenNode": undefined,
 -      "isSelfClosing": false,
 +      "isSelfClosing": true,
        "loc": {
          "end": {
 -          "column": 28,
 +          "column": 37,
            "line": 1,
 -          "offset": 27,
 +          "offset": 36,
          },
-         "source": "<div :class=\\"{ some: condition }\\" />",
 -        "source": "<template><!---></template>",
++        "source": "<div :class="{ some: condition }" />",
          "start": {
            "column": 1,
            "line": 1,
@@@ -106,147 -110,78 +106,147 @@@
          },
        },
        "ns": 0,
 -      "props": [],
 -      "tag": "template",
 -      "tagType": 0,
 -      "type": 1,
 -    },
 -  ],
 -  "codegenNode": undefined,
 -  "components": [],
 -  "directives": [],
 -  "helpers": Set {},
 -  "hoists": [],
 -  "imports": [],
 -  "loc": {
 -    "end": {
 -      "column": 28,
 -      "line": 1,
 -      "offset": 27,
 -    },
 -    "source": "<template><!---></template>",
 -    "start": {
 -      "column": 1,
 -      "line": 1,
 -      "offset": 0,
 -    },
 -  },
 -  "temps": 0,
 -  "type": 0,
 -}
 -`;
 -
 -exports[`compiler: parse > Errors > ABRUPT_CLOSING_OF_EMPTY_COMMENT > <template><!----></template> 1`] = `
 -{
 -  "cached": 0,
 -  "children": [
 -    {
 -      "children": [
 +      "props": [
          {
 -          "content": "",
 +          "arg": {
 +            "constType": 3,
 +            "content": "class",
 +            "isStatic": true,
 +            "loc": {
 +              "end": {
 +                "column": 12,
 +                "line": 1,
 +                "offset": 11,
 +              },
 +              "source": "class",
 +              "start": {
 +                "column": 7,
 +                "line": 1,
 +                "offset": 6,
 +              },
 +            },
 +            "type": 4,
 +          },
 +          "exp": {
 +            "constType": 0,
 +            "content": "{ some: condition }",
 +            "isStatic": false,
 +            "loc": {
 +              "end": {
 +                "column": 33,
 +                "line": 1,
 +                "offset": 32,
 +              },
 +              "source": "{ some: condition }",
 +              "start": {
 +                "column": 14,
 +                "line": 1,
 +                "offset": 13,
 +              },
 +            },
 +            "type": 4,
 +          },
            "loc": {
              "end": {
 -              "column": 18,
 +              "column": 34,
                "line": 1,
 -              "offset": 17,
 +              "offset": 33,
              },
-             "source": ":class=\\"{ some: condition }\\"",
 -            "source": "<!---->",
++            "source": ":class="{ some: condition }"",
              "start": {
 -              "column": 11,
 +              "column": 6,
                "line": 1,
 -              "offset": 10,
 +              "offset": 5,
              },
            },
 -          "type": 3,
 +          "modifiers": [],
 +          "name": "bind",
 +          "rawName": ":class",
 +          "type": 7,
          },
        ],
 +      "tag": "div",
 +      "tagType": 0,
 +      "type": 1,
 +    },
 +    {
 +      "children": [],
        "codegenNode": undefined,
 -      "isSelfClosing": false,
 +      "isSelfClosing": true,
        "loc": {
          "end": {
 -          "column": 29,
 -          "line": 1,
 -          "offset": 28,
 +          "column": 37,
 +          "line": 2,
 +          "offset": 73,
          },
-         "source": "<p v-bind:style=\\"{ color: 'red' }\\"/>",
 -        "source": "<template><!----></template>",
++        "source": "<p v-bind:style="{ color: 'red' }"/>",
          "start": {
            "column": 1,
 -          "line": 1,
 -          "offset": 0,
 +          "line": 2,
 +          "offset": 37,
          },
        },
        "ns": 0,
 -      "props": [],
 -      "tag": "template",
 +      "props": [
 +        {
 +          "arg": {
 +            "constType": 3,
 +            "content": "style",
 +            "isStatic": true,
 +            "loc": {
 +              "end": {
 +                "column": 16,
 +                "line": 2,
 +                "offset": 52,
 +              },
 +              "source": "style",
 +              "start": {
 +                "column": 11,
 +                "line": 2,
 +                "offset": 47,
 +              },
 +            },
 +            "type": 4,
 +          },
 +          "exp": {
 +            "constType": 0,
 +            "content": "{ color: 'red' }",
 +            "isStatic": false,
 +            "loc": {
 +              "end": {
 +                "column": 34,
 +                "line": 2,
 +                "offset": 70,
 +              },
 +              "source": "{ color: 'red' }",
 +              "start": {
 +                "column": 18,
 +                "line": 2,
 +                "offset": 54,
 +              },
 +            },
 +            "type": 4,
 +          },
 +          "loc": {
 +            "end": {
 +              "column": 35,
 +              "line": 2,
 +              "offset": 71,
 +            },
-             "source": "v-bind:style=\\"{ color: 'red' }\\"",
++            "source": "v-bind:style="{ color: 'red' }"",
 +            "start": {
 +              "column": 4,
 +              "line": 2,
 +              "offset": 40,
 +            },
 +          },
 +          "modifiers": [],
 +          "name": "bind",
 +          "rawName": "v-bind:style",
 +          "type": 7,
 +        },
 +      ],
 +      "tag": "p",
        "tagType": 0,
        "type": 1,
      },
@@@ -259,20 -194,17 +259,20 @@@
    "imports": [],
    "loc": {
      "end": {
 -      "column": 29,
 -      "line": 1,
 -      "offset": 28,
 +      "column": 37,
 +      "line": 2,
 +      "offset": 73,
      },
-     "source": "<div :class=\\"{ some: condition }\\" />
- <p v-bind:style=\\"{ color: 'red' }\\"/>",
 -    "source": "<template><!----></template>",
++    "source": "<div :class="{ some: condition }" />
++<p v-bind:style="{ color: 'red' }"/>",
      "start": {
        "column": 1,
        "line": 1,
        "offset": 0,
      },
    },
-   "source": "<div :class=\\"{ some: condition }\\" />
- <p v-bind:style=\\"{ color: 'red' }\\"/>",
++  "source": "<div :class="{ some: condition }" />
++<p v-bind:style="{ color: 'red' }"/>",
    "temps": 0,
    "type": 0,
  }
@@@ -285,224 -217,25 +285,224 @@@ exports[`compiler: parse > Edge Cases 
      {
        "children": [
          {
 -          "content": "[CDATA[cdata]]",
 +          "children": [],
 +          "codegenNode": undefined,
 +          "isSelfClosing": true,
            "loc": {
              "end": {
 -              "column": 28,
 -              "line": 1,
 -              "offset": 27,
 +              "column": 39,
 +              "line": 2,
 +              "offset": 73,
              },
-             "source": "<p v-bind:style=\\"{ color: 'red' }\\"/>",
 -            "source": "<![CDATA[cdata]]>",
++            "source": "<p v-bind:style="{ color: 'red' }"/>",
              "start": {
 -              "column": 11,
 -              "line": 1,
 -              "offset": 10,
 +              "column": 3,
 +              "line": 2,
 +              "offset": 37,
 +            },
 +          },
 +          "ns": 0,
 +          "props": [
 +            {
 +              "arg": {
 +                "constType": 3,
 +                "content": "style",
 +                "isStatic": true,
 +                "loc": {
 +                  "end": {
 +                    "column": 18,
 +                    "line": 2,
 +                    "offset": 52,
 +                  },
 +                  "source": "style",
 +                  "start": {
 +                    "column": 13,
 +                    "line": 2,
 +                    "offset": 47,
 +                  },
 +                },
 +                "type": 4,
 +              },
 +              "exp": {
 +                "constType": 0,
 +                "content": "{ color: 'red' }",
 +                "isStatic": false,
 +                "loc": {
 +                  "end": {
 +                    "column": 36,
 +                    "line": 2,
 +                    "offset": 70,
 +                  },
 +                  "source": "{ color: 'red' }",
 +                  "start": {
 +                    "column": 20,
 +                    "line": 2,
 +                    "offset": 54,
 +                  },
 +                },
 +                "type": 4,
 +              },
 +              "loc": {
 +                "end": {
 +                  "column": 37,
 +                  "line": 2,
 +                  "offset": 71,
 +                },
-                 "source": "v-bind:style=\\"{ color: 'red' }\\"",
++                "source": "v-bind:style="{ color: 'red' }"",
 +                "start": {
 +                  "column": 6,
 +                  "line": 2,
 +                  "offset": 40,
 +                },
 +              },
 +              "modifiers": [],
 +              "name": "bind",
 +              "rawName": "v-bind:style",
 +              "type": 7,
 +            },
 +          ],
 +          "tag": "p",
 +          "tagType": 0,
 +          "type": 1,
 +        },
 +        {
 +          "content": " a comment with <html> inside it ",
 +          "loc": {
 +            "end": {
 +              "column": 43,
 +              "line": 3,
 +              "offset": 116,
 +            },
 +            "source": "<!-- a comment with <html> inside it -->",
 +            "start": {
 +              "column": 3,
 +              "line": 3,
 +              "offset": 76,
              },
            },
            "type": 3,
          },
        ],
        "codegenNode": undefined,
 -      "isSelfClosing": false,
 +      "loc": {
 +        "end": {
 +          "column": 7,
 +          "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": {
 +          "column": 1,
 +          "line": 1,
 +          "offset": 0,
 +        },
 +      },
 +      "ns": 0,
 +      "props": [
 +        {
 +          "arg": {
 +            "constType": 3,
 +            "content": "class",
 +            "isStatic": true,
 +            "loc": {
 +              "end": {
 +                "column": 12,
 +                "line": 1,
 +                "offset": 11,
 +              },
 +              "source": "class",
 +              "start": {
 +                "column": 7,
 +                "line": 1,
 +                "offset": 6,
 +              },
 +            },
 +            "type": 4,
 +          },
 +          "exp": {
 +            "constType": 0,
 +            "content": "{ some: condition }",
 +            "isStatic": false,
 +            "loc": {
 +              "end": {
 +                "column": 33,
 +                "line": 1,
 +                "offset": 32,
 +              },
 +              "source": "{ some: condition }",
 +              "start": {
 +                "column": 14,
 +                "line": 1,
 +                "offset": 13,
 +              },
 +            },
 +            "type": 4,
 +          },
 +          "loc": {
 +            "end": {
 +              "column": 34,
 +              "line": 1,
 +              "offset": 33,
 +            },
-             "source": ":class=\\"{ some: condition }\\"",
++            "source": ":class="{ some: condition }"",
 +            "start": {
 +              "column": 6,
 +              "line": 1,
 +              "offset": 5,
 +            },
 +          },
 +          "modifiers": [],
 +          "name": "bind",
 +          "rawName": ":class",
 +          "type": 7,
 +        },
 +      ],
 +      "tag": "div",
 +      "tagType": 0,
 +      "type": 1,
 +    },
 +  ],
 +  "codegenNode": undefined,
 +  "components": [],
 +  "directives": [],
 +  "helpers": Set {},
 +  "hoists": [],
 +  "imports": [],
 +  "loc": {
 +    "end": {
 +      "column": 7,
 +      "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": {
 +      "column": 1,
 +      "line": 1,
 +      "offset": 0,
 +    },
 +  },
-   "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>",
 +  "temps": 0,
 +  "type": 0,
 +}
 +`;
 +
 +exports[`compiler: parse > Errors > CDATA_IN_HTML_CONTENT > <template><![CDATA[cdata]]></template> 1`] = `
 +{
 +  "cached": 0,
 +  "children": [
 +    {
 +      "children": [],
 +      "codegenNode": undefined,
        "loc": {
          "end": {
            "column": 39,
@@@ -805,7 -514,6 +805,7 @@@ exports[`compiler: parse > Errors > DUP
        "offset": 0,
      },
    },
-   "source": "<template><div id=\\"\\" id=\\"\\"></div></template>",
++  "source": "<template><div id="" id=""></div></template>",
    "temps": 0,
    "type": 0,
  }
@@@ -1558,15 -1528,40 +1558,15 @@@ exports[`compiler: parse > Errors > EOF
    "cached": 0,
    "children": [
      {
 -      "children": [
 -        {
 -          "children": [],
 -          "codegenNode": undefined,
 -          "isSelfClosing": false,
 -          "loc": {
 -            "end": {
 -              "column": 16,
 -              "line": 1,
 -              "offset": 15,
 -            },
 -            "source": "<div ",
 -            "start": {
 -              "column": 11,
 -              "line": 1,
 -              "offset": 10,
 -            },
 -          },
 -          "ns": 0,
 -          "props": [],
 -          "tag": "div",
 -          "tagType": 0,
 -          "type": 1,
 -        },
 -      ],
 +      "children": [],
        "codegenNode": undefined,
 -      "isSelfClosing": false,
        "loc": {
          "end": {
 -          "column": 16,
 +          "column": 24,
            "line": 1,
 -          "offset": 15,
 +          "offset": 23,
          },
-         "source": "<template><div id=\\"abc",
 -        "source": "<template><div ",
++        "source": "<template><div id="abc",
          "start": {
            "column": 1,
            "line": 1,
@@@ -1588,18 -1583,17 +1588,18 @@@
    "imports": [],
    "loc": {
      "end": {
 -      "column": 16,
 +      "column": 23,
        "line": 1,
 -      "offset": 15,
 +      "offset": 22,
      },
-     "source": "<template><div id=\\"abc",
 -    "source": "<template><div ",
++    "source": "<template><div id="abc",
      "start": {
        "column": 1,
        "line": 1,
        "offset": 0,
      },
    },
-   "source": "<template><div id=\\"abc",
++  "source": "<template><div id="abc",
    "temps": 0,
    "type": 0,
  }
@@@ -1610,15 -1604,40 +1610,15 @@@ exports[`compiler: parse > Errors > EOF
    "cached": 0,
    "children": [
      {
 -      "children": [
 -        {
 -          "children": [],
 -          "codegenNode": undefined,
 -          "isSelfClosing": false,
 -          "loc": {
 -            "end": {
 -              "column": 15,
 -              "line": 1,
 -              "offset": 14,
 -            },
 -            "source": "<div",
 -            "start": {
 -              "column": 11,
 -              "line": 1,
 -              "offset": 10,
 -            },
 -          },
 -          "ns": 0,
 -          "props": [],
 -          "tag": "div",
 -          "tagType": 0,
 -          "type": 1,
 -        },
 -      ],
 +      "children": [],
        "codegenNode": undefined,
 -      "isSelfClosing": false,
        "loc": {
          "end": {
 -          "column": 15,
 +          "column": 25,
            "line": 1,
 -          "offset": 14,
 +          "offset": 24,
          },
-         "source": "<template><div id=\\"abc\\"",
 -        "source": "<template><div",
++        "source": "<template><div id="abc"",
          "start": {
            "column": 1,
            "line": 1,
@@@ -1640,18 -1659,17 +1640,18 @@@
    "imports": [],
    "loc": {
      "end": {
 -      "column": 15,
 +      "column": 24,
        "line": 1,
 -      "offset": 14,
 +      "offset": 23,
      },
-     "source": "<template><div id=\\"abc\\"",
 -    "source": "<template><div",
++    "source": "<template><div id="abc"",
      "start": {
        "column": 1,
        "line": 1,
        "offset": 0,
      },
    },
-   "source": "<template><div id=\\"abc\\"",
++  "source": "<template><div id="abc"",
    "temps": 0,
    "type": 0,
  }
@@@ -1682,13 -1725,14 +1682,13 @@@ exports[`compiler: parse > Errors > EOF
          },
        ],
        "codegenNode": undefined,
 -      "isSelfClosing": false,
        "loc": {
          "end": {
 -          "column": 19,
 +          "column": 26,
            "line": 1,
 -          "offset": 18,
 +          "offset": 25,
          },
-         "source": "<template><div id=\\"abc\\"/",
 -        "source": "<template><div id ",
++        "source": "<template><div id="abc"/",
          "start": {
            "column": 1,
            "line": 1,
@@@ -1710,18 -1754,17 +1710,18 @@@
    "imports": [],
    "loc": {
      "end": {
 -      "column": 19,
 +      "column": 25,
        "line": 1,
 -      "offset": 18,
 +      "offset": 24,
      },
-     "source": "<template><div id=\\"abc\\"/",
 -    "source": "<template><div id ",
++    "source": "<template><div id="abc"/",
      "start": {
        "column": 1,
        "line": 1,
        "offset": 0,
      },
    },
-   "source": "<template><div id=\\"abc\\"/",
++  "source": "<template><div id="abc"/",
    "temps": 0,
    "type": 0,
  }
@@@ -2453,13 -2635,14 +2453,13 @@@ exports[`compiler: parse > Errors > UNE
          {
            "children": [],
            "codegenNode": undefined,
 -          "isSelfClosing": false,
            "loc": {
              "end": {
 -              "column": 24,
 +              "column": 30,
                "line": 1,
 -              "offset": 23,
 +              "offset": 29,
              },
-             "source": "<div a\\"bc=''></div>",
 -            "source": "<div id=abc /",
++            "source": "<div a"bc=''></div>",
              "start": {
                "column": 11,
                "line": 1,
@@@ -2471,25 -2654,11 +2471,25 @@@
              {
                "loc": {
                  "end": {
 -                  "column": 22,
 +                  "column": 23,
                    "line": 1,
 -                  "offset": 21,
 +                  "offset": 22,
                  },
-                 "source": "a\\"bc=''",
 -                "source": "id=abc",
++                "source": "a"bc=''",
 +                "start": {
 +                  "column": 16,
 +                  "line": 1,
 +                  "offset": 15,
 +                },
 +              },
-               "name": "a\\"bc",
++              "name": "a"bc",
 +              "nameLoc": {
 +                "end": {
 +                  "column": 20,
 +                  "line": 1,
 +                  "offset": 19,
 +                },
-                 "source": "a\\"bc",
++                "source": "a"bc",
                  "start": {
                    "column": 16,
                    "line": 1,
@@@ -2522,13 -2692,14 +2522,13 @@@
          },
        ],
        "codegenNode": undefined,
 -      "isSelfClosing": false,
        "loc": {
          "end": {
 -          "column": 24,
 +          "column": 41,
            "line": 1,
 -          "offset": 23,
 +          "offset": 40,
          },
-         "source": "<template><div a\\"bc=''></div></template>",
 -        "source": "<template><div id=abc /",
++        "source": "<template><div a"bc=''></div></template>",
          "start": {
            "column": 1,
            "line": 1,
@@@ -2550,18 -2721,17 +2550,18 @@@
    "imports": [],
    "loc": {
      "end": {
 -      "column": 24,
 +      "column": 41,
        "line": 1,
 -      "offset": 23,
 +      "offset": 40,
      },
-     "source": "<template><div a\\"bc=''></div></template>",
 -    "source": "<template><div id=abc /",
++    "source": "<template><div a"bc=''></div></template>",
      "start": {
        "column": 1,
        "line": 1,
        "offset": 0,
      },
    },
-   "source": "<template><div a\\"bc=''></div></template>",
++  "source": "<template><div a"bc=''></div></template>",
    "temps": 0,
    "type": 0,
  }
@@@ -2820,84 -2971,32 +2820,84 @@@ exports[`compiler: parse > Errors > UNE
      {
        "children": [
          {
 -          "content": "",
 +          "children": [],
 +          "codegenNode": undefined,
            "loc": {
              "end": {
 -              "column": 14,
 +              "column": 31,
                "line": 1,
 -              "offset": 13,
 +              "offset": 30,
              },
-             "source": "<div foo=bar\\"></div>",
 -            "source": "<!>",
++            "source": "<div foo=bar"></div>",
              "start": {
                "column": 11,
                "line": 1,
                "offset": 10,
              },
            },
 -          "type": 3,
 +          "ns": 0,
 +          "props": [
 +            {
 +              "loc": {
 +                "end": {
 +                  "column": 24,
 +                  "line": 1,
 +                  "offset": 23,
 +                },
-                 "source": "foo=bar\\"",
++                "source": "foo=bar"",
 +                "start": {
 +                  "column": 16,
 +                  "line": 1,
 +                  "offset": 15,
 +                },
 +              },
 +              "name": "foo",
 +              "nameLoc": {
 +                "end": {
 +                  "column": 19,
 +                  "line": 1,
 +                  "offset": 18,
 +                },
 +                "source": "foo",
 +                "start": {
 +                  "column": 16,
 +                  "line": 1,
 +                  "offset": 15,
 +                },
 +              },
 +              "type": 6,
 +              "value": {
-                 "content": "bar\\"",
++                "content": "bar"",
 +                "loc": {
 +                  "end": {
 +                    "column": 24,
 +                    "line": 1,
 +                    "offset": 23,
 +                  },
-                   "source": "bar\\"",
++                  "source": "bar"",
 +                  "start": {
 +                    "column": 20,
 +                    "line": 1,
 +                    "offset": 19,
 +                  },
 +                },
 +                "type": 2,
 +              },
 +            },
 +          ],
 +          "tag": "div",
 +          "tagType": 0,
 +          "type": 1,
          },
        ],
        "codegenNode": undefined,
 -      "isSelfClosing": false,
        "loc": {
          "end": {
 -          "column": 25,
 +          "column": 42,
            "line": 1,
 -          "offset": 24,
 +          "offset": 41,
          },
-         "source": "<template><div foo=bar\\"></div></template>",
 -        "source": "<template><!></template>",
++        "source": "<template><div foo=bar"></div></template>",
          "start": {
            "column": 1,
            "line": 1,
@@@ -2919,18 -3018,17 +2919,18 @@@
    "imports": [],
    "loc": {
      "end": {
 -      "column": 25,
 +      "column": 42,
        "line": 1,
 -      "offset": 24,
 +      "offset": 41,
      },
-     "source": "<template><div foo=bar\\"></div></template>",
 -    "source": "<template><!></template>",
++    "source": "<template><div foo=bar"></div></template>",
      "start": {
        "column": 1,
        "line": 1,
        "offset": 0,
      },
    },
-   "source": "<template><div foo=bar\\"></div></template>",
++  "source": "<template><div foo=bar"></div></template>",
    "temps": 0,
    "type": 0,
  }
diff --cc packages/compiler-core/__tests__/transforms/__snapshots__/transformExpressions.spec.ts.snap
index 7df7d8babe,0bc427b979..9f4406864d
--- a/packages/compiler-core/__tests__/transforms/__snapshots__/transformExpressions.spec.ts.snap
+++ b/packages/compiler-core/__tests__/transforms/__snapshots__/transformExpressions.spec.ts.snap
@@@ -22,9 -22,9 +22,9 @@@ return function render(_ctx, _cache, $p
      onClick: () => {
            for (let i = 0; i < _ctx.list.length; i++) {
              _ctx.log(i)
 -          }         
 +          }
          }
-   }, null, 8 /* PROPS */, [\\"onClick\\"]))
+   }, null, 8 /* PROPS */, ["onClick"]))
  }"
  `;
  
@@@ -36,9 -36,9 +36,9 @@@ return function render(_ctx, _cache, $p
      onClick: () => {
            for (const x in _ctx.list) {
              _ctx.log(x)
 -          }         
 +          }
          }
-   }, null, 8 /* PROPS */, [\\"onClick\\"]))
+   }, null, 8 /* PROPS */, ["onClick"]))
  }"
  `;
  
@@@ -50,8 -50,8 +50,8 @@@ return function render(_ctx, _cache, $p
      onClick: () => {
            for (const x of _ctx.list) {
              _ctx.log(x)
 -          }         
 +          }
          }
-   }, null, 8 /* PROPS */, [\\"onClick\\"]))
+   }, null, 8 /* PROPS */, ["onClick"]))
  }"
  `;
diff --cc packages/compiler-sfc/__tests__/__snapshots__/compileScript.spec.ts.snap
index 220c686077,f44fcadb9c..b2c6904fba
--- a/packages/compiler-sfc/__tests__/__snapshots__/compileScript.spec.ts.snap
+++ b/packages/compiler-sfc/__tests__/__snapshots__/compileScript.spec.ts.snap
@@@ -47,9 -45,8 +47,9 @@@ return { a 
  `;
  
  exports[`SFC compile <script setup> > <script> and <script setup> co-usage > export call expression as default 1`] = `
 -"function fn() {
 +"
 +      function fn() {
-         return \\"hello, world\\";
+         return "hello, world";
        }
        const __default__ = fn();
        
@@@ -879,13 -825,9 +879,13 @@@ export default 
    setup(__props, { expose: __expose }) {
    __expose();
  
 -      let foo = _ref(1)
 +_useCssVars(_ctx => ({
-   \\"xxxxxxxx-msg\\": (msg.value)
++  "xxxxxxxx-msg": (msg.value)
 +}))
 +
 +      const msg = ref()
        
 -return { foo, ref }
 +return { msg, useCssVars, ref }
  }
  
  }"
@@@ -958,9 -898,7 +958,9 @@@ return { ref 
  `;
  
  exports[`SFC compile <script setup> > imports > should support module string names syntax 1`] = `
 -"import { "😏" as foo } from './foo'
 +"
 +      
-         import { \\"😏\\" as foo } from './foo'
++        import { "😏" as foo } from './foo'
        
  export default {
    setup(__props, { expose: __expose }) {