feat(nuxt): add @nuxt/devtools as dependency and enable (#23576)

nuxt · Oct 12, 2023 · 598e8c2 · 598e8c2
1 parent eb40409
commit 598e8c2
Show file tree

Hide file tree

Showing 4 changed files with 1,268 additions and 62 deletions.
diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
@@ -53,6 +53,7 @@
   },
   "dependencies": {
     "@nuxt/devalue": "^2.0.2",
+    "@nuxt/devtools": "1.0.0-beta.1",
     "@nuxt/kit": "workspace:*",
     "@nuxt/schema": "workspace:*",
     "@nuxt/telemetry": "^2.5.2",

diff --git a/packages/nuxt/src/core/nuxt.ts b/packages/nuxt/src/core/nuxt.ts
@@ -441,15 +441,16 @@ export async function loadNuxt (opts: LoadNuxtOptions): Promise<Nuxt> {
   options.appDir = options.alias['#app'] = resolve(distDir, 'app')
   options._majorVersion = 3
 
-  // Nuxt DevTools is currently opt-in
-  if (options.devtools === true || (options.devtools && options.devtools.enabled !== false)) {
-    if (await import('./features').then(r => r.ensurePackageInstalled('@nuxt/devtools', {
-      rootDir: options.rootDir,
-      searchPaths: options.modulesDir
-    }))) {
-      options._modules.push('@nuxt/devtools')
-    } else {
-      logger.warn('Failed to install `@nuxt/devtools`, please install it manually, or disable `devtools` in `nuxt.config`')
+  // Nuxt DevTools only works for Vite
+  if (options.builder === '@nuxt/vite-builder') {
+    const isDevToolsEnabled = typeof options.devtools === 'boolean'
+      ? options.devtools
+      : options.devtools?.enabled !== false // enabled by default unless explicitly disabled
+
+    if (isDevToolsEnabled) {
+      if (!options._modules.some(m => m === '@nuxt/devtools' || m === '@nuxt/devtools-edge')) {
+        options._modules.push('@nuxt/devtools')
+      }
     }
   }
 

diff --git a/packages/schema/src/config/adhoc.ts b/packages/schema/src/config/adhoc.ts
@@ -60,11 +60,9 @@ export default defineUntypedSchema({
   /**
    * Enable Nuxt DevTools for development.
    *
-   * This is an experimental feature.
    * Breaking changes for devtools might not reflect on the version of Nuxt.
-   * @see  [Nuxt DevTools](https://devtools.nuxtjs.org/) for more information.
-   * @experimental
-   * @type {boolean | { enabled: boolean, [key: string]: any }}
+   * @see  [Nuxt DevTools](https://devtools.nuxt.com/) for more information.
+   * @type { { enabled: boolean, [key: string]: any } }
    */
-  devtools: false
+  devtools: {}
 })