use ??.

src/shared/Login/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { FormInstance } from "element-plus"
 import { useSignupStore } from "../../oj/stores/signup"
-import { login } from "../../shared/api"
+import { login } from "../api"
 import { useLoginStore } from "../store/login"
 import { useUserStore } from "../store/user"
 
@@ -56,15 +56,16 @@ function goSignup() {
       label-position="right"
       label-width="70px"
     >
-      <el-form-item label="用户名" required prop="username" name="username">
-        <el-input v-model="form.username"></el-input>
+      <el-form-item label="用户名" required prop="username">
+        <el-input v-model="form.username" name="username"></el-input>
       </el-form-item>
-      <el-form-item label="密码" required prop="password" name="password">
+      <el-form-item label="密码" required prop="password">
         <el-input
           v-model="form.password"
           type="password"
           show-password
           @change="submit"
+          name="password"
         ></el-input>
       </el-form-item>
       <el-form-item>

src/shared/split/index.vue

@@ -33,8 +33,8 @@
 </template>
 
 <script setup lang="ts">
-import Resizer from "./resizer.vue"
-import Pane from "./pane.vue"
+import Resizer from "./Resizer.vue"
+import Pane from "./Pane.vue"
 import { computed, ref } from "vue"
 import { classNameToArray } from "element-plus/es/utils"
 

src/shared/store/user.ts

@@ -8,7 +8,7 @@ import { getUserInfo } from "../api"
 
 export const useUserStore = defineStore("user", () => {
   const { data: profile, isFinished, execute } = getUserInfo("")
-  const user = computed(() => profile.value.user || {})
+  const user = computed(() => profile?.value?.user ?? {})
   const isAuthed = computed(() => !!user.value.email)
   const isAdminRole = computed(
     () =>