new UI and handle cashing

src/utils/index.ts

@@ -1,4 +1,4 @@
-import { tokenName } from '@/themeConfig'
+import { getTokenName } from '@/themeConfig'
 
 import { ref } from 'vue'
 import {useConfigStore} from "@/store/configStore";
@@ -11,7 +11,7 @@ const nameProject= getConfigApp('name')
 
 
 function setToken(token: string | undefined) {
-  return localStorage.setItem(tokenName, token)
+  return localStorage.setItem(getTokenName(), token)
 }
 
 function setFingerPrint(val: string | undefined) {
@@ -19,7 +19,7 @@ function setFingerPrint(val: string | undefined) {
 }
 
 function getToken() {
-  return localStorage.getItem(tokenName)
+  return localStorage.getItem(getTokenName())
 }
 
 function getIsActiveFingerprint() {
@@ -78,7 +78,7 @@ export async function authenticateWithFingerprint() {
 
 
 function removeToken() {
-  return localStorage.removeItem(tokenName)
+  return localStorage.removeItem(getTokenName())
 }
 
 function removeFingerPrint() {