nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
import icons from "./config/icons"
import i18n from "./config/modules/i18n"
import { version } from "./package.json"

const isDev = process.env.NODE_ENV === "development"
export default defineNuxtConfig({
  srcDir: "src/",
  ssr: true,
  spaLoadingTemplate: "./app/spa-loading-template.html",

  devtools: {
    enabled: true
  },

  experimental: {
    renderJsonPayloads: true,
    defaults: {
      nuxtLink: {
        prefetch: true,
        prefetchOn: { visibility: false, interaction: true }
      }
    }
  },

  modules: [
    "@nuxtjs/sitemap",
    "@nuxtjs/robots",
    ["@nuxtjs/i18n", i18n],
    "@nuxtjs/tailwindcss",
    "@nuxt/image",
    "@pinia/nuxt",
    [
      "shadcn-nuxt",
      {
        componentDir: "src/components/ui"
      }
    ],
    "@nuxtjs/device",
    "@vite-pwa/nuxt",
    "@nuxt/icon"
  ],

  css: [
    "~/assets/css/main.css",
    "vue3-emoji-picker/css",
    "@fontsource/inter/400.css",
    "@fontsource/inter/600.css",
    "@fontsource/inter/800.css",
    "@fontsource/maven-pro/600.css",
    "@fontsource/maven-pro/700.css",
    "@fontsource/maven-pro/900.css"
  ],

  routeRules: {
    "/**": isDev ? {} : { cache: { swr: true, maxAge: 120, staleMaxAge: 60, headersOnly: true } },
    "/settings": { ssr: false }
  },

  nitro: {
    routeRules: {
      "/**": { isr: false }
    }
  },

  app: {
    pageTransition: {
      name: "page",
      mode: "out-in"
    },
    head: {
      title: "Masterscore",
      htmlAttrs: {
        lang: "en"
      },
      meta: [
        { charset: "utf-8" },
        {
          name: "viewport",
          content: "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
        },
        {
          // @ts-ignore
          viewport: "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no",
          mobileAppIOS: true
        },
        { name: "mobile-web-app-capable", content: "yes" },
        { name: "full-screen", content: "yes" },
        { name: "browsermode", content: "application" },
        { name: "screen-orientation", content: "portrait" },
        {
          hid: "description",
          name: "description",
          content:
            "Masterscore is a movie and TV review website with unbiased reviews, recommendations, and ratings on various genres. Find your next favorite show or movie with us!"
        },
        { name: "theme-color", content: "#eab308" }
      ],
      link: [
        {
          rel: "icon",
          type: "image/x-icon",
          href: "/favicon.ico"
        }
      ]
    }
  },

  appConfig: {
    buildDate: new Date().toISOString(),
    version
  },

  pwa: {
    registerType: "autoUpdate",
    srcDir: "src/",
    manifest: {
      name: "Masterscore",
      short_name: "Masterscore",
      description:
        "Masterscore is a movie and TV review website with unbiased reviews, recommendations, and ratings on various genres. Find your next favorite show or movie with us!",
      theme_color: "#eab308",
      background_color: "#ffffff",
      start_url: "/",
      display: "fullscreen",
      icons
    },
    client: {
      installPrompt: true,
      periodicSyncForUpdates: 20
    }
  },

  site: {
    url: "https://masterscore.org",
    name: "Masterscore",
    indexable: true
  },

  sitemap: {
    sources: ["/api/__sitemap__/urls"],
    sitemaps: true,
    defaultSitemapsChunkSize: 10000
  },

  runtimeConfig: {
    MONGO_URI: process.env.MONGO_URI,
    TMDB_API_KEY: process.env.TMDB_API_KEY,
    UPSTASH_REDIS_REST_URL: process.env.UPSTASH_REDIS_REST_URL,
    UPSTASH_REDIS_REST_TOKEN: process.env.UPSTASH_REDIS_REST_TOKEN,
    SUPABASE_URL: process.env.SUPABASE_URL,
    SUPABASE_KEY: process.env.SUPABASE_KEY,
    INVITE_CODE: process.env.INVITE_CODE,
    JWT_SECRET: process.env.JWT_SECRET,
    public: {
      SOCKET_SERVER: process.env.SOCKET_SERVER,
      SUPABASE_STORAGE_URL: process.env.SUPABASE_URL + "/storage/v1/object/public/assets/",
      TMDB_API_TOKEN: process.env.TMDB_API_TOKEN,
      VERSION: version,
      IS_DEV: isDev
    }
  },

  compatibilityDate: "2024-07-27"
})