Folder Structure
Project Structure
Here's an overview of the project folder structure and the purpose of each directory.
Directory Overview
app/assets/
Contains static assets such as images, and global styles.
app/components/
Contains reusable Vue components shared across the project.
app/composables/
Contains reusable composition functions that encapsulate and share logic across components.
app/constants/
Contains application-wide constants and configuration values.
app/layouts/
Contains layout components that wrap page content with shared UI structure.
app/mocks/
Contains mock data files used to simulate API responses during development.
app/pages/
Contains page components mapped to routes via file-based routing.
app/plugins/
Contains Nuxt plugins that run during application initialization.
app/stores/
Contains Pinia stores for managing global application state.
app/types/
Contains TypeScript types and interfaces used across the project.
app/app.vue
The root component and entry point of the Nuxt application.