vite.config.ts

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({
      registerType: 'autoUpdate',
      devOptions: {
        enabled: true,
      },
      manifest: {
        name: 'SC-VIEWER',
        short_name: 'SC-VIEWER',
        start_url: '.',
        description: 'A frontend for SCTranslationData',
        icons: [
          {
            src: '/icon/プロデューサー.webp',
            sizes: '180x180',
            type: 'image/webp',
          },
        ],
        // share_target: {
        //   action: '/shared',
        //   method: 'GET',
        //   params: {
        //     title: 'title',
        //     text: 'text',
        //     url: 'url',
        //   },
        // },
      },
      workbox: {
        runtimeCaching: [
          {
            urlPattern: ({ url }) => {
              if (
                url.hostname === 'event.strawberrytree.top' ||
                url.hostname === 'viewer.strawberrytree.top' ||
                url.hostname === 'sc-viewer.top' ||
                url.hostname === 'www.sc-viewer.top' ||
                url.hostname === 'event.sc-viewer.top'
              ) {
                return true
              }
              return false
            },
            handler: 'NetworkFirst',
          },
          {
            urlPattern: ({ url }) => {
              if (
                url.pathname.startsWith('/convert/cache') ||
                url.pathname.startsWith('/raw') ||
                url.hostname === 'cdn.skypack.dev' ||
                url.hostname === 'esm.sh'
              ) {
                return true
              }
              return false
            },
            handler: 'StaleWhileRevalidate',
          },
          {
            urlPattern: ({ url }) => {
              if (url.pathname.startsWith('/api')) {
                return true
              }
              return false
            },
            handler: 'NetworkOnly',
          },
        ],
      },
    }),
  ],
  server: {
    host: '0.0.0.0',
  },
  resolve: {
    alias: [
      {
        find: 'vue-i18n',
        replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
      },
    ],
  },
})