nuxt.config.ts

export default defineNuxtConfig({
  ssr: false,
  app: {
    head: {
      viewport: 'width=device-width, initial-scale=1, maximum-scale=1',
      charset: 'utf-8',
      meta: [
        { name: 'description', content: '' },
        { name: 'viewport', content: 'width=device-width' },
        { name: 'format-detection', content: 'telephone=no' },
        { name: 'theme-color', content: '#f5f6f4' }
      ],

      link: [
        {
          rel: 'icon',
          href: '/favicon.png'
        }
      ],
      bodyAttrs: {
        class: 'test'
      }
    }
  },
  typescript: {
    shim: false,
    strict: true
  },
  modules: [
    'nuxt-primevue',
    '@pinia/nuxt',
    '@vueform/nuxt',
    [
      '@nuxtjs/google-fonts',
      {
        families: {
          'Zen Maru Gothic': [400, 700]
        }
      }
    ]
  ],
  css: [
    '@/assets/css/reset.css',
    '@/assets/css/primevue-theme.css',
    'primevue/resources/primevue.min.css',
    'primeicons/primeicons.css',
    'primeflex/primeflex.css',
    '@/assets/scss/index.scss'
  ],
  primevue: {
    options: {
      ripple: true
    },
    components: {
      include: '*'
    },
    // theme: 'aura-light-green',
    cssLayerOrder: 'reset, primevue, primeicons'
  },
  build: {},
  vite: {
    define: {
      'process.env.DEBUG': false
    },
    server: {
      watch: {
        usePolling: true
      }
    }
  },
  runtimeConfig: {
    // only variables under public are exposed to the client side
    // refer: https://dev.to/amitgurbani/environment-variables-in-nuxt-3-9p6
    public: {
      baseURL: 'http://localhost:1306',
      callbackURL: 'http://localhost:1306/api/v1/auth/line/callback',
      lineClientID: process.env.LINE_CLIENT_ID,
      enableRouting: true
    }
  }
})