nuxt.config.ts

import svgLoader from 'vite-svg-loader'
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  // ssr: process.env.NODE_ENV !== 'development',
  ssr: false,
  app: {
    head: {
      meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
        {
          hid: 'description',
          name: 'description',
          content: process.env.npm_package_description || ''
        }
      ],
      link: [
        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
        {
          // Google Fonts
          rel: 'stylesheet',
          href: 'https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Serif+TC:wght@400;600;700;900&display=swap'
        },
        {
          rel: 'stylesheet',
          href: '/css/antd.css'
        }
        // {
        //   rel: 'stylesheet',
        //   href: 'https://fastly.jsdelivr.net/npm/css-spaces@latest/dist/spaces.min.css'
        // }
      ]
    },
    pageTransition: { name: 'page', mode: 'out-in' },
    layoutTransition: { name: 'layout', mode: 'out-in' }
  },
  css: [
    '~/node_modules/modern-normalize/modern-normalize.css', // CSS reset
    '~/assets/scss/main.scss'
  ],
  modules: [
    '@nuxt/image',
    '@unocss/nuxt',
    // Doc: https://color-mode.nuxtjs.org/
    '@nuxtjs/color-mode',
    // Doc: https://github.com/nuxt-community/eslint-module
    // '@nuxtjs/eslint-module',
    // Doc: https://github.com/nuxt-community/stylelint-module
    // '@nuxtjs/stylelint-module',
    // PWA
    '@vite-pwa/nuxt',
    '@pinia/nuxt',
    '@pinia-plugin-persistedstate/nuxt',
    'nuxt-gtag',
    '@ant-design-vue/nuxt',
    '@vant/nuxt', // 偷一点 Vant 的组件，改善移动端体验
    [
      'unplugin-icons/nuxt',
      {
        /* options */
      }
    ],
    '@vueuse/nuxt'
  ],

  nitro: {
    esbuild: {
      options: {
        target: 'esnext'
      }
    },
    prerender: {
      routes: ['/', '/auth/login']
    }
  },

  colorMode: {
    preference: 'system', // default value of $colorMode.preference
    fallback: 'light', // fallback value if not system preference found
    storageKey: 'color-mode'
  },
  antd: {},
  pwa: {
    selfDestroying: true,
    registerType: 'autoUpdate',
    // registerWebManifestInRouteRules: true,
    manifest: {
      name: '一言审核员中心',
      short_name: '审核员中心',
      // theme_color: '#8921ff',
      theme_color: '#ffffff',
      background_color: '#ffffff',
      icons: [
        {
          src: 'pwa-192x192.png',
          sizes: '192x192',
          type: 'image/png'
        },
        {
          src: 'pwa-512x512.png',
          sizes: '512x512',
          type: 'image/png'
        },
        {
          src: 'pwa-512x512.png',
          sizes: '512x512',
          type: 'image/png',
          purpose: 'any maskable'
        }
      ]
    },
    workbox: {
      navigateFallback: '/',
      globPatterns: ['**/*.{js,css,html,png,svg,ico}']
    },
    client: {
      installPrompt: true,
      // you don't need to include this: only for testing purposes
      // if enabling periodic sync for update use 1 hour or so (periodicSyncForUpdates: 3600)
      periodicSyncForUpdates: 20
    },
    devOptions: {
      enabled: true,
      suppressWarnings: true,
      navigateFallbackAllowlist: [/^\/$/],
      type: 'module'
    }
  },
  gtag: {
    id: 'G-86GDBEXXNZ'
  },
  build: {
    transpile: [/echarts/, 'vue-countup-v3']
  },

  imports: {
    dirs: ['./stores']
  },

  pinia: {
    autoImports: ['defineStore', 'acceptHMRUpdate']
  },

  devtools: {
    enabled: true,

    timeline: {
      enabled: true
    }
  },
  components: {
    dirs: ['~/components']
  },
  runtimeConfig: {
    public: {
      endpoint: {
        commonAPI: process.env.HITOKOTO_COMMON_API_ENDPOINT || '',
        reviewerAPI: process.env.HITOKOTO_REVIEWER_API_ENDPOINT || '',
        searchAPI: process.env.HITOKOTO_SEARCH_API_ENDPOINT || ''
      },
      pubkey: {
        searchAPI: process.env.HITOKOTO_SEARCH_API_PUBKEY || ''
      },
      encrypt: {
        cookiesKey: process.env.COOKIES_ENCRYPT_KEY || ''
      }
    }
  },
  vite: {
    plugins: [svgLoader()]
  }
})