from v1 to v3

api/endpoints/getProductsDetail.ts

@@ -1,4 +1,4 @@
 import api from '~/api/instance'
 
 export const getProductsDetail = async (productId: number) =>
-  await api.wc.v1ProductsDetail(productId)
+  await api.wc.v3ProductsDetail(productId)

api/endpoints/getProductsVariationsList.ts

@@ -0,0 +1,4 @@
+import api from '~/api/instance'
+
+export const getProductsVariationsList = async (productId: number) =>
+  await api.wc.v3ProductsVariationsList(productId)

api/endpoints/index.ts

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

api/queries/index.ts

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

api/queries/useGetProductsVariationsList.ts

@@ -0,0 +1,10 @@
+import { useQuery } from '@tanstack/vue-query'
+import { unref } from 'vue'
+import { getProductsVariationsList } from '~/api/endpoints'
+
+export const useGetProductsVariationsList = (productId: MaybeRef<number>) => {
+  return useQuery({
+    queryKey: ['get-products-variations-list', productId],
+    queryFn: () => getProductsVariationsList(unref(productId)),
+  })
+}