init

api/queries/index.ts

@@ -0,0 +1,2 @@
+export * from './useGetPosts'
+export * from './useGetUsers'

api/queries/useGetPosts.ts

@@ -0,0 +1,10 @@
+import { useQuery } from '@tanstack/vue-query'
+import { getPosts } from '~/api/endpoints'
+
+export const useGetPosts = (search: MaybeRef<string>) => {
+  return useQuery<Posts>({
+    queryKey: ['get-posts', search],
+    queryFn: () => getPosts(unref(search)),
+    staleTime: Infinity,
+  })
+}

api/queries/useGetUsers.ts

@@ -0,0 +1,10 @@
+import { useQuery } from '@tanstack/vue-query'
+import { getUsers } from '~/api/endpoints'
+
+export const useGetUsers = () => {
+  return useQuery<Users>({
+    queryKey: ['get-users'],
+    queryFn: getUsers,
+    staleTime: Infinity,
+  })
+}