🚧 how do we duplicate this invalidate issue

client/lib/api.ts

@@ -65,14 +65,6 @@ export default class Api {
  constructor(config: AuthConfig) {
  this.config = { ...authConfigDefaults, ...config }
  }
-
- public async invalidate(): Promise<void> {
- this.token.value = undefined
- this.loggedIn.value = false
- Object.assign(this.$user, {})
- navigateTo(this.config.redirect.logout)
- }
-
  setNuxtApp(nuxtApp:NuxtApp) {
  this.nuxtApp = nuxtApp
  }
@@ -188,8 +180,8 @@ export default class Api {
  }
 
  public async toastError(error: any): Promise<any> {
- if (error.response?.status === 401)
-  return await this.invalidate()
+ if (error.response?.status === 401) {
+ }
 
  if (error.response?.status === 402 && this.config.paymentToast)
  return useToast().add(this.config.paymentToast)
@@ -224,11 +216,19 @@ export default class Api {
  }
  }
 
+ public async invalidate(): Promise<void> {
+ this.token.value = undefined
+ this.loggedIn.value = false
+ Object.assign(this.$user, {})
+ navigateTo(this.config.redirect.logout)
+ }
+
  public async logout(): Promise<void> {
  if (this.$echo)
  this.$echo.disconnect()
  const response = (await $fetch<api.MetApiResponse>('/logout', this.fetchOptions()))
  useToast().add({ icon: 'i-mdi-check-bold', color: 'green', title: response.data.message, timeout: 1 })
  await this.invalidate()
  }
+
 }