update 13/01

src/lib/slug/resolveArticlePage.ts

@@ -1,5 +1,5 @@
 // src/lib/articlePage.ts
-import { categories } from "../data/categories";
+import { categories } from "../../data/categories";
 
 export type ArticleResult =
     | { type: "article_home"; data: any }

src/lib/slug/resolveProductPage.ts

@@ -1,6 +1,6 @@
 // hoanghapc/src/lib/productPage.ts
-import { categories } from "../data/categories";
-import { productList } from "../data/product-list";
+import { categories } from "../../data/categories";
+import { productList } from "../../data/product-list";
 
 export type ProductResult =
     | { type: "product_category"; data: any }

src/lib/useFancyBox.ts

@@ -0,0 +1,15 @@
+import { useState, useEffect } from "react";
+import { type FancyboxOptions, Fancybox } from "@fancyapps/ui/dist/fancybox/";
+
+export default function useFancybox(options: Partial<FancyboxOptions> = {}) {
+    const [root, setRoot] = useState<HTMLElement | null>(null);
+
+    useEffect(() => {
+        if (root) {
+            Fancybox.bind(root, "[data-fancybox]", options);
+            return () => Fancybox.unbind(root);
+        }
+    }, [root, options]);
+
+    return [setRoot];
+}