nuxt.config.ts

// @ts-ignore
export default defineNuxtConfig<NuxtConfig>({
  css: [
    '~/assets/css/main.css',
  ],
  runtimeConfig:{
    supabaseUrl: process.env.NUXT_PUBLIC_SUPABASE_URL,
    supabaseKey: process.env.NUXT_PUBLIC_SUPABASE_KEY,
    public: {
      supabaseUrl: process.env.NUXT_PUBLIC_SUPABASE_URL,
      siteUrl: process.env.NUXT_PUBLIC_SITE_URL || "",
      socialImage: process.env.NUXT_PUBLIC_SOCIAL_IMAGE || "",
    }
  },
  app: {
    pageTransition: { name: 'page', mode: 'out-in' },
    head: {
      htmlAttrs: {
        lang: 'en'
      },
      meta: [
        {charset: 'utf-8'},
        {name: 'viewport', content: 'width=device-width, initial-scale=1'},
        {name: 'format-detection', content: 'telephone=no'},
        {name: 'theme-color', content: '#F68757'},
        {property: 'og:type', content: 'website'},
      ],
      link: [
        {rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'}
      ],
      script: [
        {src: "https://cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js",},
        {
          innerHTML: `WebFont.load({
            google: {families: ['Bricolage Grotesque:300,400,600,700,800']},
            custom: {families: ['Monument:n8'], urls:['/css/font.css']},
          });`,
          type: 'text/javascript'
        }
      ],
    }
  },
  postcss: {
    plugins: {
      'postcss-import': {},
      "tailwindcss/nesting": {},
      tailwindcss: {},
      autoprefixer: {},
    },
  },
  modules: [
    '@nuxt/image',
    '@vueuse/nuxt',
    '@nuxtjs/i18n',
    '@nuxtjs/device',
    '@nuxtjs/supabase',
    'nuxt-simple-sitemap',
    'nuxt-simple-robots'
  ],
  components: [
    { path: '~/components/Card' , prefix: 'Card'},
    '~/components',
  ],
  i18n: {
    baseUrl: `${process.env.NUXT_PUBLIC_SITE_URL}` || "https://rasclejero.me",
    vueI18n: './i18n.config.ts',
    experimental: {
      jsTsFormatResource: true
    },
    locales: [
      {
        name: 'Français',
        code: 'fr',
        iso: 'fr-FR',
        file: 'fr-fr.ts'
      },
      {
        name: 'English',
        code: 'en',
        iso: 'en-US',
        file: 'en-us.ts'
      }
    ],
    strategy: "prefix",
    langDir: 'lang/',
    lazy: true,
    defaultLocale: 'fr',
    detectBrowserLanguage: {
      useCookie: true,
      cookieKey: 'i18n_redirected',
      redirectOn: 'root',
    }
  },
  supabase: {
    redirect: false,
    url: process.env.NUXT_PUBLIC_SUPABASE_URL,
    key: process.env.NUXT_PUBLIC_SUPABASE_KEY,
  }
});