Skip to content

Frontend Development ​

Vue 3 + TypeScript development guide.

Tech Stack ​

  • Framework: Vue 3.5+ with Composition API (<script setup>)
  • Language: TypeScript 5.9+
  • Build: Vite 7
  • UI Library: PrimeVue 4 (Aura theme)
  • State: Pinia 3
  • Router: Vue Router 4
  • HTTP: Axios (cookie-based auth, CSRF token handling)
  • i18n: Vue i18n 11

Sections ​

TopicDescription
Project StructureDirectory organization
ComponentsVue component patterns
Shared UX LayerLists, empty states, skeletons, recovery, announcements, focus
ComposablesReusable logic
State ManagementPinia stores
API ServicesBackend communication
PrimeVueUI component library

Student Information System Documentation