import {
	fileURLToPath, URL
} from 'node:url';

import {
	defineConfig
} from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';

import Components from 'unplugin-vue-components/vite';
import {
	PrimeVueResolver
} from 'unplugin-vue-components/resolvers';

import AutoImport from 'unplugin-auto-import/vite';
import VueRouter from 'unplugin-vue-router/vite';

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		VueRouter(),
		Components({
			resolvers: [ PrimeVueResolver({
				importTheme: 'mdc-dark-deeppurple',
				importIcons: true,
				importStyle: true
				// prefix: 'P'
			}) ]
		}),
		AutoImport({
			include: [
				/\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
				/\.vue$/,
				/\.vue\?vue/, // .vue
				/\.md$/ // .md
			],
			imports: [
				// presets
				'vue',
				'vue-router'
			],
			dirs: [ './src/components/**' ],
			dts: true,
			eslintrc: {
				enabled: true
			}
		}),

		vue(),
		vueJsx()
	],
	resolve: {
		alias: {
			'@': fileURLToPath(new URL('./src', import.meta.url))
		}
	}
});