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

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

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

README.en.md

@@ -1,36 +1,92 @@
 # Madong-Nuxt
 
-#### Description
-MadongAdmin的Nuxt-Web工程，Nuxt4.x+TypeScript+Vite+Pinia+Element Plus 
+## Project Introduction
 
-#### Software Architecture
-Software architecture description
+MadongAdmin's Nuxt-Web project, a modern admin system frontend built with Nuxt 4.x, TypeScript, Vite, Pinia, and Element Plus.
 
-#### Installation
+## Tech Stack
 
-1.  xxxx
-2.  xxxx
-3.  xxxx
+- **Frontend Framework**: Nuxt 4
+- **UI Library**: Element Plus
+- **Development Language**: TypeScript
+- **State Management**: Pinia
+- **Internationalization**: Vue I18n
+- **Styling Solution**: SCSS + UnoCSS
+- **Icon Library**: Nuxt Icons
+- **Build Tool**: Vite
 
-#### Instructions
+## Core Features
 
-1.  xxxx
-2.  xxxx
-3.  xxxx
+- **Authentication System**: Login/Register, CAPTCHA, Route Guard
+- **Member Center**: Personal profile management
+- **Internationalization**: Multi-language support (Chinese/English)
+- **Theme System**: Light/Dark mode switching
+- **Routing System**: Dynamic routes, Layout routes
 
-#### Contribution
+## Directory Structure
+
+```
+web/
+├── app/                  # Main application directory
+│   ├── api/              # API interface definitions
+│   ├── apps/             # Feature modules directory
+│   ├── assets/           # Static assets
+│   ├── components/       # Vue components
+│   ├── composables/      # Composables
+│   ├── lang/             # Internationalization language files
+│   ├── layouts/          # Layout components
+│   ├── pages/            # Page components
+│   ├── plugins/          # Plugins
+│   ├── stores/           # Pinia state management
+│   ├── types/            # TypeScript type definitions
+│   ├── utils/            # Utility functions
+│   ├── app.vue           # Root component
+│   └── router.options.ts # Route configuration
+├── public/               # Public static resources
+├── .gitignore            # Git ignore file
+├── nuxt.config.ts        # Nuxt configuration
+├── package.json          # Project dependencies and scripts
+├── tsconfig.json         # TypeScript configuration
+└── uno.config.ts         # UnoCSS configuration
+```
+
+## Installation
+
+1.  Clone the repository
+    ```bash
+    git clone <repository-url>
+    cd web
+    ```
+
+2.  Install dependencies
+    ```bash
+    pnpm install
+    ```
+
+3.  Start development server
+    ```bash
+    pnpm run dev
+    ```
+
+4.  Build for production
+    ```bash
+    pnpm run build
+    ```
+
+## Usage
+
+1.  Development mode: `pnpm run dev` - Start development server with hot reload
+2.  Build for production: `pnpm run build` - Build production version
+3.  Preview production: `pnpm run preview` - Preview production build
+4.  Code linting: `pnpm run lint` - Run ESLint to check code quality
+
+## Contribution
 
 1.  Fork the repository
 2.  Create Feat_xxx branch
 3.  Commit your code
 4.  Create Pull Request
 
+## License
 
-#### Gitee Feature
-
-1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
-2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
-3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
-4.  The most valuable open source project [GVP](https://gitee.com/gvp)
-5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
-6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
+[MIT](LICENSE)