create ticket add vueuse

Author: RICHARD-Quentin

app/src/composables/useApiFetch.ts

@@ -35,6 +35,13 @@ export function useApiFetch<P extends AllPaths<Paths>, M extends IgnoreCase<keyo
   body?: Paths[`/${P}`][Lowercase<M>]['requestBody']['content']['application/json'],
 ): /* @ts-ignore */
   AsyncData<OpenApiResponse<Paths[`/${P}`][Lowercase<M>]> | undefined, FetchError<OpenApiError<Paths[`/${P}`][Lowercase<M>]>>> {
+  if(!body){
+    return useApiData(path, {
+      ...opts,
+      cache: false,
+      client: true,
+    } as any)
+  } 
   return useApiData(path, {
     ...opts,
     cache: false,
@@ -45,3 +52,4 @@ export function useApiFetch<P extends AllPaths<Paths>, M extends IgnoreCase<keyo
     }
   } as any)
 }
+

app/src/pages/index.vue

@@ -1,3 +1,4 @@
+
 <template lang='pug'>
 div
   tk-hook(name="accueil" :data='{exemple: 1}' debug)
@@ -8,5 +9,7 @@ div
 </template>
 
 <script lang='ts' setup>
+import { definePageMeta, useAuth } from '#imports'
 const { signIn, signOut, session, status, cookies, getProviders, user, sessionToken } = useAuth()
+
 </script>

app/src/pages/login.vue

@@ -1,8 +1,9 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { definePageMeta, useAuth } from '#imports'
-
+import { useMouse } from '@vueuse/core'
 const { signIn, token, data, status, lastRefreshedAt } = useAuth()
+const { x, y } = useMouse()
 
 const username = ref('')
 const password = ref('')
@@ -21,6 +22,7 @@ definePageMeta({
 <template>
   <div>
     <h1>Login Page</h1>
+    <pre>Mouse position: {{ x }}, {{ y }}</pre>
     <pre>Status: {{ status }}</pre>
     <pre>Data: {{ data || 'no session data present, are you logged in?' }}</pre>
     <pre>Last refreshed at: {{ lastRefreshedAt || 'no refresh happened' }}</pre>

app/src/pages/tickets.vue

@@ -0,0 +1,17 @@
+
+<template lang="pug">
+div
+    q-btn(@click="refresh") refresh
+    span Tickets
+    div {{ data?.data }}
+    div {{ pending }}
+    div.text-error {{ error }}
+    
+</template>
+
+<script lang="ts" setup>
+import { useApiFetch } from "../composables/useApiFetch";
+
+const { data, pending, error, refresh } = useApiFetch('tickets/ticket')
+
+</script>