diff --git a/docs/guide/features.md b/docs/guide/features.md index 43adb549..6cc49e0c 100644 --- a/docs/guide/features.md +++ b/docs/guide/features.md @@ -73,3 +73,21 @@ Inspector expose the [vite-plugin-vue-inspector](https://github.com/webfansplz/v Vue DevTools is able to run as a separate window, it's so helpful when you want to debug your app in a small screen. ![separate-window](/features/separate-window.png) + +## Command Palette + +Command Palette is a quick way to access some useful features of the DevTools such as easy navigation, run commands and Vue Documentations. You can open it with `Ctrl+K` or `Cmd+K` shortcut. + +![command-palette](/features/command-palette.png) + +## Multiple Apps Support + +If your app uses multiple Vue instances, you can switch between them in the top left corner of the DevTools. + +![multiple-apps](/features/multi-app.png) + +## Split Screen + +Split Screen is a useful feature to use multiple tabs at the same time. You can open it from Command Palette or by clicking the `Vue Icon` in the top left corner of the DevTools and activate it from there. + +![split-screen](/features/split-screen.png) diff --git a/docs/public/features/command-palette.png b/docs/public/features/command-palette.png new file mode 100644 index 00000000..d9fa8679 Binary files /dev/null and b/docs/public/features/command-palette.png differ diff --git a/docs/public/features/multi-app.png b/docs/public/features/multi-app.png new file mode 100644 index 00000000..df618606 Binary files /dev/null and b/docs/public/features/multi-app.png differ diff --git a/docs/public/features/split-screen.png b/docs/public/features/split-screen.png new file mode 100644 index 00000000..035e5e75 Binary files /dev/null and b/docs/public/features/split-screen.png differ