fix(nuxt): compactible with nuxt 3.3

Author: antfu

README.md

@@ -71,7 +71,6 @@ export default defineConfig({
 ```ts
 // for Nuxt3
 // nuxt.config.ts
-
 import { defineNuxtConfig } from 'nuxt/config'
 import Inspector from 'vite-plugin-vue-inspector'
 
@@ -83,18 +82,6 @@ export default defineNuxtConfig({
     }],
   ],
 })
-
-// OR
-
-export default defineNuxtConfig({
-  vite: {
-    plugins: [
-      Inspector({
-        appendTo: 'entry.mjs'
-      })
-    ]
-  }
-})
 ```
 
 ### Options
@@ -144,7 +131,7 @@ interface VitePluginInspectorOptions {
   *
   * WARNING: only set this if you know exactly what it does.
   */
-  appendTo?: string
+  appendTo?: string | RegExp
 }
 ```
 

packages/core/README.md

@@ -83,23 +83,10 @@ export default defineNuxtConfig({
     }],
   ],
 })
-
-// OR
-
-export default defineNuxtConfig({
-  vite: {
-    plugins: [
-      Inspector({
-        appendTo: 'entry.mjs'
-      })
-    ]
-  }
-})
 ```
 
 ### Options
 
-
 ```ts
 interface VitePluginInspectorOptions {
   /**
@@ -143,7 +130,7 @@ interface VitePluginInspectorOptions {
   *
   * WARNING: only set this if you know exactly what it does.
   */
-  appendTo?: string
+  appendTo?: string | RegExp
 }
 ```
 

packages/core/src/index.ts

@@ -69,7 +69,7 @@ export interface VitePluginInspectorOptions {
   *
   * WARNING: only set this if you know exactly what it does.
   */
-  appendTo?: string
+  appendTo?: string | RegExp
 }
 
 const toggleComboKeysMap = {
@@ -98,9 +98,16 @@ export const DEFAULT_INSPECTOR_OPTIONS: VitePluginInspectorOptions = {
 
 function VitePluginInspector(options: VitePluginInspectorOptions = DEFAULT_INSPECTOR_OPTIONS): PluginOption {
   const inspectorPath = getInspectorPath()
-  const normalizedOptions = { ...DEFAULT_INSPECTOR_OPTIONS, ...options }
+  const normalizedOptions = {
+    ...DEFAULT_INSPECTOR_OPTIONS,
+    ...options,
+  }
   let serverOptions: ServerOptions | undefined
 
+  const {
+    appendTo,
+  } = normalizedOptions
+
   return {
     name: 'vite-plugin-vue-inspector',
     enforce: 'pre',
@@ -143,10 +150,12 @@ function VitePluginInspector(options: VitePluginInspectorOptions = DEFAULT_INSPE
       if (isJsx || isTpl)
         return compileSFCTemplate({ code, id: filename, type: isJsx ? 'jsx' : 'template' })
 
-      if (normalizedOptions.appendTo && filename.endsWith(normalizedOptions.appendTo))
-        return { code: `${code}\nimport 'virtual:vue-inspector-path:load.js'` }
+      if (!appendTo)
+        return
 
-      return code
+      if ((typeof appendTo === 'string' && filename.endsWith(appendTo))
+        || (appendTo instanceof RegExp && appendTo.test(filename)))
+        return { code: `${code}\nimport 'virtual:vue-inspector-path:load.js'` }
     },
     configureServer(server) {
       const _printUrls = server.printUrls
@@ -159,7 +168,7 @@ function VitePluginInspector(options: VitePluginInspectorOptions = DEFAULT_INSPE
       })
     },
     transformIndexHtml(html) {
-      if (normalizedOptions.appendTo)
+      if (appendTo)
         return
       return {
         html,

packages/core/tsup.config.ts

@@ -8,6 +8,7 @@ export default defineConfig({
     if (options.format === 'cjs')
       options.outExtension = { '.js': '.cjs' }
   },
+  shims: true,
   entry: [
     'src/index.ts',
   ],

packages/playground/vue3/vite.config.ts

@@ -4,8 +4,12 @@ import VueJsx from '@vitejs/plugin-vue-jsx'
 import Inspector from 'vite-plugin-vue-inspector'
 
 export default defineConfig({
-  plugins: [Vue(), VueJsx(), Inspector({
-    enabled: true,
-    toggleButtonVisibility: 'always',
-  })],
+  plugins: [
+    Vue(),
+    VueJsx(),
+    Inspector({
+      enabled: true,
+      toggleButtonVisibility: 'always',
+    }),
+  ],
 })

packages/unplugin/README.md

@@ -83,18 +83,6 @@ export default defineNuxtConfig({
     }],
   ],
 })
-
-// OR
-
-export default defineNuxtConfig({
-  vite: {
-    plugins: [
-      Inspector({
-        appendTo: 'entry.mjs'
-      })
-    ]
-  }
-})
 ```
 
 ### Options
@@ -143,7 +131,7 @@ interface VitePluginInspectorOptions {
   *
   * WARNING: only set this if you know exactly what it does.
   */
-  appendTo?: string
+  appendTo?: string | RegExp
 }
 ```
 

packages/unplugin/src/nuxt.ts

@@ -7,7 +7,7 @@ export default (options: Options, nuxt: any) => {
   nuxt.hook('vite:extendConfig', async (config: any) => {
     config.plugins = config.plugins || []
     config.plugins.push(unplugin.vite({
-      appendTo: 'entry.mjs',
+      appendTo: /\/entry\.m?js$/,
       ...options,
     }))
   })

packages/unplugin/tsup.config.ts

@@ -7,5 +7,6 @@ export default <Options>{
   clean: true,
   format: ['cjs', 'esm'],
   dts: true,
+  shims: true,
   onSuccess: 'npm run build:fix',
 }