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',
        "@nuxtjs/google-fonts",
        'nuxt-lucide-icons',
        '@pinia/nuxt',
        '@pinia-plugin-persistedstate/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: import.meta.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',
})