fix(compiler-sfc): fix rewriteDefault problem when using @babel/parser@^7.20.0

package.json

@@ -53,7 +53,7 @@
     "node": ">=16.11.0"
   },
   "devDependencies": {
-    "@babel/types": "^7.12.0",
+    "@babel/types": "^7.20.5",
     "@esbuild-plugins/node-modules-polyfill": "^0.1.4",
     "@microsoft/api-extractor": "~7.20.0",
     "@rollup/plugin-commonjs": "^23.0.2",

packages/compiler-core/package.json

@@ -33,11 +33,11 @@
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-core#readme",
   "dependencies": {
     "@vue/shared": "3.2.45",
-    "@babel/parser": "^7.16.4",
+    "@babel/parser": "^7.20.5",
     "estree-walker": "^2.0.2",
     "source-map": "^0.6.1"
   },
   "devDependencies": {
-    "@babel/types": "^7.16.0"
+    "@babel/types": "^7.20.5"
   }
 }

packages/compiler-sfc/package.json

@@ -32,7 +32,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-sfc#readme",
   "dependencies": {
-    "@babel/parser": "^7.16.4",
+    "@babel/parser": "^7.20.5",
     "@vue/compiler-core": "3.2.45",
     "@vue/compiler-dom": "3.2.45",
     "@vue/compiler-ssr": "3.2.45",
@@ -45,7 +45,7 @@
   },
   "devDependencies": {
     "@types/estree": "^0.0.48",
-    "@babel/types": "^7.16.0",
+    "@babel/types": "^7.20.5",
     "@types/lru-cache": "^5.1.0",
     "pug": "^3.0.1",
     "sass": "^1.26.9",

packages/compiler-sfc/src/compileScript.ts

@@ -363,7 +363,7 @@ export function compileScript(
     if (node.trailingComments && node.trailingComments.length > 0) {
       const lastCommentNode =
         node.trailingComments[node.trailingComments.length - 1]
-      end = lastCommentNode.end + startOffset
+      end = lastCommentNode.end! + startOffset
     }
     // locate the end of whitespace between this statement and the next
     while (end <= source.length) {
@@ -2018,14 +2018,18 @@ function extractEventNames(
   ) {
     const typeNode = eventName.typeAnnotation.typeAnnotation
     if (typeNode.type === 'TSLiteralType') {
-      if (typeNode.literal.type !== 'UnaryExpression') {
+      if (
+        typeNode.literal.type !== 'UnaryExpression' &&
+        typeNode.literal.type !== 'TemplateLiteral'
+      ) {
         emits.add(String(typeNode.literal.value))
       }
     } else if (typeNode.type === 'TSUnionType') {
       for (const t of typeNode.types) {
         if (
           t.type === 'TSLiteralType' &&
-          t.literal.type !== 'UnaryExpression'
+          t.literal.type !== 'UnaryExpression' &&
+          t.literal.type !== 'TemplateLiteral'
         ) {
           emits.add(String(t.literal.value))
         }

packages/compiler-sfc/src/rewriteDefault.ts

@@ -43,7 +43,16 @@ export function rewriteDefault(
   ast.forEach(node => {
     if (node.type === 'ExportDefaultDeclaration') {
       if (node.declaration.type === 'ClassDeclaration') {
-        s.overwrite(node.start!, node.declaration.id.start!, `class `)
+        if (node.declaration.decorators) {
+          s.overwrite(
+            node.declaration.decorators[node.declaration.decorators.length - 1]
+              .end!,
+            node.declaration.id.start!,
+            `class `
+          )
+        } else {
+          s.overwrite(node.start!, node.declaration.start!, ``)
+        }
         s.append(`\nconst ${as} = ${node.declaration.id.name}`)
       } else {
         s.overwrite(node.start!, node.declaration.start!, `const ${as} = `)
@@ -58,15 +67,19 @@ export function rewriteDefault(
         ) {
           if (node.source) {
             if (specifier.local.name === 'default') {
-              const end = specifierEnd(input, specifier.local.end!, node.end)
+              const end = specifierEnd(input, specifier.local.end!, node.end!)
               s.prepend(
                 `import { default as __VUE_DEFAULT__ } from '${node.source.value}'\n`
               )
               s.overwrite(specifier.start!, end, ``)
               s.append(`\nconst ${as} = __VUE_DEFAULT__`)
               continue
             } else {
-              const end = specifierEnd(input, specifier.exported.end!, node.end)
+              const end = specifierEnd(
+                input,
+                specifier.exported.end!,
+                node.end!
+              )
               s.prepend(
                 `import { ${input.slice(
                   specifier.local.start!,
@@ -78,7 +91,7 @@ export function rewriteDefault(
               continue
             }
           }
-          const end = specifierEnd(input, specifier.end!, node.end)
+          const end = specifierEnd(input, specifier.end!, node.end!)
           s.overwrite(specifier.start!, end, ``)
           s.append(`\nconst ${as} = ${specifier.local.name}`)
         }

packages/reactivity-transform/package.json

@@ -28,14 +28,14 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/dev/packages/reactivity-transform#readme",
   "dependencies": {
-    "@babel/parser": "^7.16.4",
+    "@babel/parser": "^7.20.5",
     "@vue/compiler-core": "3.2.45",
     "@vue/shared": "3.2.45",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.25.7"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/types": "^7.16.0"
+    "@babel/core": "^7.20.5",
+    "@babel/types": "^7.20.5"
   }
 }

packages/reactivity-transform/src/reactivityTransform.ts

@@ -395,7 +395,7 @@ export function transformAST(
             defaultValue = p.value.right
           }
         } else {
-          key = p.computed ? p.key : (p.key as Identifier).name
+          key = p.computed ? (p.key as Expression) : (p.key as Identifier).name
           if (p.value.type === 'Identifier') {
             // { foo: bar }
             nameId = p.value

packages/vue-compat/package.json

@@ -38,7 +38,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/vue-compat#readme",
   "dependencies": {
-    "@babel/parser": "^7.16.4",
+    "@babel/parser": "^7.20.5",
     "estree-walker": "^2.0.2",
     "source-map": "^0.6.1"
   },