refactor: 个人中心页面重构和布局代码优化

src/main.ts

@@ -1,51 +1,29 @@
-/**
- * 应用启动入口
- *
- * @description
- * Vue3 应用初始化，包括样式、插件、配置的加载
- */
-
 import { createApp } from "vue";
 import App from "./App.vue";
 
-// ===== 样式导入 =====
 import "element-plus/theme-chalk/dark/css-vars.css";
 import "@/styles/index.scss";
 import "uno.css";
 import "animate.css";
 
-// ===== 核心配置 =====
 import { setupDirective } from "@/directives";
 import { setupRouter } from "@/router";
 import { setupStore } from "@/stores";
 import { setupI18n } from "@/lang";
-
-// ===== 全局组件 =====
 import * as ElementPlusIcons from "@element-plus/icons-vue";
-
-// ===== 路由守卫 =====
 import { setupPermissionGuard } from "@/router/guards/permission";
-
-// ===== 业务服务 =====
 import { setupSse } from "@/composables";
 
-// 创建 Vue 应用实例
 const app = createApp(App);
 
-// 1️⃣ 核心配置
 setupDirective(app);
 setupI18n(app);
 setupRouter(app);
 setupStore(app);
 
-// 2️⃣ 全局组件（Element Plus 图标）
 Object.entries(ElementPlusIcons).forEach(([name, comp]) => app.component(name, comp));
 
-// 3️⃣ 路由守卫
 setupPermissionGuard();
-
-// 4️⃣ SSE 初始化
 setupSse();
 
-// 5️⃣ 挂载应用
 app.mount("#app");