Logout after changing user information

src/components/UserInfo/Basic.vue

@@ -32,8 +32,8 @@ import { reactive } from "vue";
 import { useLoginStore } from "../../store/loginStore";
 import { useI18n } from "vue-i18n";
 import { throwError } from "../Error";
+import { logout } from "./common";
 import axios from "axios";
-import router from "../../router";
 
 const loginStore = useLoginStore();
 const { t } = useI18n();
@@ -69,7 +69,7 @@ function saveUserInfo(): void {
     })
     .then(() => {
       ElMessage.success(t("userInfo.basic.successPrompt"));
-      router.push("/");
+      logout();
     })
     .catch((error) => {
       throwError(error, "userInfo.basic.errPrompt", t);

src/components/UserInfo/ChangeAvatar.vue

@@ -30,8 +30,8 @@ import { VueCropper } from "vue-cropper";
 import { useLoginStore } from "../../store/loginStore";
 import { useI18n } from "vue-i18n";
 import { throwError } from "../Error";
+import { logout } from "./common";
 import axios from "axios";
-import router from "../../router";
 import "vue-cropper/dist/index.css";
 
 const loginStore = useLoginStore();
@@ -89,7 +89,7 @@ function saveAvatar(): void {
     )
     .then(() => {
       ElMessage.success(t("userInfo.avatar.successPrompt"));
-      router.push("/");
+      logout();
     })
     .catch((error) => {
       throwError(error, "userInfo.avatar.errPrompt", t);

src/components/UserInfo/ChangePwd.vue

@@ -36,9 +36,9 @@ import { reactive } from "vue";
 import { useI18n } from "vue-i18n";
 import { useLoginStore } from "../../store/loginStore";
 import { throwError } from "../Error";
+import { logout } from "./common";
 import sha3 from "crypto-js/sha3";
 import axios from "axios";
-import router from "../../router";
 
 const form = reactive({
   originalPwd: "",
@@ -86,7 +86,7 @@ function savePasswd(): void {
     })
     .then(() => {
       ElMessage.success(t("userinfo.changePwd.successPrompt"));
-      router.push("/");
+      logout();
     })
     .catch((error) => {
       throwError(error, "userinfo.changePwd.errorPrompt", t);

src/components/UserInfo/DeleteUser.vue

@@ -32,9 +32,9 @@ import { reactive } from "vue";
 import { useLoginStore } from "../../store/loginStore";
 import { useI18n } from "vue-i18n";
 import { throwError } from "../Error";
+import { logout } from "./common";
 import axios from "axios";
 import sha3 from "crypto-js/sha3";
-import router from "../../router";
 
 const form = reactive({
   passwd1: "",
@@ -75,7 +75,7 @@ function deleteUser(): void {
         .delete(`/api/users/${loginStore.userVo?.id}`)
         .then(() => {
           ElMessage.success(t("userInfo.delete.successPrompt"));
-          router.push("/");
+          logout();
         })
         .catch((error) => {
           throwError(error, "userInfo.delete.errPrompt", t);

src/components/UserInfo/common.ts

@@ -0,0 +1,12 @@
+import { useLoginStore } from "../../store/loginStore";
+import router from "../../router";
+
+const loginStore = useLoginStore();
+
+export function logout(): void {
+  loginStore.userVo = null;
+  loginStore.password = "";
+  loginStore.avatar = "";
+  localStorage.removeItem("satoken");
+  router.push("/");
+}