nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: {
    enabled: true,
    componentInspector: false,
  },

  modules: [
    '@nuxtjs/google-fonts',
    '@vueuse/nuxt',
    '@nuxt/icon',
    '@nuxtjs/kinde',
    'radix-vue/nuxt',
    '@nuxtjs/i18n',
    '@nuxtjs/fontaine',
    '@pinia/nuxt',
    '@nuxtjs/color-mode',
    'nuxt-umami',
  ],

  css: [
    '~/assets/css/main.css',
  ],

  googleFonts: {
    families: {
      'Hanken Grotesk': true,
    },
  },

  postcss: {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
    },
  },

  colorMode: {
    classSuffix: '',
  },

  runtimeConfig: {
    // Private keys which are only available within server-side
    dbUrl: '',
    passwordPepper: '',
    stripeSecret: '',
    kinde: {
      defaultOrg: '',
    },
    public: {
      // Keys within public, will be also exposed to the client-side
      stripeKey: '',
      appDomain: '',
      kindeGithubConnectionId: '',
      kindeEmailConnectionId: '',
    },
  },

  imports: {
    dirs: [
      'composables/**',
    ],
  },

  i18n: {
    locales: [
      { code: 'en', language: 'en-US', files: ['en.json'] },
      { code: 'fr', language: 'fr-FR', files: ['fr.json'] },
    ],
    strategy: 'prefix',
    defaultLocale: 'en',
    langDir: './i18n',
  },

  compatibilityDate: '2024-09-13',
})