tried fixing infinite loop

frontend/composables/api/blog/useGetArticle.ts

@@ -2,7 +2,7 @@
 
 import { useQuery } from "@tanstack/vue-query";
 import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";
-import { sanitize } from "isomorphic-dompurify";
+import sanitizeHtml from 'sanitize-html';
 
 // types
 
@@ -27,8 +27,8 @@ const useGetArticle = (id: number | string | undefined) => {
         select: (article) => {
             const copyOfArticle = { ...article };
 
-            copyOfArticle.summery = sanitize(copyOfArticle.summery);
-            copyOfArticle.content = sanitize(copyOfArticle.content);
+            copyOfArticle.summery = sanitizeHtml(copyOfArticle.summery);
+            copyOfArticle.content = sanitizeHtml(copyOfArticle.content);
 
             return copyOfArticle;
         }

frontend/composables/api/chat/useCreateChatMessage.ts

@@ -76,10 +76,9 @@ const useCreateChatMessage = (queryClient: QueryClient) => {
         onSuccess: (response) => {
             queryClient.setQueryData<InfiniteData<ApiPaginated<Chat>>>(
                 [QUERY_KEYS.chat],
-                (oldData) => {
+                (oldData : any) => {
                     if (oldData) {
-                        const lastPage =
-                            oldData!.pages[oldData!.pages.length - 1];
+                        const lastPage = oldData!.pages[oldData!.pages.length - 1];
 
                         return {
                             pages: [

frontend/composables/api/orders/useGetAllOrders.ts

@@ -14,6 +14,7 @@ export type GetAllOrdersRequest = {
 };
 
 const useGetAllOrders = (params: ComputedRef<GetAllOrdersRequest>) => {
+
     // state
 
     const { $axios: axios } = useNuxtApp();

frontend/composables/api/product/useGetProduct.ts

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

frontend/composables/global/useImageColor.ts

@@ -14,7 +14,7 @@ export const useImageColor = (img: string) => {
         try {
             const color = await fac.getColorAsync(imageEl);
             isPending.value = false;
-            colorObject.value = color;
+            colorObject.value = color
         } catch (e) {
             isPending.value = false;
         }