import { IconsCollection } from './types/types'

export default defineNuxtConfig({
  future: { compatibilityVersion: 4 },

  compatibilityDate: '2024-08-21',

  experimental: {
    buildCache: true,
  },

  devServer: {
    host: '127.0.0.1',
  },

  // Nuxt App
  app: {
    pageTransition: { name: 'page', mode: 'out-in' },
    head: {
      templateParams: {
        separator: '•',
      },
    },
  },

  // Nuxt Modules
  modules: [
    '@nuxthub/core',
    '@nuxt/ui',
    '@vueuse/nuxt',
    '@nuxtjs/google-fonts',
    'nuxt-auth-utils',
    '@nuxt/image',
  ],

  // Nuxt UI
  ui: {
    safelistColors: ['slate', 'gray', 'zinc', 'neutral', 'stone', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose'],
  },

  // Nuxt Hub
  hub: {
    cache: true,
    analytics: true,
    blob: true,
    kv: true,
    database: true,
  },

  // Nuxt Icon
  icon: {
    serverBundle: IconsCollection,
  },

  // Nuxt Color Mode
  colorMode: {
    preference: 'system',
    fallback: 'light',
  },

  // Nuxt Devtools
  devtools: {
    enabled: true,
    timeline: { enabled: true },
  },

  // Nuxt Google Fonts
  googleFonts: {
    display: 'swap',
    families: {
      'DM Sans': [400, 500, 600, 700, 800, 900],
    },
  },

  // Nitro
  nitro: {
    experimental: {
      openAPI: true,
    },
  },

  // Nuxt Env
  runtimeConfig: {
    postgres: {
      url: '',
      dir: './server/db',
    },
    openWeather: {
      apiKey: '',
      units: '',
    },
  },
})