WIP

client/middleware/check-auth.global.js

@@ -1,5 +1,5 @@
 export default defineNuxtRouteMiddleware((to, from) => {
   const authStore = useAuthStore()
   authStore.loadTokenFromCookie()
-  useAuthStore().fetchUserIfNotFetched()
+  authStore.fetchUserIfNotFetched()
 })

client/plugins/fetch.js

@@ -2,8 +2,9 @@ import { ofetch } from 'ofetch'
 import {useAuthStore} from "~/stores/auth.js";
 
 function addAuthHeader(request, options) {
+  console.log('insidecookie', useRequestHeaders('cookie'))
   const authStore = useAuthStore()
-  if (authStore.check) {
+  if (authStore.token) {
     options.headers = { Authorization: `Bearer ${authStore.token}` }
     console.log('addidng auth',options)
   }
@@ -24,6 +25,8 @@ export default defineNuxtPlugin((_nuxtApp) => {
   globalThis.$fetch = ofetch.create({
     onRequest ({ request, options }) {
       // TODO: check that it's our own domain called
+      console.log(request)
+      options.headers = { accept: 'application/json', ...options.headers }
       addAuthHeader(request, options)
       addPasswordToFormRequest(request)
     },

client/stores/auth.js

@@ -1,5 +1,6 @@
 import {defineStore} from 'pinia'
 import axios from 'axios'
+import {useOpnFetch} from "~/composables/useOpnFetch.js";
 
 export const useAuthStore = defineStore('auth', {
   state: () => {
@@ -41,15 +42,18 @@ export const useAuthStore = defineStore('auth', {
     },
 
     async fetchUser() {
-      try {
-        const {data} = await axios.get('/api/user')
-        this.user = data
-        this.initServiceClients()
-
-        return data
-      } catch (e) {
+      useOpnFetch('/user').then(({data, error}) => {
+        console.log('fetch user', data,error)
+        if (error.value) {
+          console.error('Error fetching user', error.value)
           this.setToken(null)
         }
+
+        this.user = data.value
+        this.initServiceClients()
+
+        return this.user
+      })
     },
 
     async fetchUserIfNotFetched() {

client/stores/workspaces.js

@@ -71,8 +71,9 @@ export const useWorkspacesStore = defineStore('workspaces', {
     load() {
       this.set([])
       this.startLoading()
-      return useOpnFetch(workspaceEndpoint).then((response) => {
-        this.set(response.data)
+      return useOpnFetch(workspaceEndpoint,{server: false}).then(({data,error}) => {
+        console.log(data,error)
+        this.set(data)
         this.stopLoading()
       })
     },