nuxt.config.ts

import path from 'node:path'
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'

const lifecycle = process.env.npm_lifecycle_event

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  modules: ['@nuxtjs/tailwindcss', '@element-plus/nuxt',
    ['@pinia/nuxt', {
      autoImports: [
      // automatically imports `defineStore`
        'defineStore', // import { defineStore } from 'pinia'
        // automatically imports `defineStore` as `definePiniaStore`
        ['defineStore', 'definePiniaStore'], // import { defineStore as definePiniaStore } from 'pinia'
      ],
    }]],
  build: {
    transpile: lifecycle === 'build' ? ['element-plus'] : [],
  },
  hooks: {
    'pages:extend': function (routes) {
      routes.push({
        path: '/home',
        name: 'home',
        file: '~/pages/index.vue',
      })
    },
  },
  css: [
    '@/assets/css/common.css',
    '@/assets/scss/element.scss',
  ],
  components: true,
  vite: {
    plugins: [
      createSvgIconsPlugin({
        iconDirs: [path.resolve(process.cwd(), 'assets/svg')],
      }),
    ],
    build: {
      chunkSizeWarningLimit: 4096,
      rollupOptions: {
        output: {},
      },
    },
    // css: {
    //   preprocessorOptions: {
    //     scss: {
    //       additionalData: '@import "~/assets/scss/variables.scss";',
    //     },
    //   },
    // },
  },
  runtimeConfig: {
    public: {
      baseUrl: process.env.NUXT_PUBLIC_BASE_URL,
      serviceUrl: process.env.NUXT_PUBLIC_SERVICE_URL,
    },
  },
})