<template>
  <div class="page">
    <h-navbar title="Setting" />
    <div class="page-body">
      <h-cell title="Alterar senha" @click="changePassword"></h-cell>
      <!-- <h-cell title="退出登录" @click="loginout"></h-cell> -->
    </div>
  </div>
</template>
              
<script setup lang="ts">
import { inject } from "vue";
import { useUserStore } from "@/stores/modules/user";
import { useRouter } from "vue-router";
const socket: any = inject("socket");
const userStore = useUserStore();
const router = useRouter();
const changePassword = () => {
  router.push("/modifyPassWord");
};

// const loginout = () => {
//   userStore.clearUser();
//   socket.disconnect();
//   router.replace("/login");
// };
</script>
              
              
<style lang="scss" scoped>
.page-body {
  height: calc(100vh - $nav-bar-height);
}
</style>