// 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 }
    },

    app: {
        head: {
            title: "فروشگاه هی ملز"
        },
        pageTransition: {
            enterActiveClass:
                "animate__animated animate__fadeIn animate__faster",
            leaveActiveClass:
                "animate__animated animate__fadeOut animate__faster",
            mode: "out-in"
        },
        layoutTransition: {
            enterActiveClass:
                "animate__animated animate__fadeIn animate__faster",
            leaveActiveClass:
                "animate__animated animate__fadeOut animate__faster",
            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",
        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: true, type: "module" }
    },

    typescript: {
        typeCheck: false
    },

    image: {
        quality : 65
    },

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