From bcb00dbe65da7357d2257ae7f8ae06ef4835099f Mon Sep 17 00:00:00 2001
From: "s.esmaeili" <s.esmaeili@feep.ir>
Date: Sat, 24 Oct 2026 00:51:53 +0330
Subject: [PATCH] fix(web): resolve preloader freeze, dayjs ESM resolution, and
 missing icons

---
 apps/web/app/components/sections/Products.vue |  1 +
 apps/web/nuxt.config.ts                       | 30 +++++++++++++++++--
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/components/sections/Products.vue b/apps/web/app/components/sections/Products.vue
index c68a2c5..29dc0e3 100644
--- a/apps/web/app/components/sections/Products.vue
+++ b/apps/web/app/components/sections/Products.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { ArrowLeft, ArrowRight } from "lucide-vue-next";
 import DynamicIcon from "~/components/ui/DynamicIcon.vue";
 import Reveal from "~/components/ui/Reveal.vue";
 import SectionHead from "~/components/ui/SectionHead.vue";
diff --git a/apps/web/nuxt.config.ts b/apps/web/nuxt.config.ts
index f6ba85b..aaa5c62 100644
--- a/apps/web/nuxt.config.ts
+++ b/apps/web/nuxt.config.ts
@@ -11,6 +11,17 @@ export default defineNuxtConfig({
   modules: ["@pinia/nuxt"],
   css: ["~/assets/css/main.css", "~/assets/css/antd-overrides.css"],
 
+  alias: {
+    "dayjs/plugin/advancedFormat": "dayjs/esm/plugin/advancedFormat/index.js",
+    "dayjs/plugin/customParseFormat": "dayjs/esm/plugin/customParseFormat/index.js",
+    "dayjs/plugin/localeData": "dayjs/esm/plugin/localeData/index.js",
+    "dayjs/plugin/quarterOfYear": "dayjs/esm/plugin/quarterOfYear/index.js",
+    "dayjs/plugin/weekOfYear": "dayjs/esm/plugin/weekOfYear/index.js",
+    "dayjs/plugin/weekYear": "dayjs/esm/plugin/weekYear/index.js",
+    "dayjs/plugin/weekday": "dayjs/esm/plugin/weekday/index.js",
+    dayjs: "dayjs/esm/index.js",
+  },
+
   app: {
     head: {
       htmlAttrs: { lang: siteConfig.lang, dir: siteConfig.dir },
@@ -73,12 +84,27 @@ export default defineNuxtConfig({
   },
 
   build: {
-    transpile: ["ant-design-vue", "@ant-design/icons-vue", "@ctrl/tinycolor"],
+    transpile: ["ant-design-vue", "@ant-design/icons-vue", "@ctrl/tinycolor", "dayjs"],
   },
 
   vite: {
     plugins: [tailwindcss()],
-    ssr: { noExternal: ["ant-design-vue", "@ant-design/icons-vue", "@ctrl/tinycolor"] },
+    optimizeDeps: {
+      include: [
+        "ant-design-vue",
+        "@ant-design/icons-vue",
+        "@ctrl/tinycolor",
+        "dayjs",
+        "dayjs/plugin/advancedFormat",
+        "dayjs/plugin/customParseFormat",
+        "dayjs/plugin/localeData",
+        "dayjs/plugin/quarterOfYear",
+        "dayjs/plugin/weekOfYear",
+        "dayjs/plugin/weekYear",
+        "dayjs/plugin/weekday",
+      ],
+    },
+    ssr: { noExternal: ["ant-design-vue", "@ant-design/icons-vue", "@ctrl/tinycolor", "dayjs"] },
   },
 
   typescript: { strict: true },