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)