refactor: 重构多个组件以支持 Vue 3 语法和功能

- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能
- 优化状态管理和事件处理逻辑，简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题，提升用户体验

utils/request.js

@@ -82,7 +82,7 @@ http.interceptors.request.use(
 	(config) => {
 		/* 请求之前拦截器。可以使用async await 做异步操作 */
 		let accessToken = storage.getAccessToken();
-		if(storage.getInviter()){
+		if (storage.getInviter()) {
 			config.header.inviter = storage.getInviter();
 		}
 		if (accessToken) {
@@ -96,7 +96,7 @@ http.interceptors.request.use(
 				accessToken = ""
 				storage.setAccessToken('')
 			}
-			
+
 
 			const nonce = Foundation.randomString(6);
 			const timestamp = parseInt(new Date().getTime() / 1000);