// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  // runtimeConfig: {
  //   // public: {
  //   //   GQL_HOST: 'https://api.spacex.land/graphql' // overwritten by process.env.GQL_HOST
  //   // }
  // },
  ssr: false,
  devtools: { enabled: true },
  modules: [
    // '@nuxtjs/tailwindcss',
    '@invictus.codes/nuxt-vuetify',
    '@nuxtjs/i18n',
    // '@nuxtjs/apollo',
    'nuxt-icon',
    // '@nuxt/image',
    '@vite-pwa/nuxt',
    'vue-email/nuxt',
    'nuxt-mapbox',
    '@dargmuesli/nuxt-cookie-control',
    'nuxt-time',
    // '@nuxtjs/eslint-module', // ESLintConfig
    'nuxt-graphql-client',
  ],
  // apollo: {
  //   clients: {
  //     default: {
  //       httpEndpoint: 'https://api.spacex.land/graphql'
  //     }
  //   },
  // },
  // cookieControl: {
  //   // typed module options
  //   // Position of cookie bar.
  //   // 'top-left', 'top-right', 'top-full', 'bottom-left', 'bottom-right', 'bottom-full'
  //   barPosition: 'bottom-full',

  //   // Switch to toggle if clicking the overlay outside the configuration modal closes the modal.
  //   closeModalOnClickOutside: true,

  //   // Component colors.
  //   // If you want to disable colors set colors property to false.
  //   colors: {
  //     barBackground: '#000',
  //     barButtonBackground: '#fff',
  //     barButtonColor: '#000',
  //     barButtonHoverBackground: '#333',
  //     barButtonHoverColor: '#fff',
  //     barTextColor: '#fff',
  //     checkboxActiveBackground: '#000',
  //     checkboxActiveCircleBackground: '#fff',
  //     checkboxDisabledBackground: '#ddd',
  //     checkboxDisabledCircleBackground: '#fff',
  //     checkboxInactiveBackground: '#000',
  //     checkboxInactiveCircleBackground: '#fff',
  //     controlButtonBackground: '#fff',
  //     controlButtonHoverBackground: '#000',
  //     controlButtonIconColor: '#000',
  //     controlButtonIconHoverColor: '#fff',
  //     focusRingColor: '#808080',
  //     modalBackground: '#fff',
  //     modalButtonBackground: '#000',
  //     modalButtonColor: '#fff',
  //     modalButtonHoverBackground: '#333',
  //     modalButtonHoverColor: '#fff',
  //     modalOverlay: '#000',
  //     modalOverlayOpacity: 0.8,
  //     modalTextColor: '#000',
  //     modalUnsavedColor: '#fff',
  //   },

  //   // The cookies that are to be controlled.
  //   // See detailed explanation further down below!
  //   cookies: {
  //     necessary: [],
  //     optional: [],
  //   },

  //   // The milliseconds from now until expiry of the cookies that are being set by this module.
  //   cookieExpiryOffsetMs: 1000 * 60 * 60 * 24 * 365, // one year

  //   // Names for the cookies that are being set by this module.
  //   cookieNameIsConsentGiven: 'ncc_c',
  //   cookieNameCookiesEnabledIds: 'ncc_e',

  //   // Options to pass to nuxt's useCookie
  //   cookieOptions: {
  //     path: '/',
  //   },

  //   // Switch to toggle the "accept necessary" button.
  //   isAcceptNecessaryButtonEnabled: true,

  //   // Switch to toggle the button that opens the configuration modal.
  //   isControlButtonEnabled: true,

  //   // Switch to toggle the concatenation of target cookie ids to the cookie description.
  //   isCookieIdVisible: false,

  //   // Switch to toggle the inclusion of this module's css.
  //   // If css is set to false, you will still be able to access your color variables.
  //   isCssEnabled: true,

  //   // Switch to toggle the css variables ponyfill.
  //   isCssPonyfillEnabled: false,

  //   // Switch to toggle the separation of cookie name and description in the configuration modal by a dash.
  //   isDashInDescriptionEnabled: true,

  //   // Switch to toggle the blocking of iframes.
  //   // This can be used to prevent iframes from adding additional cookies.
  //   isIframeBlocked: false,

  //   // Switch to toggle the modal being shown right away, requiring a user's decision.
  //   isModalForced: false,

  //   // The locales to include.
  //   locales: ['en'],

  //   // Translations to override.
  //   localeTexts: {
  //     en: {
  //       save: 'Remember',
  //     }
  //   }
  // },
  // eslint: {
  //   /* module options */
  // },
  // mapbox: {
  //   accessToken: '{API_KEY}'
  // },
  // pwa: {
  //   /* PWA options */
  // },
  // vuetify: {
  //   /* vuetify options */
  //   // vuetifyOptions: {
  //   //   // @TODO: list all vuetify options
  //   // },

  //   moduleOptions: {
  //     /* nuxt-vuetify module options */
  //     treeshaking: true,
  //     useIconCDN: false,

  //     /* vite-plugin-vuetify options */
  //     styles: 'sass',
  //     autoImport: true,
  //     useVuetifyLabs: true, 
  //   }
  // }
})