nuxt.config.ts

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

export default defineNuxtConfig({
  modules: [
    '@nuxtjs/eslint-module',
    '@nuxt/image',
    (_options, nuxt) => {
      nuxt.hooks.hook('vite:extendConfig', (config) => {
        // @ts-expect-error
        config.plugins.push(vuetify({ autoImport: true }))
      })
    },
  ],

  image: {
    format: ['webp'],
  },

  runtimeConfig: {
    public: {
      apiBase: process.env.NUXT_PUBLIC_API_BASE || '',
      apiToken: process.env.NUXT_PUBLIC_API_TOKEN || '',
      siteUrl: 'https://campanha.softagon.app',
      siteName: 'Construção Chapa Eleitoral - Softagon Sistemas',
      googleapis: process.env.GOOGLE_API_KEY || '',
      googlecx: process.env.GOOGLE_CX || '',
    },
  },

  imports: {
    dirs: ['types/*.ts', 'store/*.ts', 'types/**/*.ts'],
  },

  build: {
    transpile: ['vuetify'],
  },

  vite: {
    vue: {
      template: {
        transformAssetUrls,
      },
    },
  },

  compatibilityDate: '2024-09-06',
})