added use get all tickets

frontend/composables/api/tickets/useGetAllTickets.ts

@@ -0,0 +1,44 @@
+// imports
+
+import { useQuery } from "@tanstack/vue-query";
+import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";
+
+// types
+
+export type GetAllTicketsResponse = ApiPaginated<Ticket>;
+
+export type GetAllTicketsFilters = {
+    sort: string | undefined;
+    filter: string | undefined;
+    page: string | string[];
+};
+
+const useGetAllTickets = (params: Ref<GetAllTicketsFilters>) => {
+    // state
+
+    const { $axios: axios } = useNuxtApp();
+
+    // methods
+
+    const handleGetAllTickets = async (params: GetAllTicketsFilters) => {
+        const { data } = await axios.get<GetAllTicketsResponse>(
+            API_ENDPOINTS.tickets.get_all,
+            {
+                params: {
+                    sort: params.sort,
+                    filter: params.filter,
+                    offset: Number(params.page) * 10 - 10,
+                    limit: 10,
+                },
+            }
+        );
+        return data;
+    };
+
+    return useQuery({
+        queryKey: [QUERY_KEYS.tickets, params],
+        queryFn: () => handleGetAllTickets(params.value),
+    });
+};
+
+export default useGetAllTickets;