Skip to content
This repository has been archived by the owner on Dec 19, 2023. It is now read-only.

fix(nuxt-vitest): inject vue plugins if missing #130

Merged
merged 2 commits into from
Apr 18, 2023
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions packages/nuxt-vitest/package.json
Original file line number Diff line number Diff line change
@@ -40,6 +40,8 @@
"stub": "nuxt-module-build --stub"
},
"peerDependencies": {
"@vitejs/plugin-vue": "*",
"@vitejs/plugin-vue-jsx": "*",
"vite": "*"
},
"dependencies": {
20 changes: 18 additions & 2 deletions packages/nuxt-vitest/src/config.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
import type { Nuxt } from '@nuxt/schema'
import type { Nuxt, ViteConfig } from '@nuxt/schema'
import type { InlineConfig as VitestConfig } from 'vitest'
import { InlineConfig, mergeConfig, defineConfig } from 'vite'
import vuePlugin from '@vitejs/plugin-vue'
import viteJsxPlugin from '@vitejs/plugin-vue-jsx'

interface GetVitestConfigOptions {
nuxt: Nuxt
@@ -46,11 +48,25 @@ async function startNuxtAndGetViteConfig(rootDir = process.cwd()) {
return promise
}

const vuePlugins = {
'vite:vue': [vuePlugin, 'vue'],
'vite:vue-jsx': [viteJsxPlugin, 'vueJsx'],
} as const

export async function getVitestConfigFromNuxt(
options?: GetVitestConfigOptions
): Promise<InlineConfig & { test: VitestConfig }> {
if (!options) options = await startNuxtAndGetViteConfig()
options.viteConfig.plugins = options.viteConfig.plugins?.filter(p => (p as any)?.name !== 'nuxt:import-protection')
options.viteConfig.plugins = options.viteConfig.plugins || []
options.viteConfig.plugins = options.viteConfig.plugins.filter(p => (p as any)?.name !== 'nuxt:import-protection')

for (const name in vuePlugins) {
if (!options.viteConfig.plugins?.some(p => (p as any)?.name === name)) {
const [plugin, key] = vuePlugins[name as keyof typeof vuePlugins]
// @ts-expect-error mismatching component options
options.viteConfig.plugins.push(plugin((options.viteConfig as ViteConfig)[key]))
}
}

return {
...options.viteConfig,
217 changes: 34 additions & 183 deletions pnpm-lock.yaml