vite.config.ts

import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import { VitePWA } from 'vite-plugin-pwa'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
import { generateIconNames } from 'vite-plugin-svg-sprite-names-typescript';
import { visualizer } from "rollup-plugin-visualizer";
import { DESCRIPTION, THEME_COLOR, TITLE } from './src/data/constants'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueDevTools(),
    VitePWA({
      registerType: 'autoUpdate',
      workbox: {
        clientsClaim: true,
        skipWaiting: true
      },
      manifest: {
        name: TITLE,
        short_name: TITLE,
        description: DESCRIPTION,
        theme_color: THEME_COLOR,
      },
      pwaAssets: {
        config: './pwa-assets.config.ts',
        disabled: false,
        image: './public/favicon.svg',
        includeHtmlHeadLinks: true,
        injectThemeColor: true
      },
      devOptions: {
        enabled: true
      }
    }),
    generateIconNames({
      svgFilePath: './public/sprite.svg',
      typesFilePath: './src/types/icon-names.ts',
      typeName: 'IconName'
    }),
    visualizer()
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})