第一步

frontend/src/stores/user.js

@@ -0,0 +1,18 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+export const useUserStore = defineStore('user', () => {
+    const isLoggedIn = ref(false);
+    const username = ref('');
+    const userId = ref('');
+    function setUser(data) {
+        isLoggedIn.value = true;
+        userId.value = data.id;
+        username.value = data.username;
+    }
+    function clearUser() {
+        isLoggedIn.value = false;
+        userId.value = '';
+        username.value = '';
+    }
+    return { isLoggedIn, username, userId, setUser, clearUser };
+});

frontend/src/stores/user.ts

@@ -0,0 +1,22 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useUserStore = defineStore('user', () => {
+  const isLoggedIn = ref(false)
+  const username = ref('')
+  const userId = ref('')
+
+  function setUser(data: { id: string; username: string }) {
+    isLoggedIn.value = true
+    userId.value = data.id
+    username.value = data.username
+  }
+
+  function clearUser() {
+    isLoggedIn.value = false
+    userId.value = ''
+    username.value = ''
+  }
+
+  return { isLoggedIn, username, userId, setUser, clearUser }
+})