update vue docs to include information about vue devtools (#8295)

Co-authored-by: Sarah Rainsberger <[email protected]> Co-authored-by: Jan-Niklas Wortmann <[email protected]> Co-authored-by: Florian Lefebvre <[email protected]>
withastro · May 23, 2024 · 7e1ff32 · 7e1ff32
1 parent 226c525
commit 7e1ff32
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/src/content/docs/en/guides/integrations-guide/vue.mdx b/src/content/docs/en/guides/integrations-guide/vue.mdx
@@ -211,3 +211,25 @@ export default defineConfig({
   integrations: [vue({ devtools: true })],
 });
 ```
+
+#### Customizing Vue DevTools
+
+<p><Since pkg="@astrojs/vue" v="4.3.0" /></p>
+
+For more customization, you can instead pass options that the [Vue DevTools Vite Plugin](https://devtools-next.vuejs.org/guide/vite-plugin#options) supports. (Note: `appendTo` is not supported.)
+
+For example, you can set `launchEditor` to your preferred editor if you are not using Visual Studio Code:
+
+```js title="astro.config.mjs"
+import { defineConfig } from "astro/config";
+import vue from "@astrojs/vue";
+
+export default defineConfig({
+  // ...
+  integrations: [
+    vue({
+      devtools: { launchEditor: "webstorm" },
+    }),
+  ],
+});
+```