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 () => { - +