vite.config.js

import { defineConfig } from 'vite'
import { VitePWA } from 'vite-plugin-pwa'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    VitePWA({
      includeAssets: ['icon.svg'],
      registerType: 'autoUpdate',
      manifest: {
        name: 'Instagram 標籤小精靈',
        short_name: 'Instagram 標籤小精靈',
        description: '讓小精靈自動推薦給你適合的標籤',
        theme_color: '#f2f2f2',
        icons: [
          {
            "src": "/icon/manifest-icon-192.maskable.png",
            "sizes": "192x192",
            "type": "image/png",
            "purpose": "any"
          },
          {
            "src": "/icon/manifest-icon-192.maskable.png",
            "sizes": "192x192",
            "type": "image/png",
            "purpose": "maskable"
          },
          {
            "src": "/icon/manifest-icon-512.maskable.png",
            "sizes": "512x512",
            "type": "image/png",
            "purpose": "any"
          },
          {
            "src": "/icon/manifest-icon-512.maskable.png",
            "sizes": "512x512",
            "type": "image/png",
            "purpose": "maskable"
          }
        ],
        lang: 'zh-TW',
      },
    })
  ],
  alias: {
    '@': '/src'
  }
})