Overview of the Frontend Tech Stack
mainThe frontend of the Cultivation World Simulator is built using a modern reactive stack designed for high-performance 2D rendering and complex state management:
- Core Framework: Vue 3 using the Composition API and
<script setup>syntax, with TypeScript for type safety. - Build Tool: Vite.
- State Management: Pinia (modular stores).
- UI Components: Naive UI (used for system menus, panels, and standard UI elements).
- Game Rendering: Vue3-Pixi (a wrapper around Pixi.js) handles the 2D rendering engine, including maps, character animations, and viewports.
- Networking: A lightweight wrapper around the
fetchAPI located atweb/src/api/http.ts. - Internationalization: Vue I18n.