feat: 适配5.x后端，重构前端架构

主要变更：
1. 重构API目录结构，采用模块化设计，适配5.x后端接口规范
2. 优化布局组件，提升用户界面体验
3. 增强国际化支持，完善多语言配置
4. 新增权限控制功能，支持前端路由权限管理
5. 优化认证流程，支持JWT认证机制
6. 新增中间件和插件，提升系统扩展性
7. 优化状态管理，采用更清晰的模块化设计
8. 新增搜索框、广告等组件，丰富页面功能
9. 更改包管理工具从npm到pnpm，提升依赖管理效率
10. 完善配置系统，支持多环境配置

适配5.x后端特性：
- 采用新的API接口规范
- 支持JWT认证机制
- 适配后端权限控制体系
- 支持后端国际化接口
- 优化数据交互方式

app/composables/captcha.ts

@@ -1,24 +1,33 @@
 import { ref } from 'vue'
 import { getCaptchaImage } from '@/api/system'
 
-interface formData {
-    captcha_code: string,
+interface CaptchaFormData {
+    captcha_code: string
     captcha_key: string
 }
 
-export function useCaptcha(formData: formData) {
+interface CaptchaResponse {
+    code: number
+    msg: string
+    data: {
+        uuid: string
+        base64: string
+    }
+}
+
+export function useCaptcha(formData: CaptchaFormData) {
     const image = ref('')
 
     const refresh = async () => {
         try {
-            await getCaptchaImage().then((res: any) => {
-                if (res.code == 1) {
-                    formData.captcha_key = res.data.captcha_key
-                    formData.captcha_code = ''
-                    image.value = res.data.img.replace(/\r\n/g, '')
-                }
-            })
+            const res = await getCaptchaImage() as CaptchaResponse
+            if (res.code === 0 && res.data) {
+                formData.captcha_key = res.data.uuid
+                formData.captcha_code = ''
+                image.value = res.data.base64.replace(/\r\n/g, '')
+            }
         } catch (e) {
+            console.error('获取验证码失败:', e)
         }
     }
 
@@ -27,3 +36,5 @@ export function useCaptcha(formData: formData) {
         refresh
     }
 }
+
+