vitest.config.ts

import path from 'node:path'
import { defineConfig } from 'vitest/config'
import vue from '@vitejs/plugin-vue'
import svgLoader from 'vite-svg-loader'
import Components from 'unplugin-vue-components/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
import AutoImport from 'unplugin-auto-import/vite'

const include = [/\.vue$/, /\.vue\?vue/, /\.stories\.ts$/, /\.[tj]s$/]

export default defineConfig({
	resolve: {
		alias: {
			'~': path.resolve(__dirname),
		},
	},
	plugins: [
		vue(),
		Components({
			dirs: ['~/components'],
			directoryAsNamespace: true,
			resolvers: [NaiveUiResolver()],
			include,
		}),
		AutoImport({
			include,
			imports: ['vue', '@vueuse/head'],
			dirs: ['~/composables'],
			vueTemplate: true,
		}),
		svgLoader(),
	],
	test: {
		globalSetup: ['./tests/setupSqliteDbEnv'],
		globals: true,
		environment: 'jsdom',
		coverage: {
			enabled: true,
			// We want to catch all js/ts/... files, not only the ones imported in some tests
			// see https://github.com/bcoe/c8#checking-for-full-source-coverage-using---all
			all: true,
			include: [
				// Nuxt 3 framework folders and files sources from directory structure here: https://nuxt.com/docs/guide/directory-structure/nuxt
				'components',
				'composables',
			],
		},
	},
})