product-card

api/endpoints/getProductsList.ts

@@ -0,0 +1,4 @@
+import api from '~/api/instance'
+
+export const getProductsList = async () =>
+  await api.wc.v3ProductsList()

api/endpoints/index.ts

@@ -1,2 +1,3 @@
 export * from './getProductsDetail'
+export * from './getProductsList'
 export * from './getProductsVariationsList'

api/queries/index.ts

@@ -1,2 +1,3 @@
 export * from './useGetProductsDetail'
+export * from './useGetProductsList'
 export * from './useGetProductsVariationsList'

api/queries/useGetProductsList.ts

@@ -0,0 +1,10 @@
+import { useQuery } from '@tanstack/vue-query'
+import { getProductsList } from '~/api/endpoints/getProductsList'
+
+export const useGetProductsList = () => {
+  return useQuery({
+    queryKey: ['get-products-list'],
+    queryFn: () => getProductsList(),
+    staleTime: Infinity,
+  })
+}