fix(nuxt): conditionally use tsx parser

packages/nuxt/src/core/app.ts

@@ -204,13 +204,15 @@
   }))
 }
 
+const IS_TSX = /\.[jt]sx$/
+
 export async function annotatePlugins (nuxt: Nuxt, plugins: NuxtPlugin[]) {
   const _plugins: Array<NuxtPlugin & Omit<PluginMeta, 'enforce'>> = []
   for (const plugin of plugins) {
     try {
       const code = plugin.src in nuxt.vfs ? nuxt.vfs[plugin.src] : await fsp.readFile(plugin.src!, 'utf-8')
       _plugins.push({
-        ...await extractMetadata(code),
+        ...await extractMetadata(code, IS_TSX.test(plugin.src) ? 'tsx' : 'ts'),
         ...plugin
       })
     } catch (e) {
@@ -233,7 +235,7 @@
   for (const plugin of _plugins) {
     // Make sure dependency plugins are registered
     if (plugin.dependsOn && plugin.dependsOn.some(name => !pluginNames.includes(name))) {
       console.error(`Plugin \`${plugin.name}\` depends on \`${plugin.dependsOn.filter(name => !pluginNames.includes(name)).join(', ')}\` but they are not registered.`)
     }
     // Make graph to detect circular dependencies
     if (plugin.name) {
@@ -242,7 +244,7 @@
   }
   const checkDeps = (name: string, visited: string[] = []): string[] => {
     if (visited.includes(name)) {
       console.error(`Circular dependency detected in plugins: ${visited.join(' -> ')} -> ${name}`)
       return []
     }
     visited.push(name)

packages/nuxt/src/core/plugins/plugin-metadata.ts

@@ -42,12 +42,12 @@ export const orderMap: Record<NonNullable<ObjectPlugin['enforce']>, number> = {
 }
 
 const metaCache: Record<string, Omit<PluginMeta, 'enforce'>> = {}
-export async function extractMetadata (code: string) {
+export async function extractMetadata (code: string, loader = 'ts' as 'ts' | 'tsx') {
   let meta: PluginMeta = {}
   if (metaCache[code]) {
     return metaCache[code]
   }
-  const js = await transform(code, { loader: 'tsx' })
+  const js = await transform(code, { loader })
   walk(parse(js.code, {
     sourceType: 'module',
     ecmaVersion: 'latest'

packages/nuxt/test/plugin-metadata.test.ts

@@ -21,7 +21,7 @@
         'export default defineNuxtPlugin({',
         ...obj.map(([key, value]) => `${key}: ${typeof value === 'function' ? value.toString().replace('"[JSX]"', '() => <span>JSX</span>') : JSON.stringify(value)},`),
         '})'
-      ].join('\n'))
+      ].join('\n'), 'tsx')
 
       expect(meta).toMatchInlineSnapshot(`
         {
@@ -83,7 +83,7 @@
         src: ''
       }
     ])
     expect(console.error).toBeCalledWith('Plugin `B` depends on `D` but they are not registered.')
     vi.restoreAllMocks()
   })
 
@@ -106,9 +106,9 @@
         src: ''
       }
     ])
     expect(console.error).toBeCalledWith('Circular dependency detected in plugins: A -> B -> C -> A')
     expect(console.error).toBeCalledWith('Circular dependency detected in plugins: B -> C -> A -> B')
     expect(console.error).toBeCalledWith('Circular dependency detected in plugins: C -> A -> B -> C')
     vi.restoreAllMocks()
   })
 })