Components

The frontend uses a library of reusable Vue 3 components located in client/src/components/.

Component Organization

Components are organized by feature domain within the components/ directory. Page-level components (full views) live in views/.

Conventions

• All components use <script setup> with the Composition API
• Props are defined with TypeScript-style defineProps
• Events use defineEmits
• Styling uses scoped SCSS with Bootstrap 5 utilities

Composables

Shared logic is extracted into composables in client/src/composables/. These follow the use* naming convention (e.g., useAuth, useTable).

TODO

Document the main reusable components, their props/events, and usage examples.