elearning-base-convention

What problem does it solve?

This Skill Unit defines the foundational coding and configuration standards for elearning projects, ensuring consistency and efficiency across your Vue 3 + Vite applications.

Core Features & Use Cases

• Tech Stack Standardization: Specifies the use of Vue 3.5, Vite 5, Vue Router 4, Pinia 3, Tailwind CSS 3.4, and Laravel 8.
• Directory Structure: Outlines a clear and organized project structure with detailed guidelines for component, store, and utility development.
• Component and Store Best Practices: Provides conventions for Vue components and Pinia stores, including naming conventions, prop handling, and emit usage.
• Tailwind CSS Usage: Defines common class patterns for styling components with Tailwind CSS, excluding Bootstrap and SCSS module usage.
• Routing and API Handling: Offers guidelines for setting up Vue Router and handling API requests with axios, including error handling and response formatting.

Quick Start

Run the setup script for a new elearning project to establish the standard configuration and directory structure.