Update request headers and authorization handling

composables/useFetchRequest.ts

@@ -4,16 +4,14 @@ import { isArray } from '~/utils/utils'
 
 const useServerRequest = async <T>(url: string, opts?: UseFetchOptions<T, unknown>) => {
   const token = useToken()
-  const user = useUserInfo()
   const runtimeConfig = useRuntimeConfig()
 
   const defaultOptions: UseFetchOptions<unknown> = {
     baseURL: runtimeConfig.public.apiBase,
     onRequest({ options }) {
-      options.headers = options.headers || 'application/json'
+      options.headers = options.headers || {}
       if (token.value) {
-        // @ts-ignore
-        options.headers['authorization'] = 'Bearer ' + token.value
+        options.headers.set('Authorization', `Bearer ${token.value}`)
       }
     },
     onResponse({ response }) {