Skip to content

Commit

Permalink
update vue docs to include information about vue devtools (#8295)
Browse files Browse the repository at this point in the history
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
Co-authored-by: Jan-Niklas Wortmann <jan-niklas.wortmann@jetbrains.com>
Co-authored-by: Florian Lefebvre <contact@florian-lefebvre.dev>
  • Loading branch information
4 people authored May 23, 2024
1 parent 226c525 commit 7e1ff32
Showing 1 changed file with 22 additions and 0 deletions.
22 changes: 22 additions & 0 deletions src/content/docs/en/guides/integrations-guide/vue.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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" },
}),
],
});
```

0 comments on commit 7e1ff32

Please sign in to comment.