113 lines
3.0 KiB
TypeScript
113 lines
3.0 KiB
TypeScript
import { URL, fileURLToPath } from 'node:url';
|
|
import { resolve } from 'node:path';
|
|
|
|
import { defineConfig } from 'vite';
|
|
import vue from '@vitejs/plugin-vue';
|
|
import vueJsx from '@vitejs/plugin-vue-jsx';
|
|
import markdown from 'vite-plugin-vue-markdown';
|
|
import svgLoader from 'vite-svg-loader';
|
|
import { VitePWA } from 'vite-plugin-pwa';
|
|
import AutoImport from 'unplugin-auto-import/vite';
|
|
import Components from 'unplugin-vue-components/vite';
|
|
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
|
|
import Unocss from 'unocss/vite';
|
|
import { configDefaults } from 'vitest/config';
|
|
import Icons from 'unplugin-icons/vite';
|
|
import IconsResolver from 'unplugin-icons/resolver';
|
|
import VueI18n from '@intlify/unplugin-vue-i18n/vite';
|
|
|
|
const baseUrl = process.env.BASE_URL ?? '/';
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [
|
|
VueI18n({
|
|
runtimeOnly: true,
|
|
compositionOnly: true,
|
|
fullInstall: true,
|
|
include: [resolve(__dirname, 'locales/**')],
|
|
}),
|
|
AutoImport({
|
|
imports: [
|
|
'vue',
|
|
'vue-router',
|
|
'@vueuse/core',
|
|
'vue-i18n',
|
|
{
|
|
'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar'],
|
|
},
|
|
],
|
|
vueTemplate: true,
|
|
eslintrc: {
|
|
enabled: true,
|
|
},
|
|
}),
|
|
Icons({ compiler: 'vue3' }),
|
|
vue({
|
|
include: [/\.vue$/, /\.md$/],
|
|
}),
|
|
vueJsx(),
|
|
markdown(),
|
|
svgLoader(),
|
|
VitePWA({
|
|
registerType: 'autoUpdate',
|
|
strategies: 'generateSW',
|
|
manifest: {
|
|
name: 'IT Tools',
|
|
description: 'Aggregated set of useful tools for developers.',
|
|
display: 'standalone',
|
|
lang: 'fr-FR',
|
|
start_url: `${baseUrl}?utm_source=pwa&utm_medium=pwa`,
|
|
orientation: 'any',
|
|
theme_color: '#18a058',
|
|
background_color: '#f1f5f9',
|
|
icons: [
|
|
{
|
|
src: '/favicon-16x16.png',
|
|
type: 'image/png',
|
|
sizes: '16x16',
|
|
},
|
|
{
|
|
src: '/favicon-32x32.png',
|
|
type: 'image/png',
|
|
sizes: '32x32',
|
|
},
|
|
{
|
|
src: '/android-chrome-192x192.png',
|
|
sizes: '192x192',
|
|
type: 'image/png',
|
|
},
|
|
{
|
|
src: '/android-chrome-512x512.png',
|
|
sizes: '512x512',
|
|
type: 'image/png',
|
|
purpose: 'any maskable',
|
|
},
|
|
],
|
|
},
|
|
}),
|
|
Components({
|
|
dirs: ['src/'],
|
|
extensions: ['vue', 'md'],
|
|
include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
|
|
resolvers: [NaiveUiResolver(), IconsResolver({ prefix: 'icon' })],
|
|
}),
|
|
Unocss(),
|
|
],
|
|
base: baseUrl,
|
|
resolve: {
|
|
alias: {
|
|
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
|
},
|
|
},
|
|
define: {
|
|
'import.meta.env.PACKAGE_VERSION': JSON.stringify(process.env.npm_package_version),
|
|
},
|
|
test: {
|
|
exclude: [...configDefaults.exclude, '**/*.e2e.spec.ts'],
|
|
},
|
|
build: {
|
|
target: 'esnext',
|
|
},
|
|
});
|