src/App.vue

@@ -62,6 +62,7 @@ export default defineComponent({
       this.username = "";
       this.password = "";
       this.mainStore.$reset();
+      apiTokenGrant(import.meta.env.VITE_CLIENTID, null, null)
     },
     getSongs():void{
       apiGet("/song").then((response: AxiosResponse<Song[]>) => {

src/components/ApiService.ts

@@ -12,6 +12,7 @@ export async function apiGet(path: string): Promise<AxiosResponse> {
     } catch (err) {
         if (err instanceof AxiosError && err.response?.status === 401) {
             mainStore.$reset();
+            await apiTokenGrant(import.meta.env.VITE_CLIENTID, null, null)
         }
         throw err;
     }
@@ -27,6 +28,7 @@ export async function apiPost(path: string, data: object): Promise<AxiosResponse
     } catch (err) {
         if (err instanceof AxiosError && err.response?.status === 401) {
             mainStore.$reset();
+            await apiTokenGrant(import.meta.env.VITE_CLIENTID, null, null)
         }
         throw err;
     }
@@ -69,6 +71,7 @@ export async function apiRefreshTokenGrant(refresh_token: string): Promise<void>
     } catch (err) {
         if (err instanceof AxiosError && err.response?.status === 401) {
             mainStore.$reset();
+            await apiTokenGrant(import.meta.env.VITE_CLIENTID, null, null)
         }
         throw err;
     }