🛂 Auth guard

components/UserMenu.vue

@@ -16,7 +16,7 @@
       <v-divider class="border-opacity-50 my-2" />
 
       <v-list-item title="Dashboard" prepend-icon="mdi-account-supervisor" exact to="/users/me" />
-      <v-list-item title="Sign out" prepend-icon="mdi-logout" @click="signout"></v-list-item>
+      <v-list-item title="Sign out" prepend-icon="mdi-logout" @click="signOut"></v-list-item>
     </v-list>
   </v-menu>
 </template>
@@ -24,7 +24,6 @@
 <script setup lang="ts">
 import { defaultUserinfo, useUserinfo } from "@/stores/userinfo"
 import { computed } from "vue"
-import Cookie from "universal-cookie"
 
 const config = useRuntimeConfig()
 
@@ -48,11 +47,10 @@ const avatar = computed(() => {
   return id.userinfo.data?.avatar ? `${config.public.solarNetworkApi}/cgi/files/attachments/${id.userinfo.data?.avatar}` : void 0
 })
 
-function signout() {
-  const ck = new Cookie()
-  ck.remove("__hydrogen_atk")
-  ck.remove("__hydrogen_rtk")
+function signOut() {
+  useCookie("__hydrogen_atk", { watch: "shallow" }).value = null
+  useCookie("__hydrogen_rtk", { watch: "shallow" }).value = null
   id.userinfo = defaultUserinfo
-  window.location.reload()
+  reloadNuxtApp()
 }
 </script>

components/account/AuthTicketTable.vue

@@ -130,7 +130,7 @@ async function readTickets({ page, itemsPerPage }: { page?: number; itemsPerPage
       offset: ((pagination.tickets.page - 1) * pagination.tickets.pageSize).toString(),
     }),
     {
-      headers: { Authorization: `Bearer ${getAtk()}` },
+      headers: { Authorization: `Bearer ${useAtk().value}` },
       credentials: "include",
     },
   )
@@ -156,7 +156,7 @@ async function readEvents({ page, itemsPerPage }: { page?: number; itemsPerPage?
       offset: ((pagination.events.page - 1) * pagination.events.pageSize).toString(),
     }),
     {
-      headers: { Authorization: `Bearer ${getAtk()}` },
+      headers: { Authorization: `Bearer ${useAtk().value}` },
       credentials: "include",
     },
   )
@@ -176,7 +176,7 @@ async function killTicket(item: any) {
   reverting.sessions = true
   const res = await fetch(`${config.public.solarNetworkApi}/cgi/auth/users/me/tickets/${item.id}`, {
     method: "DELETE",
-    headers: { Authorization: `Bearer ${getAtk()}` },
+    headers: { Authorization: `Bearer ${useAtk().value}` },
     credentials: "include",
   })
   if (res.status !== 200) {

components/auth/AuthenticateCompleted.vue

@@ -51,8 +51,6 @@ async function getToken(tk: string) {
     error.value = err
     throw new Error(err)
   } else {
-    const out = await res.json()
-    setTokenSet(out["access_token"], out["refresh_token"])
     error.value = null
   }
 }