fix(macros/volar): add semicolon for defineComponent

Author: zhiyuanzmj

packages/macros/src/volar/define-component.ts

@@ -3,9 +3,10 @@ import type { TransformOptions } from '.'
 
 export function transformDefineComponent(
   node: import('typescript').CallExpression,
+  parent: import('typescript').Node,
   options: TransformOptions,
 ): void {
-  const { codes, source, ast } = options
+  const { codes, source, ast, ts } = options
 
   replaceRange(codes, node.arguments[0].end, node.end - 1)
 
@@ -14,6 +15,7 @@ export function transformDefineComponent(
     codes,
     node.getStart(ast),
     node.expression.end + 1,
+    ts.isExpressionStatement(parent) ? ';' : '',
     '(',
     [node.expression.getText(ast), source, node.getStart(ast), allCodeFeatures],
     '(() => ({}) as any, ',

packages/macros/src/volar/index.ts

@@ -149,7 +149,7 @@ export function getRootMap(options: TransformOptions): RootMap {
       if (!rootMap.has(root)) rootMap.set(root, {})
       if (!rootMap.get(root)!.defineComponent) {
         rootMap.get(root)!.defineComponent = true
-        transformDefineComponent(parents[2], options)
+        transformDefineComponent(parents[2], parents[3], options)
       }
     }