water-management-system/frontend/src/store/user.ts

import { defineStore } from 'pinia'
import { ref } from 'vue'

export const useUserStore = defineStore('user', () => {
  const token = ref(localStorage.getItem('token') || '')
  const realName = ref('')
  const setToken = (t: string) => { token.value = t; localStorage.setItem('token', t) }
  const logout = () => { token.value = ''; localStorage.removeItem('token') }
  return { token, realName, setToken, logout }
})