v0.5.2

   🐞 Bug Fixes

• Reactivity life cycle  -  by @antfu (486db)
• Improve module installing experience  -  by @antfu (ab808)

    View changes on GitHub

v0.5.1

   🚀 Features

• Opt-out all experimental flag  -  by @antfu (ff850)

   🐞 Bug Fixes

• analyze-build: State update  -  by @antfu (0e32b)
• plugin-metrics: Forward plugin meta  -  by @antfu (facef)
• ui-kit: Set text prop as optional in NSectionBlock  -  by @huang-julien in #241 (16f72)

    View changes on GitHub

v0.5.0

   🚀 Features

• Add component inspect button to the sidebar  -  by @antfu (512d8)
• Add dark/light mode switch transition  -  by @antfu in #224 (782e0)
• Experimental add module from DevTools  -  by @antfu in #222 (50168)
• Refactor components, close #227  -  by @antfu in #227 (0caa4)
• Isolate ui options per-project  -  by @antfu in #232 (3b994)
• Display vue version, close #236  -  by @antfu in #236 (83b77)
• Allow override vue-inspector options, close #234  -  by @antfu in #234 (3311f)
• Sidenav overflow as popup  -  by @antfu (da6c2)
• Experimental build analyze  -  by @antfu in #190 (2344a)
• components: Add legend for graph  -  by @antfu (de6a9)
• open-graph: Use useSeoMeta over useHead  -  by @antfu (f7d11)
• server-routes: Rolling out of experiment state  -  by @antfu (ed87d)
• ui: Fullscreen disconnect indicator  -  by @antfu (a158b)

   🐞 Bug Fixes

• Uninstall modules  -  by @arashsheyda and @antfu in #229 (f7db6)
• Double disable vue-inspector  -  by @antfu (9dc06)
• Improve module meta resolution  -  by @antfu (7dc3d)
• Print error on process failing  -  by @antfu (37f69)
• Debounce disconnect indicator  -  by @antfu (895e6)
• build-analyze:
  • Improve ui  -  by @antfu (bd263)
• components:
  • Improve graph relationship filtering, close #192  -  by @antfu in #192 (c27f8)
• devtools-ui-kit:
  • Update unocss config path  -  by @arashsheyda in #238 (5162b)
• install-module:
  • Process exit code  -  by @antfu (8c809)
• open-graph:
  • Avoid layout shift  -  by @antfu (4b1eb)
  • Use description for facebook  -  by @arashsheyda in #239 (31c92)
• style:
  • Switch, radio, checkbox hover style  -  by @zuixinwang and @antfu in #230 (97f5b)

    View changes on GitHub

v0.4.6

   🚀 Features

• Allow iframe permissions  -  by @cpreston321 in #215 (44fce)
• Add open graph tab  -  by @arashsheyda and @antfu in #209 (b94de)

   🐞 Bug Fixes

• Fix shortcut to togglePanel  -  by @arashsheyda in #212 (e64db)
• DockingPanel clickoutside on iframe  -  by @arashsheyda in #211 (afdaa)
• Default state of DockingPanel  -  by @antfu (a0098)
• Nitro storage link  -  by @Lmmmmmm-bb in #220 (ddd2e)

    View changes on GitHub

v0.4.5

   🐞 Bug Fixes

• Use compile time markdown  -  by @antfu (f9979)
• Correctly read plugins list  -  by @antfu (76bc7)

    View changes on GitHub

v0.3.0

Read the DevTools Announcement! 🎊

Upgrade

If you have installed DevTools using the nuxi command, running it again will automatically upgrade.

npx nuxi@latest devtools enable

If you are using local install, upgrade as other npm packages.

Changes

• Panel toggle shortcut changed to Shift + Alt + D (#153)
• Some design improvements
• New tabs
  • Assets
  • Terminals
• Support upgrading packages in devtools
• Able to measure plugins execution time
• For module authors:
  • @nuxt/devtools-kit is introduced, you can safely depend on it
  • @nuxt/devtools/kit is moved @nuxt/devtools-kit
  • @nuxt/devtools/iframe-client is moved to @nuxt/devtools-kit/iframe-client
  • Extendable RPC is introduced, you can now integration your own client-server communication
• Learn more at docs

New Tabs

Assets

The assets tab that shows all your static assets and their information. You can copy the paths of the assets, or the code snippets of using them. In the future, with the integrations of Nuxt Image, you can even optimize images with a single click.

Plugins

Plugins tab shows all the plugins you are using in your app. As plugins runs before the app is mounted,the time spent in each plugin should be minimal to avoid blocking the app from rendering. The time cost of each plugin provided can be helpful to find performance bottlenecks.

Terminals Tab

In some integrations, they might require to have subprocesses running to do certain jobs. Before DevTools, you either hide the output of the subprocess entirely and swallow the potential warnings/errors, or pipe to stdout and pollute your terminal with multiple outputs. Now you can now have the outputs in DevTools for each process and clearly isolated.

---

Generated changelog

Bug Fixes

• assets: show <NuxtImage> snippet when @nuxt/image is installed (#133) (d440f14)
• change shortcut to Shift + Alt + D, close #153 (ede19a7)
• component inspector, close #137 (d608a0f)
• components graph layout (b853005)
• display font preview in assets detail (a18c762)
• extra scrollbar (#139) (a94fd4d)
• improve path display (7ed9657)
• make assets detail scrollable (f0a547d)
• popper text color in light mode (254b45e)
• scrolling regression after splitpanes (455ec6c)
• ui: fix unexpected sidenav icon scale on windows chrome (#138) (310117a)
• vue inspector in latest Nuxt (f736291)

Features

• able to disable tabs, close #132 (0572b18)
• add customTabs option, close #113 (f172ffb)
• add visual dialog to upgrade (d4b43c2)
• ask for restart once upgrade finished (8a97d78)
• expose info on devtools:initialized (71f300d)
• extendable rpc (#131) (96080a8)
• improve assets details view (7b03da3)
• init terminal support (#125) (df3b1db)
• initial assets tab (#120) (fd99453)
• initial support for upgrading packages in devtools (#134) (4deb883)
• introduce @nuxt/devtools/kit (#116) (4a403e2)
• measuring plugins time (38acefb)
• option in npm version check (370f799)
• refresh data (09bf33f)
• self upgrade (1a56f53)
• sticky drawer header (#105) (0813626)
• support file path as meta (6faec60)
• support load shiki-es only when needed (#142) (ca6a64a)
• support ui scaling, close #117 (df4a35f)
• ui: always collapse drawer to give more spaces (b7c8add)

Performance Improvements

• hide the horizontal scroll bar (#124) (6f73c6f)