1. npm install --save-dev @types/axios @types/vue @types/vue-router

2. create file vue-router.d.ts
2. pinia use my plugin
3. npm i --save-dev @types/cytoscape. npm i --save-dev @types/cytoscape-dagre. npm i --save-dev @types/cytoscape-popper.
4. add apiError.d.ts npm install --save-dev @types/vue-router.
5. add vue-axios.d.ts

src/stores/acctMgmt.ts

@@ -28,7 +28,7 @@ export default defineStore('acctMgmtStore', {
     isAcctMenuOpen: false,
     currentViewingUser: {
       username: '',
-      detail: {},
+      detail: {} as EditDetail,
     } as User,
     response: {
       deleteAccount: null,
@@ -59,7 +59,7 @@ export default defineStore('acctMgmtStore', {
      * @param {string} username 
      */
     setCurrentViewingUser(username: string) {
-      const userFind = this.allUserAccoutList.find(user => user.username === username);
+      const userFind:User|undefined = this.allUserAccoutList.find(user => user.username === username);
       this.currentViewingUser = userFind ? userFind : { username: '', detail: {} };
     },
     /**
@@ -72,6 +72,10 @@ export default defineStore('acctMgmtStore', {
         name: '',
         is_admin: false,
         is_sso: false,
+        isDeleteHovered: false,
+        isRowHovered: false,
+        isEditHovered: false,
+        isDetailHovered: false,
       };
     },
     /**

src/stores/login.ts

@@ -2,7 +2,6 @@ import { defineStore } from "pinia";
 import axios from 'axios';
 import apiError from '@/module/apiError.js';
 import { deleteCookie, setCookie, getCookie } from "../utils/cookieUtil";
-import LoginStore from "@/stores/login.js";
 
 export default defineStore('loginStore', {
   // data, methods, computed