feat(nuxt): allow auto-registration of plugins with .jsx or .tsx extensions

packages/nuxt/src/core/app.ts

@@ -150,8 +150,8 @@
       ...(config.plugins || []),
       ...config.srcDir
         ? await resolveFiles(config.srcDir, [
-          `${pluginDir}/*.{ts,js,mjs,cjs,mts,cts}`,
-          `${pluginDir}/*/index.*{ts,js,mjs,cjs,mts,cts}` // TODO: remove, only scan top-level plugins #18418
+          `${pluginDir}/*{${nuxt.options.extensions.join(',')}}`,
+          `${pluginDir}/*/index{${nuxt.options.extensions.join(',')}}` // TODO: remove, only scan top-level plugins #18418
         ])
         : []
     ].map(plugin => normalizePlugin(plugin as NuxtPlugin)))
@@ -225,7 +225,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) {
@@ -234,7 +234,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

@@ -47,7 +47,7 @@ export async function extractMetadata (code: string) {
   if (metaCache[code]) {
     return metaCache[code]
   }
-  const js = await transform(code, { loader: 'ts' })
+  const js = await transform(code, { loader: 'tsx' })
   walk(parse(js.code, {
     sourceType: 'module',
     ecmaVersion: 'latest'

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

@@ -10,7 +10,7 @@
       name: 'test',
       enforce: 'post',
       hooks: { 'app:mounted': () => {} },
-      setup: () => {},
+      setup: () => { return { provide: { jsx: '[JSX]' } } },
       order: 1
     })
 
@@ -19,7 +19,7 @@
 
       const meta = await extractMetadata([
         'export default defineNuxtPlugin({',
-        ...obj.map(([key, value]) => `${key}: ${typeof value === 'function' ? value.toString() : JSON.stringify(value)},`),
+        ...obj.map(([key, value]) => `${key}: ${typeof value === 'function' ? value.toString().replace('"[JSX]"', '() => <span>JSX</span>') : JSON.stringify(value)},`),
         '})'
       ].join('\n'))
 
@@ -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()
   })
 })