Replaces Vue CLI 4 with Vite 7 + @tailwindcss/vite + vite-plugin-pwa, yarn with pnpm, tslint with ESLint 9 flat config, and Jest with Vitest. Drops Netlify deploy config and the dead FontAwesome npm token. Bumps the entire dependency surface: Vue 3.5, Pinia 2, vue-router 4, vue-i18n 11, Tailwind 4, DaisyUI 5, TypeScript 5.7, axios 1.x, mapbox-gl 3.x, date-fns 4.x, uuid 11.x, pouchdb-browser 9.x.
59 lines
2.1 KiB
TypeScript
59 lines
2.1 KiB
TypeScript
import { defineConfig } from 'vite'
|
|
import { fileURLToPath, URL } from 'node:url'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
import { VitePWA } from 'vite-plugin-pwa'
|
|
|
|
const themeColor = '#3f4fa6'
|
|
|
|
export default defineConfig({
|
|
plugins: [
|
|
vue(),
|
|
tailwindcss(),
|
|
VitePWA({
|
|
registerType: 'prompt',
|
|
workbox: {
|
|
skipWaiting: true,
|
|
clientsClaim: true
|
|
},
|
|
includeAssets: ['favicon.ico', 'robots.txt', 'img/icons/*.png'],
|
|
manifest: {
|
|
name: 'Vaquant',
|
|
short_name: 'Vaquant',
|
|
background_color: themeColor,
|
|
theme_color: themeColor,
|
|
display: 'standalone',
|
|
icons: [
|
|
{ src: '/img/icons/android-chrome-192x192.png', sizes: '192x192', type: 'image/png' },
|
|
{ src: '/img/icons/android-chrome-512x512.png', sizes: '512x512', type: 'image/png' },
|
|
{ src: '/img/icons/apple-touch-icon-60x60.png', sizes: '60x60', type: 'image/png' },
|
|
{ src: '/img/icons/apple-touch-icon-76x76.png', sizes: '76x76', type: 'image/png' },
|
|
{ src: '/img/icons/apple-touch-icon-120x120.png', sizes: '120x120', type: 'image/png' },
|
|
{ src: '/img/icons/apple-touch-icon-152x152.png', sizes: '152x152', type: 'image/png' },
|
|
{ src: '/img/icons/apple-touch-icon-180x180.png', sizes: '180x180', type: 'image/png' },
|
|
{ src: '/img/icons/apple-touch-icon.png', sizes: '180x180', type: 'image/png' },
|
|
{ src: '/img/icons/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
|
|
{ src: '/img/icons/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
|
|
{ src: '/img/icons/msapplication-icon-144x144.png', sizes: '144x144', type: 'image/png' },
|
|
{ src: '/img/icons/mstile-150x150.png', sizes: '150x150', type: 'image/png' }
|
|
]
|
|
}
|
|
})
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
|
events: 'events'
|
|
}
|
|
},
|
|
optimizeDeps: {
|
|
include: ['events']
|
|
},
|
|
define: {
|
|
global: 'globalThis'
|
|
},
|
|
server: {
|
|
port: 8080
|
|
}
|
|
})
|