|
|
|
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. |