adding-frontend-entity

What problem does it solve?

Complete 10-step workflow for adding new entity CRUD to the Vue 3 frontend of Lilith ERP. Use when (1) Creating new views with DataTable listings for an entity, (2) Adding services extending BaseService<T>, (3) Creating Pinia stores for new entities, (4) Building forms with Yup validation and PrimeVue components, (5) Adding lazy-loaded routes to module router, (6) Synchronizing TypeScript types with C# backend entities, (7) Troubleshooting "module not found", "route not registered", "store not defined", or TypeScript type errors after adding a new entity.

Core Features & Use Cases

• Define TypeScript interfaces for the new entity and related data
• Create a service extending BaseService<T> to handle CRUD
• Register the service in module index for DI
• Build a Pinia store with fetch/create/update/delete actions
• Implement List view with DataTable and filters
• Implement Detail view with tabs for form and nested lines
• Create Form component with Yup validation and date normalization
• Create Table component for nested entities (optional)
• Add module routes (lazy-loaded) for list and detail
• Register routes in central router to enable navigation

Quick Start

Follow the 10-step workflow to add a new frontend entity to Lilith ERP's Vue 3 frontend.