diff options
| author |  Jan-Niklas W <6104311+niklas-wortmann@users.noreply.github.com>
| 2024-05-22 07:14:36 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2024-05-22 14:14:36 +0200 |
| commit | b92de22d2853efc4da4270a3812b9db120d06d3a (patch) | |
| tree | 51b22502fe826fbdd4ff3b5e9d74551926c5f1b8 /packages/integrations/vue | |
| parent | a687a176452a06a3532f3ce9830d46be46d16f05 (diff) | |
| download | astro-b92de22d2853efc4da4270a3812b9db120d06d3a.tar.gz astro-b92de22d2853efc4da4270a3812b9db120d06d3a.tar.zst astro-b92de22d2853efc4da4270a3812b9db120d06d3a.zip | |
feat(vue): add support vue devtools options (#11055)
Co-authored-by: Erika <3019731+Princesseuh@users.noreply.github.com>
Co-authored-by: Jan-Niklas Wortmann <jan-niklas.wortmann@jetbrains.com>
Co-authored-by: Florian Lefebvre <contact@florian-lefebvre.dev>
Diffstat (limited to 'packages/integrations/vue')
| -rw-r--r-- | packages/integrations/vue/package.json | 2 | ||||
| -rw-r--r-- | packages/integrations/vue/src/index.ts | 7 |
2 files changed, 6 insertions, 3 deletions
diff --git a/packages/integrations/vue/package.json b/packages/integrations/vue/package.json index f1c808208..4540e3eac 100644 --- a/packages/integrations/vue/package.json +++ b/packages/integrations/vue/package.json @@ -43,7 +43,7 @@ "@vitejs/plugin-vue": "^5.0.4", "@vitejs/plugin-vue-jsx": "^3.1.0", "@vue/compiler-sfc": "^3.4.27", - "vite-plugin-vue-devtools": "^7.1.3" + "vite-plugin-vue-devtools": "^7.2.0" }, "devDependencies": { "astro": "workspace:*", 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 }) ); } |