// 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",
    ],

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

    runtimeConfig: {
        public: {
            API_BASE_URL: "https://api.heymlz.com",
        },
    },
});