Project Structure

/src

/assets

The /assets folder stores static items such as images.

/views

The /views folder contains Vue components for each page of the application, with each component corresponding to a vue-router path.

/components

The /components folder holds smaller Vue components used to build the user interface. This structure follows atomic design principles.

For more on atomic design, refer to this article.

/css

Stores global CSS settings, such as fonts.

/stores

The /stores folder is where all Pinia Stores are located. These stores are used to manage global state by accessing their functions and data.

form stores the state related to form data.

/router

The /router folder contains the configuration for vue-router.

/public

The /public folder stores larger files and static data, such as mock data.