fix: try not bundling vue and vite

Author: antfu

examples/plugin-a11y-checker/src/node/plugin.ts

@@ -1,7 +1,7 @@
 import type { PluginWithDevTools } from '@vitejs/devtools-kit'
 import fs from 'node:fs'
 import { fileURLToPath } from 'node:url'
-import { normalizePath } from 'vite'
+import { normalize } from 'pathe'
 
 function resolveClientScript(): string | undefined {
   const paths = [
@@ -29,7 +29,7 @@ export function A11yCheckerPlugin(): PluginWithDevTools {
           icon: 'ph:wheelchair-duotone',
           category: 'web',
           action: {
-            importFrom: `/@fs/${normalizePath(clientScript)}`,
+            importFrom: `/@fs/${normalize(clientScript)}`,
           },
         })
 

package.json

@@ -2,7 +2,7 @@
   "type": "module",
   "version": "0.1.5",
   "private": true,
-  "packageManager": "pnpm@11.0.0-beta.2",
+  "packageManager": "pnpm@10.32.1",
   "scripts": {
     "build": "turbo run build",
     "build:debug": "NUXT_DEBUG_BUILD=true pnpm -r run build",
@@ -75,7 +75,7 @@
     "vite-plugin-vue-tracer": "catalog:playground",
     "vitest": "catalog:testing",
     "vitest-package-exports": "catalog:testing",
-    "vue": "catalog:frontend",
+    "vue": "catalog:deps",
     "vue-tsc": "catalog:devtools",
     "yaml": "catalog:testing"
   },

packages/core/package.json

@@ -70,6 +70,7 @@
     "perfect-debounce": "catalog:deps",
     "sirv": "catalog:deps",
     "tinyexec": "catalog:deps",
+    "vue": "catalog:deps",
     "ws": "catalog:deps"
   },
   "devDependencies": {
@@ -84,7 +85,7 @@
     "typescript": "catalog:devtools",
     "unplugin-vue": "catalog:build",
     "vite": "catalog:build",
-    "vue": "catalog:frontend",
+    "vue": "catalog:deps",
     "vue-router": "catalog:playground",
     "vue-tsc": "catalog:devtools"
   },
@@ -93,20 +94,14 @@
     "@clack/prompts": "1.1.0",
     "@json-render/core": "0.13.0",
     "@json-render/vue": "0.13.0",
-    "@vue/reactivity": "3.5.30",
-    "@vue/runtime-core": "3.5.30",
-    "@vue/runtime-dom": "3.5.30",
-    "@vue/shared": "3.5.30",
     "@vueuse/core": "14.2.1",
     "@vueuse/shared": "14.2.1",
     "@xterm/addon-fit": "0.11.0",
     "@xterm/xterm": "6.0.0",
     "ansis": "4.2.0",
-    "csstype": "3.2.3",
     "dompurify": "3.3.3",
     "get-port-please": "3.2.0",
     "sisteransi": "1.0.5",
-    "vue": "3.5.30",
     "zod": "4.3.6"
   }
 }

packages/core/src/node/context.ts

@@ -2,7 +2,6 @@ import type { DevToolsNodeContext, JsonRenderer, JsonRenderSpec } from '@vitejs/
 import type { ResolvedConfig, ViteDevServer } from 'vite'
 import { createDebug } from 'obug'
 import { debounce } from 'perfect-debounce'
-import { searchForWorkspaceRoot } from 'vite'
 import { ContextUtils } from './context-utils'
 import { DevToolsDockHost } from './host-docks'
 import { RpcFunctionsHost } from './host-functions'
@@ -32,6 +31,7 @@ export async function createDevToolsContext(
 ): Promise<DevToolsNodeContext> {
   const cwd = viteConfig.root
 
+  const { searchForWorkspaceRoot } = await import('vite')
   const context: DevToolsNodeContext = {
     cwd,
     workspaceRoot: searchForWorkspaceRoot(cwd) ?? cwd,

packages/core/src/node/plugins/injection.ts

@@ -1,7 +1,6 @@
 import type { Plugin } from 'vite'
-import { join } from 'node:path'
 import process from 'node:process'
-import { normalizePath } from 'vite'
+import { join, normalize } from 'pathe'
 import { dirDist } from '../../dirs'
 
 export function DevToolsInjection(): Plugin {
@@ -10,8 +9,8 @@ export function DevToolsInjection(): Plugin {
     enforce: 'post',
     transformIndexHtml() {
       const fileUrl = process.env.VITE_DEVTOOLS_LOCAL_DEV
-        ? normalizePath(join(dirDist, '..', 'src/client/inject/index.ts'))
-        : normalizePath(join(dirDist, 'client/inject.js'))
+        ? normalize(join(dirDist, '..', 'src/client/inject/index.ts'))
+        : normalize(join(dirDist, 'client/inject.js'))
       return [
         {
           tag: 'script',

packages/core/src/node/standalone.ts

@@ -1,7 +1,6 @@
 import type { DevToolsNodeContext } from '@vitejs/devtools-kit'
 import type { Plugin, ResolvedConfig } from 'vite'
 import process from 'node:process'
-import { resolveConfig } from 'vite'
 import { createDevToolsContext } from './context'
 import { DevTools } from './plugins'
 
@@ -23,6 +22,7 @@ export async function startStandaloneDevTools(options: StandaloneDevToolsOptions
     mode = 'production',
   } = options
 
+  const { resolveConfig } = await import('vite')
   const resolved = await resolveConfig(
     {
       configFile: options.config,

packages/core/tsdown.config.ts

@@ -16,6 +16,7 @@ export default defineConfig({
   ],
   deps: {
     neverBundle: [
+      'vite',
       '@vitejs/devtools/client/webcomponents',
       /^node:/,
     ],

pnpm-lock.yaml

@@ -77,6 +77,7 @@ catalogs:
     unconfig: ^7.5.0
     unstorage: ^1.17.4
     valibot: ^1.3.1
+    vue: ^3.5.30
     webext-bridge: ^6.0.1
     ws: ^8.20.0
   devtools:
@@ -132,7 +133,6 @@ catalogs:
     theme-vitesse: ^1.0.0
     ua-parser-modern: ^0.1.1
     vite-hot-client: ^2.1.0
-    vue: ^3.5.30
     vue-virtual-scroller: ^2.0.0-beta.10
   icons:
     '@iconify-json/carbon': ^1.2.19