nuxt.config.ts

import { AntDesignVueResolver } from "unplugin-vue-components/resolvers";
import Components from "unplugin-vue-components/vite";
export default defineNuxtConfig({
  ssr: false,
  css: ["@/assets/scss/main.scss"],
  vite: {
    css: {
      preprocessorOptions: {
        less: {
          javascriptEnabled: true,
        },
      },
    },
    plugins: [
      Components({
        // add option {resolveIcons: true} as parameter for resolving problem with icons
        resolvers: [AntDesignVueResolver({ resolveIcons: true, importStyle: false })],
      }),
    ],
  },
  runtimeConfig: {
    public: {
      API: process.env.API,
      API_SERVERS: '/servers',
    },
  },
  modules: ["@pinia/nuxt", "@nuxtjs/i18n"],
  pinia: {
    autoImports: [
      // automatically imports `defineStore`
      "defineStore", // import { defineStore } from 'pinia'
      ["defineStore", "definePiniaStore"], // import { defineStore as definePiniaStore } from 'pinia'
    ],
  },
  i18n: {
    locales: ["en", "fr"],
    defaultLocale: "en",
    dynamicRouteParams: true,
    strategy: "prefix",
    baseUrl: "en",
    vueI18n: './locales/i18n.config.ts'
  },
});