// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    compatibilityDate: "2024-11-01",
    ssr: true,
    devtools: { enabled: true },
    css: [
        "~/assets/css/tailwind.css",
        "swiper/css",
        "animate.css/animate.min.css",
    ],

    routeRules: {
        "/products": { prerender: false, ssr: false },
        "/profile": { prerender: false, ssr: false },
        "/profile/**": { prerender: false, ssr: false },
    },

    app: {
        head: {
            title: "فروشگاه هی ملز",
        },
        pageTransition: {
            name: "fade",
            mode: "out-in",
        },
        layoutTransition: {
            name: "fade",
            mode: "out-in",
        },
    },

    postcss: {
        plugins: {
            "@tailwindcss/postcss": {},
            autoprefixer: {},
        },
    },

    components: [
        {
            path: "~/components",
            pathPrefix: false,
        },
    ],

    icon: {
        mode: "svg",
        customCollections: [
            {
                prefix: "ci",
                dir: "./public/icons",
            },
        ],
    },

    modules: [
        [
            "@nuxtjs/google-fonts",
            {
                families: {
                    "DM Sans": "100..900",
                    Inter: "100..900",
                    download: true,
                    inject: false,
                },
            },
        ],
        "@nuxt/icon",
        "reka-ui/nuxt",
        "@vueuse/nuxt",
        "@formkit/auto-animate/nuxt",
        "@vite-pwa/nuxt",
        "@nuxt/image",
    ],

    pwa: {
        strategies: "injectManifest",
        srcDir: "public",
        filename: "sw.js",
        registerType:
            process.env.NODE_ENV === "production" ? "autoUpdate" : "prompt",
        manifest: {
            name: "Heymlz",
            short_name: "Heymlz",
            theme_color: "#ffffff",
            icons: [
                {
                    src: "/logo/logo-192x192.png",
                    sizes: "192x192",
                    type: "image/png",
                },
                {
                    src: "/logo/logo-512x512.png",
                    sizes: "512x512",
                    type: "image/png",
                },
            ],
        },
        workbox: {
            navigateFallback: "/",
            clientsClaim: true,
            skipWaiting: true,
        },
        devOptions: {
            enabled: process.env.NODE_ENV === "production",
            type: "module",
        },
    },

    typescript: {
        typeCheck: false,
    },

    image: {
        quality: 65,
    },

    runtimeConfig: {
        public: {
            API_BASE_URL: process.env.API_BASE_URL,
            DEBUG: process.env.DEBUG,
        },
    },
});