nuxt.config.ts

import { NuxtConfig } from '@nuxt/types'
import colors from 'vuetify/lib/util/colors'

const config: NuxtConfig = {
  ssr: false,
  target: 'server',
  head: {
    title: 'sapporo-web',
    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/svg+xml', href: '/favicon.svg' },
      { rel: 'icon alternate', type: 'image/png', href: '/favicon.png' },
    ],
  },
  loading: { color: '#fff' },
  css: ['~/assets/common.css'],
  plugins: [
    '~/plugins/vuetifyColors.ts',
    { src: '~/plugins/localStorage.ts', ssr: false },
    '~/plugins/dayjs.ts',
    '~/plugins/vue-clipboard2.ts',
    '~/plugins/loadPreRegisteredServices.ts',
  ],
  buildModules: ['@nuxt/typescript-build', '@nuxtjs/vuetify'],
  modules: ['nuxt-webfontloader'],
  webfontloader: {
    google: {
      families: ['Quicksand', 'Fira Code'],
    },
  },
  vuetify: {
    theme: {
      themes: {
        light: {
          primary: colors.indigo.darken4,
          secondary: colors.teal.darken4,
          info: colors.grey.darken4,
          error: colors.red.darken4,
        },
      },
    },
  },
  srcDir: './src/',
  server: {
    host: process.env.NUXT_HOST || '0.0.0.0',
    port: process.env.NUXT_PORT || 1121,
  },
  router: {
    base: process.env.SAPPORO_URL_PREFIX || '/',
  },
  generate: {
    fallback: true,
  },
  env: {
    SAPPORO_WEB_VERSION: process.env.npm_package_version || '',
    LOAD_PRE_REGISTERED_SERVICES:
      process.env.SAPPORO_LOAD_PRE_REGISTERED_SERVICES || 'false',
  },
}

export default config