nuxt.config.ts

import { createClient } from '@supabase/supabase-js'
import svgLoader from 'vite-svg-loader'
import { conferenceTitle } from './app/utils/constants'
import { isProd } from './app/utils/environment.constants'
import { generalOg, twitterOg } from './app/utils/og.constants'

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  srcDir: 'app/',
  app: {
    buildAssetsDir: '/_nuxt/',
    baseURL: isProd ? '/2023/' : '/',
    head: {
      title: conferenceTitle,
      meta: [
        { name: 'viewport', content: 'width=device-width, initial-scale=1, user-scalable=no' },
        ...generalOg(),
        ...twitterOg(),
      ],
      link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
      htmlAttrs: {
        lang: 'ja',
      },
    },
  },
  css: ['~/assets/main.css', 'vue-toastification/dist/index.css'],
  modules: [
    'pinceau/nuxt',
    '@nuxt/devtools',
    [
      '@nuxtjs/device',
      {
        device: {
          refreshOnResize: true,
        },
      },
    ],
    '@nuxtjs/supabase',
    '@nuxtjs/i18n',
    '@nuxt/content',
    '@nuxthq/studio',
    'nuxt-og-image',
  ],
  pinceau: {
    configFileName: 'tokens.config',
    debug: false,
    runtime: true,
  },
  /**
   * NOTE:
   *  一旦supabaseの設定無効にする。
   *  詳細スレ: https://vuejs-jp.slack.com/archives/C04G9G31VC2/p1693224416617309
   */
  // supabase: {
  //   redirect: false,
  // },
  ogImage: {
    playground: true,
    runtimeBrowser: true,
    runtimeCacheStorage: false,
    componentDirs: ['og'],
    debug: true,
    fonts: [
      {
        name: 'notosansjp-black',
        weight: 900,
        path: '/fonts/NotoSansJP-Black.ttf',
      },
    ],
  },
  experimental: {
    componentIslands: true,
  },
  devtools: {
    enabled: true,
    vscode: {},
  },
  vite: {
    plugins: [
      svgLoader({
        svgo: false,
      }),
    ],
  },
  nitro: {
    prerender: {
      failOnError: false,
    },
  },
  hooks: {
    async 'nitro:config'(nitroConfig) {
      if (nitroConfig.dev) {
        return
      }

      const supabaseUrl = process.env.SUPABASE_URL
      const supabaseKey = process.env.SUPABASE_KEY
      if (!supabaseUrl || !supabaseKey) return

      const client = createClient(supabaseUrl, supabaseKey, {})
      const { data, error } = await client.from('event_users').select()
      if (error) return

      const routes = data?.map((d) => `/users/${d.user_id}`)
      nitroConfig.prerender?.routes?.push(...(routes || []))
    },
  },
  build: {
    transpile: ['vue-toastification'],
  },
  typescript: {
    strict: true,
  },
  i18n: {
    locales: [
      { code: 'ja', iso: 'ja_JP', file: 'ja.ts' },
      { code: 'en', iso: 'en-US', file: 'en.ts' },
      { code: 'ja-basic', iso: 'ja_JP', file: 'ja-basic.ts' },
    ],
    lazy: true,
    defaultLocale: 'ja',
    langDir: 'locales/',
    experimental: {
      jsTsFormatResource: true,
    },
  },
  content: {
    markdown: {
      anchorLinks: {
        depth: 0,
        exclude: [1, 2, 3, 4, 5, 6],
      },
    },
    // @ts-ignore
    experimental: {
      clientDB: true, // https://github.com/nuxt/content/issues/2215#issuecomment-1713796864
    },
  },
  routeRules: {
    '/register/': { prerender: true },
    '/passmarket-console/': { prerender: true },
    '/users/': { prerender: true },
  },
  runtimeConfig: {
    public: {
      gtagId: process.env.NUXT_GTAG_ID,
      newtSpaceUid: process.env.NUXT_NEWT_SPACE_UID,
      newtFormUid: process.env.NUXT_NEWT_FORM_UID,
      reCaptchaWebsiteKey: process.env.NUXT_RECAPTCHA_WEBSITE_KEY,
      inCypress: process.env.IN_CYPRESS === 'true',
      // feature flags
      registerTicket: process.env.NUXT_ENABLE_REGISTER_TICKET,
      registerNamecard: process.env.NUXT_ENABLE_REGISTER_NAMECARD,
      showTimetable: process.env.NUXT_ENABLE_SHOW_TIMETABLE,
      showSpeakerInfo: process.env.NUXT_ENABLE_SHOW_SPEAKER_INFO,
      switchLocale: process.env.NUXT_ENABLE_SWITCH_LOCALE,
      // supabase
      supabaseProjectUrl: process.env.SUPABASE_URL,
      supabaseApiKey: process.env.SUPABASE_KEY,
    },
  },
})