diff --git a/frontend/pages/product/[id].vue b/frontend/pages/product/[id].vue
index 6ac127b..52e32e3 100644
--- a/frontend/pages/product/[id].vue
+++ b/frontend/pages/product/[id].vue
@@ -2,23 +2,27 @@
import ChatButton from "~/components/product/ChatBox/ChatButton.vue";
import useGetProduct from "~/composables/api/product/useGetProduct";
+import useGetComments from "~/composables/api/product/useGetComments";
const route = useRoute();
const id = route.params.id as string | undefined;
+const page = ref(1);
-const { suspense } = useGetProduct(id);
+const { suspense : suspenseProduct } = useGetProduct(id);
+const { suspense : suspenseComments} = useGetComments(id, page);
// ssr
await useAsyncData(async () => {
- const response = await suspense();
+ const productResponse = await suspenseProduct();
+ const commentsResponse = await suspenseComments();
- if (response.isError) {
+ if (productResponse.isError || commentsResponse.isError) {
throw createError({
statusCode: 404,
- statusMessage: `error : ${response.error.message}`,
- })
+ statusMessage: `error : product ${id} prefetch error`
+ });
}
});
@@ -30,7 +34,7 @@ await useAsyncData(async () => {
-
+