1. Project Overview

To meet the requirements of standardized, engineering-oriented, and systematic frontend development, we designed and developed a foundational scaffold that integrates a component library, commonly used class libraries, and utility methods. It includes reusable page layouts, commonly used dialogs and interactions, notification messages, network requests, and strongly typed object-oriented conventions to make daily development faster, more reliable, and more standardized.

AirPower4T  is a development foundation library based on Vue3, TypeScript, Element Plus, and Vite. It adopts object-oriented programming, decorators, Hooks, and other development patterns. It includes common backend features and page components such as data model conversion, table and form decorator configuration, encryption and decryption, encoding and decoding, network requests, and permission management. It improves frontend development efficiency for backend management systems while maintaining clean and elegant code quality.

If you only need the  utility package, you can use our separately extracted utility package project.

2. Open Source License

Licensed under MIT

3. Screenshots

Example

4. Feature Overview

Why is it named AirPower?

The original design used a sub-repository approach, where this dependency library was included alongside the host project. To make it appear first in the list, we chose a name starting with the letter A. Later, we thought of the name of a product from Apple  that never made it to market:  AirPower. The author has been a loyal Apple fan for ten years, so this name is also a tribute to Apple.

What features does it offer (Design)?

1. Model / Entity  All data interactions are performed through data model instances rather than directly using JSON.

2. Service  Abstracts all network requests into service classes and enables code reuse through inheritance.

3. Component  Provides many commonly used components and feedback components for backend management systems.

4. Hook  Provides general-purpose interaction Hooks for working with Services.

5. Enum  Provides a large collection of enumerations.

6. Decorator  Provides a large collection of decorators.

7. Provides data conversion methods similar to  Java  BeanCopy, with a complete object-oriented implementation.

8. ......

5. Tech Stack

Code Style Showcase

 How to Use (Initialization)?

You can initialize the AirPower4T host project using the AirPower4T Host Repository project we provide:

AirPowerWebStarter

Our Recommendations

The AirPower4T Host Repository we provide includes ESLint rules, routing configuration, environment variable configuration, tsconfig, vite.config, and many demo examples for your reference.