nuxt.config.ts

const i18n = {
  locales: [
    {
      code: "en",
      language: "en",
    },
    {
      code: "nl",
      language: "nl",
    },
  ],
  defaultLocale: "en",
};

export default defineNuxtConfig({
  build: {
    transpile: ["@ekwoka/spotify-api"],
  },

  app: {
    pageTransition: { name: "page", mode: "out-in" },
  },

  nitro: {
    prerender: {
      crawlLinks: true,
      routes: ["/", "/snippets", "/projects", "/sitemap.xml", "/robots.txt"],
    },
  },

  modules: [
    "@nuxthub/core",
    "@nuxt/eslint",
    "@nuxtjs/tailwindcss",
    "radix-vue/nuxt",
    "@nuxt/icon",
    "@nuxtjs/google-fonts",
    "@nuxt/content",
    "@nuxtjs/i18n",
    "@vueuse/nuxt",
    "@nuxt/image",
    "@nuxtjs/robots",
    "@nuxtjs/sitemap",
  ],
  components: [
    {
      path: "~/components/ui",
      prefix: "Ui",
    },
    {
      path: "~/components",
    },
  ],
  devtools: { enabled: true },
  runtimeConfig: {
    spotifyRefreshToken: "",
    spotifyClientId: "",
    spotifyClientSecret: "",
  },
  future: { compatibilityVersion: 4 },
  compatibilityDate: "2024-07-30",
  hub: {
    kv: true,
  },
  eslint: {
    config: {},
  },
  i18n: {
    locales: i18n.locales.map((locale) => ({
      ...locale,
      file: `${locale.code}.json`,
    })),
    defaultLocale: i18n.defaultLocale,
    strategy: "prefix_except_default",
    lazy: true,
    langDir: "lang",
    baseUrl: "https://elmarvr.com",
  },
  radix: {
    prefix: "Radix",
  },
  googleFonts: {
    families: {
      Inconsolata: true,
    },
  },
  content: {
    locales: i18n.locales.map(({ code }) => code),
    defaultLocale: i18n.defaultLocale,
    ignores: ["/code/"],
    highlight: {
      theme: "one-dark-pro",
    },
  },
  icon: {
    serverBundle: "local",
  },

  site: {
    url: "https://elmarvr.com",
    name: "Elmar's personal website",
  },

  sitemap: {
    strictNuxtContentPaths: true,
    autoLastmod: true,
  },
});