Update sweet-needles-juggle.md

.changeset/sweet-needles-juggle.md

@@ -2,20 +2,20 @@
 "@astrojs/vue": minor
 ---
 
-Updates the `devtools` type to allow passing a boolean or `VueDevToolsOptions`. This is useful to set `launchEditor` if you're not using Visual Studio Code for example:
+Updates the `devtools` type to allow passing `VueDevToolsOptions`
 
-```js
-import { defineConfig } from "astro/config"
-import vue from "@astrojs/vue"
+For more customization, you can 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: true is equivalent to {}
-      devtools: {
-        launchEditor: "webstorm"
-      }
-    })
-  ]
-})
+      devtools: { launchEditor: "webstorm" },
+    }),
+  ],
+});
 ```