Update comment flow

frontend/composables/api/product/useCreateComment.ts

@@ -6,6 +6,7 @@ import { API_ENDPOINTS } from "~/constants";
 // types
 
 export type CreateCommentRequest = {
+    title : string,
     content: string;
 };
 

frontend/composables/api/product/useRateProduct.ts

@@ -0,0 +1,32 @@
+// imports
+
+import { useMutation } from "@tanstack/vue-query";
+import { API_ENDPOINTS } from "~/constants";
+
+// types
+
+export type RateProductRequest = {
+    rating: number;
+};
+
+const useRateProduct = (slug: string | undefined) => {
+    // state
+
+    const { $axios: axios } = useNuxtApp();
+
+    // methods
+
+    const handleRateProduct = async (variables: RateProductRequest) => {
+        const { data } = await axios.post(
+            `${API_ENDPOINTS.product.rate}/${slug}/rating/`,
+            variables
+        );
+        return data;
+    };
+
+    return useMutation({
+        mutationFn: (variables: RateProductRequest) => handleRateProduct(variables),
+    });
+};
+
+export default useRateProduct;