feat: add tokenExpiredTime

src/runtime/composables/local/use-auth-state.ts

@@ -39,6 +39,8 @@ export const useAuthState = (): UseAuthStateReturn => {
 
   const setToken = (value: string | null) => {
     rawToken.value = value
+    commonAuthState.tokenExpiredTime.value =
+      value === null ? null : new Date(new Date().getTime() + config.token.maxAgeInSeconds * 1000)
   }
 
   const clearToken = () => {

src/runtime/composables/refresh/use-auth.ts

@@ -14,16 +14,12 @@ import { navigateTo, useRuntimeConfig } from '#imports'
 const getSession: ReturnType<typeof useLocalAuth>['getSession'] = async (
   getSessionOptions = {},
 ) => {
-  const config = useTypedConfig(useRuntimeConfig(), 'refresh')
-
-  const { token, refreshToken, lastRefreshedAt } = useAuthState()
-
+  const { token, tokenExpiredTime, refreshToken } = useAuthState()
   if (!token.value && !getSessionOptions.force) {
     return
   }
-  if (token.value && refreshToken.value && lastRefreshedAt && lastRefreshedAt.value) {
-    const isTokenExpired =
-      new Date().getTime() - lastRefreshedAt.value.getTime() > config.token.maxAgeInSeconds * 1000
+  if (token.value && refreshToken.value && tokenExpiredTime && tokenExpiredTime.value) {
+    const isTokenExpired = new Date().getTime() - tokenExpiredTime.value.getTime() > 0
     if (isTokenExpired) {
       await refresh({ refreshToken: refreshToken.value })
       return

src/runtime/composables/use-common-auth-state.ts

@@ -8,6 +8,7 @@ type UseCommonAuthStateReturn<T> = {
   data: Ref<T | null>
   lastRefreshedAt: Ref<Date | null>
   status: ComputedRef<SessionStatus>
+  tokenExpiredTime: Ref<Date | null>
 }
 
 /**
@@ -45,10 +46,15 @@ export const useCommonAuthState = <T = any>(): UseCommonAuthStateReturn<T> => {
     return 'unauthenticated'
   })
 
+  const tokenExpiredTime = useState('auth:token-expired-at', () => {
+    return null
+  })
+
   return {
     data,
     lastRefreshedAt,
     loading,
     status,
+    tokenExpiredTime,
   }
 }