assets: this folder contains all styling resources including style files and CSS class modifiers for the entire project
scss: this folder includes all styles files
base: this folder ****includes global base css styles for scrollbars
components: this folder includes style files for all components. For each component there is a scss file containing all the css modifications necessary to meet the design requirements
_module.scss: main import handler file of all components
layout: this folder includes global base css styles for main layout and generic popovers
utils: this folder includes reusable css functionalities
vendors: this folder includes base import and configuration files
main.scss: main import handler file of all assets resources
components: this folder includes all logic files and component templates. For each component there is a vue file that contains all the functionality and basic behavior to satisfy the functional requirements
constants: this folder contains files with constant values such as events, keyboard codes, popovers default settings, among others
directives: this folder includes all directives used in aqua. Directives in aqua are used to append/delete floating elements such dialog, drawer, spinner, tooltip, etc and handling lazy loading in images. A directive is an instruction that starts with "v-" in the template. It helps you do special things in HTML elements, such as change values or display content based on conditions
helpers: this folders includes all helpers used in aqua. Helpers in aqua are used to handling arrays, play audios, subscribe components, append directives/mixins, handling zIndex elements, among other. A helper is a predefined function that helps perform common tasks more easily.
language: this folder includes all files with languages keys with aqua scope with words spanish, english and portuguese
local: this folder contains all files with local implementations that have all the different situations covered and show how the component works in different setups. This helps make sure it does what it's supposed to do
mixins: this folder includes all mixins used in aqua. A mixin is a way to share and reuse code between various components. This avoids code repetition and improves project organization and maintainability
App.vue: main file to run local implementation uses cases tests
index.js: main config file of project as library/package
main.js: main config file of local project