diff options
Diffstat (limited to 'packages/integrations/vue/src')
| -rw-r--r-- | packages/integrations/vue/src/index.ts | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/packages/integrations/vue/src/index.ts b/packages/integrations/vue/src/index.ts index f61b35a09..d855a4ad4 100644 --- a/packages/integrations/vue/src/index.ts +++ b/packages/integrations/vue/src/index.ts @@ -5,6 +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"; const VIRTUAL_MODULE_ID = 'virtual:@astrojs/vue/app'; const RESOLVED_VIRTUAL_MODULE_ID = `\0${VIRTUAL_MODULE_ID}`; @@ -12,7 +13,7 @@ const RESOLVED_VIRTUAL_MODULE_ID = `\0${VIRTUAL_MODULE_ID}`; interface Options extends VueOptions { jsx?: boolean | VueJsxOptions; appEntrypoint?: string; - devtools?: boolean; + devtools?: boolean | Omit<VitePluginVueDevToolsOptions, "appendTo">; } function getRenderer(): AstroRenderer { @@ -125,9 +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 : {} config.plugins?.push( vueDevTools({ - appendTo: VIRTUAL_MODULE_ID, + ...devToolsOptions, + appendTo: VIRTUAL_MODULE_ID }) ); } |