El código fuente del frontend está organizado en carpetas según el tipo de contenido. La aplicación está desarrollada con Options API de Vue 3, excepto los composables, que utilizan Composition API.
- assets: Contiene imágenes.
- components: Componentes reutilizables que se integran en las vistas.
- composables: Funciones reutilizables con lógica de paginación y búsquedas. Es la única parte escrita usando Composition API.
- config: Define la ruta de acceso a la API.
- constants: Constantes utilizadas en la aplicación.
- router: Lógica de enrutamiento y control de acceso según roles de usuario.
- scss: Estilos específicos de la aplicación.
-
stores: Contiene un store genérico (
fabricaStore.js) y un store por cada entidad de la API utilizada en el frontend, además de uno para la autenticación (auth.js). - utils: Funciones generales que se utilizan en varias partes del código.
- views: Vistas de la aplicación, correspondientes a las páginas que dispone la interfaz de usuario.