merge

frontend/composables/api/blog/useGetArticle.ts

@@ -2,6 +2,7 @@
 
 import { useQuery } from "@tanstack/vue-query";
 import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";
+import { sanitize } from "isomorphic-dompurify";
 
 // types
 
@@ -22,7 +23,15 @@ const useGetArticle = (id: number | string | undefined) => {
 
     return useQuery({
         queryKey: [QUERY_KEYS.article, id],
-        queryFn: () => handleGetArticle()
+        queryFn: () => handleGetArticle(),
+        select: (article) => {
+            const copyOfArticle = { ...article };
+
+            copyOfArticle.summery = sanitize(copyOfArticle.summery);
+            copyOfArticle.content = sanitize(copyOfArticle.content);
+
+            return copyOfArticle;
+        }
     });
 };
 

frontend/composables/api/product/useGetProduct.ts

@@ -2,6 +2,7 @@
 
 import { useQuery } from "@tanstack/vue-query";
 import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";
+import { sanitize } from "isomorphic-dompurify";
 
 // types
 
@@ -26,6 +27,8 @@ const useGetProduct = (id: string | number | undefined) => {
         select: (product) => {
             const copyOfProduct = { ...product };
 
+            copyOfProduct.description = sanitize(copyOfProduct.description);
+
             copyOfProduct.variants = copyOfProduct.variants.sort((a, b) => b.in_stock - a.in_stock);
 
             return copyOfProduct;