initial

api/endpoints/getProductList.ts

@@ -0,0 +1,4 @@
+import api from '~/api/instance'
+
+export const getProductList = () =>
+  api.wp.v2ProductList()

api/endpoints/index.ts

@@ -0,0 +1 @@
+export * from './getProductList'

api/instance.ts

@@ -0,0 +1,14 @@
+import { Api } from '~/api/Api'
+
+const api = new Api({
+  baseUrl: String('https://wp.koptilnya.xyz/wp-json'),
+})
+
+const nativeRequest = api.request
+
+api.request = async function (...args) {
+  const response = await nativeRequest.call(api, ...args)
+  return await response.json()
+}
+
+export default api

api/queries/index.ts

@@ -0,0 +1 @@
+export * from './useGetProductList'

api/queries/useGetProductList.ts

@@ -0,0 +1,9 @@
+import { useQuery } from '@tanstack/vue-query'
+import { getProductList } from '~/api/endpoints'
+
+export const useGetProductList = () => {
+  return useQuery({
+    queryKey: ['get-product-list'],
+    queryFn: () => getProductList(),
+  })
+}

api/useGetProduct.ts

@@ -0,0 +1,14 @@
+import { useAsyncData } from '#app'
+
+export function useGetProducts() {
+  return useAsyncData(
+    'products',
+    async () => {
+      const response = await $fetch('https://wp.koptilnya.xyz/wp-json/wp/v2/product')
+      return response
+    },
+    {
+      server: false,
+    },
+  )
+}