product-card

api/endpoints/orders/index.ts

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

api/endpoints/orders/postOrdersCreate.ts

@@ -0,0 +1,4 @@
+import api from '~/api/instance'
+
+export const postOrdersCreate = async (parent_id: number | undefined) =>
+  await api.wc.v3OrdersCreate({ parent_id })

api/mutations/index.ts

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

api/mutations/usePostOrdersCreate.ts

@@ -0,0 +1,19 @@
+import type { MaybeRef } from 'vue'
+import { useMutation, useQueryClient } from '@tanstack/vue-query'
+import { unref } from 'vue'
+import { postOrdersCreate } from '~/api/endpoints/orders'
+
+export const usePostOrdersCreate = () => {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: (params: { parent_id: MaybeRef<number | undefined> }) =>
+      postOrdersCreate(unref(params.parent_id)),
+
+    onSuccess: (data, variables) => {
+      queryClient.invalidateQueries({
+        queryKey: ['post-orders-create', unref(variables.parent_id)],
+      })
+    },
+  })
+}