nuxt.config.ts

/*
 * @file:    \nuxt.config.ts
 * @desc:    https://nuxt.com/docs/api/configuration/nuxt-config
 *           https://codybontecou.com/how-to-use-vuetify-with-nuxt-3.html
 *           https://nitro.unjs.io/deploy/providers/cloudflare
 *           https://neon.tech/blog/build-and-deploy-global-serverless-nuxt-ssr-app-with-cloudflare-hyperdrive-and-postgres
 * -------------------------------------------
 * Created Date: 26th October 2023
 * Modified: Fri 20 December 2024 - 13:39:43
 */

import { defineNuxtConfig } from 'nuxt/config';

// import vuetify from 'vite-plugin-vuetify'
// import { transformAssetUrls } from 'vite-plugin-vuetify'

export default defineNuxtConfig({
  compatibilityDate: '2024-08-15',
  ssr: true,

  nitro: {
    // preset: 'static'
    // preset: 'cloudflare-pages',
    prerender: {
      routes: ['/sitemap']
    }
  },

  sourcemap: { server: false, client: true },

  features: {
    devLogs: false,
    inlineStyles: false,
  },

  experimental: {
    payloadExtraction: false,
  },

  typescript: {
    shim: false,
  },

  // auto import components
  components: true,

  modules: [
    // '@nuxt/image',
    '@nuxt/content',
    '@nuxt/devtools',
    '@nuxtjs/seo',
    '@pinia/nuxt',
    '@vueuse/nuxt',

    'vue-sonner/nuxt',
    'vuetify-nuxt-module'
  ],

  // Auto import pinia stores
  imports: {
    autoImport: true,
    // injectAtEnd: true,

    dirs: ['./stores'],
    presets: [
      {
        from: 'pinia',
        imports: ['mapStores', 'mapState'], // ['defineStore', 'mapStores', 'acceptHMRUpdate'],
      },
    ],
  },

  css: [
    //'vuetify/lib/styles/main.sass',
    // '@mdi/font/css/materialdesignicons.min.css',
    '@/assets/scss/main.scss',
  ],
  // 'animate.css/animate.min.css'

  build: {
    transpile: [
      'rxjs',
      // 'vue-sonner',
      // 'vuetify'
    ],
  },

  runtimeConfig: {
    public: {
      built_at: process.env.BUILD_TIME || new Date().toISOString(),
    }
  },

  // content: {
  //   // ... options
  // },

  app: {
    head: {
      bodyAttrs: {
        'class': 'antialiased',
        'data-bs-theme': 'dark',
      },
    },
  },

  vuetify: {
    styles: { configFile: './assets/scss/settings.scss' },
    prefixComposables: true,
    vuetifyOptions: './vuetify.config.js',
  },

  //+-------------------------------------------------
  // Seo Modules and configuration
  //+-------------------------------------------------

  site: {
    url: 'https://backlog.rip',
    name: 'Backlog.rip',
    description: 'Free and open source library manager for all your games.',
    defaultLocale: 'en', // not needed if you have @nuxtjs/i18n installed
  },


  sitemap: {
    cacheMaxAgeSeconds: 3600 * 24,
    exclude: ['/tabler*', '/account/**', '/dev/**'],

    //   urls: async () => {
    //     const urls = await fetch('https://api.backlog.rip/sitemap.xml')
    //     return urls
    //   }

    sources: [
      'https://api.backlog.rip/sitemap.xml',
    ],
  },

  ogImage: { enabled: false },

  // robots: {
  //   enabled: false
  // },

  // seoExperiments: {
  //   enabled: false
  // },

  schemaOrg: {
    enabled: true,
  },

  // linkChecker: {
  //   enabled: false
  // },

  webpack: {
    // extractCSS: true,
  },

  vite: {
    define: {
      'process.env.DEBUG': false,
    },

    css: {},

    plugins: [
      // {
      //   name: 'ignore-css-warnings',
      //   enforce: 'post',
      //   configResolved(config) {
      //     const originalWarn = config.logger.warn;
      //     config.logger.warn = (...args) => {
      //       if (typeof args[0] === 'string' && args[0].includes('@charset must precede all other statements')) {
      //         // Ignore the specific warning
      //         return;
      //       }
      //       // For all other warnings, call the original warn method
      //       originalWarn.apply(config.logger, args);
      //     };
      //   },
      // },
    ],

    vue: {
      template: {
        // transformAssetUrls,
        // compilerOptions: {
        //   isCustomElement: (tag) => ['ninja-keys'].includes(tag),
        // },
      },
    },
  },

  devtools: {
    enabled: true,

    vscode: {},
    timeline: {
      enabled: false,
    },
  },
})