fix: remove devtools from iife build

Fix #2608
The devtools package doesn't have an IIFE build so it simply cannot have
it. In order to not break the IIFE build, the devtools are simply
removed. The same happened with pinia:

- vuejs/pinia#2914
- vuejs/devtools#989

Author: posva

packages/router/package.json

@@ -148,7 +148,7 @@
     "picomatch": "^4.0.3",
     "scule": "^1.3.0",
     "tinyglobby": "^0.2.15",
-    "unplugin": "^2.3.11",
+    "unplugin": "^3.0.0",
     "unplugin-utils": "^0.3.1",
     "yaml": "^2.8.2"
   },
@@ -182,7 +182,7 @@
     "rimraf": "^6.1.2",
     "rollup": "^4.55.1",
     "rollup-plugin-typescript2": "^0.36.0",
-    "tsdown": "0.20.0-beta.3",
+    "tsdown": "^0.20.1",
     "tsup": "^8.5.1",
     "vite": "^7.3.0",
     "vue": "3.6.0-beta.2"

packages/router/src/global.d.ts

@@ -1,5 +1,8 @@
 // Global compile-time constants
 declare var __DEV__: boolean
 declare var __TEST__: boolean
+// TODO: refactor all these feature flags
 declare var __FEATURE_PROD_DEVTOOLS__: boolean
+// iifee build cannot have v8 devtools because they are too heavy
+declare var __STRIP_DEVTOOLS__: boolean
 declare var __BROWSER__: boolean

packages/router/src/router.ts

@@ -1067,7 +1067,11 @@ export function createRouter(options: RouterOptions): Router {
       }
 
       // TODO: this probably needs to be updated so it can be used by vue-termui
-      if ((__DEV__ || __FEATURE_PROD_DEVTOOLS__) && isBrowser) {
+      if (
+        (__DEV__ || __FEATURE_PROD_DEVTOOLS__) &&
+        isBrowser &&
+        !__STRIP_DEVTOOLS__
+      ) {
         addDevtools(app, router as Router, matcher)
       }
     },

packages/router/tsdown.config.ts

@@ -37,6 +37,8 @@ const commonOptions = {
     __BROWSER__: 'true',
     // is replaced by the vite vue plugin
     __FEATURE_PROD_DEVTOOLS__: `__VUE_PROD_DEVTOOLS__`,
+    // by default we keep them
+    __STRIP_DEVTOOLS__: `false`,
   },
   dts: false,
   // TODO: remove in v5
@@ -125,8 +127,6 @@ const cjsProd = {
 const iife = {
   ...commonOptions,
   format: 'iife',
-  // TODO: remove when upgrading to devtools-api v7 because it's too big
-  noExternal: ['@vue/devtools-api'],
   outputOptions: {
     ...commonOptions.outputOptions,
     dir: undefined, // must be unset with file
@@ -135,7 +135,9 @@ const iife = {
   define: {
     ...commonOptions.define,
     __DEV__: 'true',
-    __FEATURE_PROD_DEVTOOLS__: `true`,
+    // the new devtools api does not have iife support and are too heavy
+    __FEATURE_PROD_DEVTOOLS__: `false`,
+    __STRIP_DEVTOOLS__: `true`,
   },
 } satisfies InlineConfig