Prefetch product data on ssrz

2025-01-13 21:12:37 +03:30
parent 895795d279
commit a1503d301c
1 changed files with 21 additions and 1 deletions
@@ -1,5 +1,25 @@
 <script lang="ts" setup>
+
 import ChatButton from "~/components/product/ChatBox/ChatButton.vue";
+import useGetProduct from "~/composables/api/product/useGetProduct";
+
+const route = useRoute();
+
+const id = route.params.id as string | undefined;
+
+const { suspense } = useGetProduct(id);
+
+onServerPrefetch(async () => {
+    const response = await suspense();
+
+    if (response.isError) {
+        throw createError({
+            statusCode: 404,
+            statusMessage: `error : ${response.error.message}`,
+        })
+    }
+});
+
 </script>

 <template>
@@ -8,7 +28,7 @@ import ChatButton from "~/components/product/ChatBox/ChatButton.vue";
        <ProductVideo />
        <ProductComments />
        <ProductDetails />
-        <RelatedProducts title="محصولات مشابه" />
+        <ProductsSlider title="محصولات مشابه" />
        <ChatButton />
    </div>
 </template>