LoongPanel-Asp/web/nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'


export default defineNuxtConfig({
  devtools: {enabled: true},
  ssr: false,
  modules: [
      '@nuxtjs/color-mode',
      '@hypernym/nuxt-gsap',
      "@nuxt/image",
      "@nuxtjs/google-fonts",
      'nuxt-lucide-icons',
      '@pinia/nuxt',
      '@pinia-plugin-persistedstate/nuxt',
      "@vite-pwa/nuxt",
      "@vueuse/nuxt",
      "nuxtjs-naive-ui"
  ],
    vite: {
        plugins: [
            AutoImport({
                imports: [
                    {
                        'naive-ui': [
                            'useDialog',
                            'useMessage',
                            'useNotification',
                            'useLoadingBar'
                        ]
                    }
                ]
            }),
            Components({
                resolvers: [NaiveUiResolver()]
            })
        ]
    },
  pwa: {
      manifest: {
          name: "pwa nuxt 3",
          short_name: "pwa nuxt",
          theme_color: '#FFFFFF',
          description: "Arman Abi r.man.abi@gmail.com",
          icons: [{
              src: '/pwa-192x192.png', sizes: "192x192", type: "image/png"
          },]


      }, workbox: {
          navigateFallback: "/SignIn",

      }, devOptions: {
          enabled: true, type: "module"
      }

  },

  gsap: {
      autoImport: true,
      extraPlugins: {
          text: true
      }
  },

  css: ['assets/min.scss', 'vue-toastification/dist/index.css'],

  devServer: {
      port: 3001, 
      // host: '0.0.0.0',
      // https: {
      //     key: "./localhost+3-key.pem",
      //     cert: "./localhost+3.pem",
      // }
  },

  plugins: [
      {src: '~/plugins/vue-toast.ts'},
      {src: '~/plugins/apexcharts.ts'},
  ],

  runtimeConfig: {
      baseUrl: '', public: {
          apiBase: '/Api', baseUrl: process.env.NUXT_API_URL
      }
  },

  googleFonts: {
      families: {
          Roboto: true, 'Josefin+Sans': true, Lato: [100, 300], Raleway: {
              wght: [100, 400], ital: [100]
          }, Inter: '200..700', 'Crimson Pro': {
              wght: '200..900', ital: '200..700',
          }, 'Noto Sans SC': {
              wght: '200..900', ital: '200..700'
          }
      }
  },

  compatibilityDate: '2024-07-21',
})