diff --git a/docs/getting-started/features.md b/docs/getting-started/features.md index 7e85c9bcd..af7a521bf 100644 --- a/docs/getting-started/features.md +++ b/docs/getting-started/features.md @@ -1,6 +1,8 @@ # Features -Discover all the features of the Vue DevTools +Discover all the features of the Vue DevTools. + +You can open or close Vue DevTools with `Shift+Alt+D` or `Shift+Option+D` shortcut. ## Overview @@ -52,7 +54,7 @@ Graph tab shows the relationship between modules. ## Settings -Settings tab provides some options to customize the DevTools. +Settings tab provides some options to customize the DevTools. Here you can manage the Tab bar, enable or disable some features, and hide Vue Devtools. ![settings](/features/settings.svg) @@ -64,7 +66,7 @@ Inspect expose the [vite-plugin-inspect](https://github.com/antfu/vite-plugin-in ## Inspector -Inspector expose the [vite-plugin-vue-inspector](https://github.com/webfansplz/vite-plugin-vue-inspector) integration, you can inspect your app's DOM tree and see which component is rendering it. Finding the place to make changes are much easier. +Inspector expose the [vite-plugin-vue-inspector](https://github.com/webfansplz/vite-plugin-vue-inspector) integration, you can inspect your app's DOM tree and see which component is rendering it. Finding the place to make changes are much easier. You can active it with `Ctrl+Shift` or `Cmd+Shift` shortcut. When activated, you can use `Esc` shortcut to exit. You can customize shortcut by [`Options.componentInspector.toggleComboKey`](/guide/vite-plugin#options) ![inspector](/features/inspector.svg) diff --git a/docs/guide/vite-plugin.md b/docs/guide/vite-plugin.md index 0f62ebc0f..2480a79c9 100644 --- a/docs/guide/vite-plugin.md +++ b/docs/guide/vite-plugin.md @@ -59,6 +59,8 @@ interface VitePluginVueDevToolsOptions { /** * Enable vue component inspector * + * The VitePluginInspectorOptions you can see https://github.com/webfansplz/vite-plugin-vue-inspector?tab=readme-ov-file#options + * * @default true */ componentInspector?: boolean | VitePluginInspectorOptions