diff --git a/docs/3.upgrading-to-v4.md b/docs/3.upgrading-to-v4.md index e6d623bec1..aa79273a18 100644 --- a/docs/3.upgrading-to-v4.md +++ b/docs/3.upgrading-to-v4.md @@ -58,7 +58,7 @@ Remove your lockfile (`package-lock.json`, `yarn.lock`, or `pnpm-lock.yaml`) and ## Opening DevTools -The floating Nuxt button at the bottom of the page is gone; the Vite DevTools trigger takes its place. The keyboard shortcut is unchanged: :kbd{value="Shift"} + :kbd{value="Alt"} / :kbd{value="⇧ Shift"} + :kbd{value="⌥ Option"} + :kbd{value="D"} toggles the Nuxt entry. +The floating Nuxt button at the bottom of the page is gone. Open DevTools with the **Nuxt** button in the Vite DevTools dock instead. The keyboard shortcut is unchanged: :kbd{value="Shift"} + :kbd{value="Alt"} / :kbd{value="⇧ Shift"} + :kbd{value="⌥ Option"} + :kbd{value="D"} toggles the Nuxt entry. Vite DevTools can run shell commands and read files on your machine, so it asks you to **authorize the browser once per project**. On first open you will see an _Unauthorized_ badge; enter the 6-digit code printed in your terminal (or click the link printed next to it). In sandboxed environments such as StackBlitz and CodeSandbox the prompt is skipped automatically. To skip it elsewhere, set `devtools.disableAuthorization: true` in `nuxt.config.ts` — only do this on a machine you trust. diff --git a/docs/index.md b/docs/index.md index d61dff1f6e..182ccaf46e 100644 --- a/docs/index.md +++ b/docs/index.md @@ -69,7 +69,7 @@ export default defineNuxtConfig({ ## Opening the DevTools -Run `nuxt dev` and open your app in the browser. Click the Vite DevTools trigger at the bottom of the page, or press :kbd{value="Shift"} + :kbd{value="Alt"} / :kbd{value="⇧ Shift"} + :kbd{value="⌥ Option"} + :kbd{value="D"}, to toggle the panel. +Run `nuxt dev` and open your app in the browser. Click the **Nuxt** button in the Vite DevTools dock at the bottom of the page, or press :kbd{value="Shift"} + :kbd{value="Alt"} / :kbd{value="⇧ Shift"} + :kbd{value="⌥ Option"} + :kbd{value="D"}, to toggle the panel. Vite DevTools can run commands and read files on your machine, so the first time you open it, it asks you to **authorize the browser** with the code printed in the terminal running `nuxt dev`. The prompt is skipped in sandboxes such as StackBlitz and CodeSandbox. To skip it elsewhere, set `devtools.disableAuthorization: true`; only do this on a machine you trust, as any browser that reaches the dev server then gets access.