📁 assets

Contains images or other static elements

📁 components

Contains vue components used in the different views.

...

Components that are related to certain domain objects are placed in a directory with the name of this domain object (i.e. environments or apis)

📁 data

This directory contains fixtures that contain test data for the domain objects

📁 layouts

Contains the base layouts of the application like single and multi column layouts

📁 router

Contains the routes for the application

...

📁 services

This directory contains the services the frontend uses to communicate with the backend. The services are broken up into their corresponding domain model (i.e. environments, apis, …). This corresponds roughly with the controllers in the backend.

📁 store

Contains the global store of the application. The store is used for caching and to synchronize different components within the frontend, that are not in a parent <> child relationship with each other.

📁 types

This directory contains all custom types (interfaces) used in the frontend. This corresponds to the DTOs in the backend.

📁 views

This directory contains the pages of the application. The pages are oganized based on the domain object they are related with (i.e. environments or apis)

...