diff --git a/packages/integrations/vue/src/index.ts b/packages/integrations/vue/src/index.ts index d855a4ad46..6edb82526f 100644 --- a/packages/integrations/vue/src/index.ts +++ b/packages/integrations/vue/src/index.ts @@ -5,7 +5,7 @@ import type { Options as VueJsxOptions } from '@vitejs/plugin-vue-jsx'; import { MagicString } from '@vue/compiler-sfc'; import type { AstroIntegration, AstroRenderer, HookParameters } from 'astro'; import type { Plugin, UserConfig } from 'vite'; -import type {VitePluginVueDevToolsOptions} from "vite-plugin-vue-devtools"; +import type { VitePluginVueDevToolsOptions } from 'vite-plugin-vue-devtools'; const VIRTUAL_MODULE_ID = 'virtual:@astrojs/vue/app'; const RESOLVED_VIRTUAL_MODULE_ID = `\0${VIRTUAL_MODULE_ID}`; @@ -13,7 +13,7 @@ const RESOLVED_VIRTUAL_MODULE_ID = `\0${VIRTUAL_MODULE_ID}`; interface Options extends VueOptions { jsx?: boolean | VueJsxOptions; appEntrypoint?: string; - devtools?: boolean | Omit; + devtools?: boolean | Omit; } function getRenderer(): AstroRenderer { @@ -126,11 +126,11 @@ async function getViteConfiguration( if (command === 'dev' && options?.devtools) { const vueDevTools = (await import('vite-plugin-vue-devtools')).default; - const devToolsOptions = typeof options.devtools === 'object' ? options.devtools : {} + const devToolsOptions = typeof options.devtools === 'object' ? options.devtools : {}; config.plugins?.push( vueDevTools({ ...devToolsOptions, - appendTo: VIRTUAL_MODULE_ID + appendTo: VIRTUAL_MODULE_ID, }) ); }