Archivo de configuración
Concepto
La configuración se define en el archivo quasar.conf.js que se incluye en el directorio del proyecto.
Su formato en general tiene la forma
```
// Configuration for your app
module.exports = function (ctx) {
return {
configuraciones separados por comas
}
}
```
ID:(9750, 0)
Directivas
Concepto
Si se requieren directrices de vue se deben incluir en quasar.conf.js el framework con las siguientes referencias:
```
framework: {
directives: ['Ripple', 'TouchPan', 'TouchSwipe']
}
```
que luego permite que se puedan incluir en el template códigos propios de vue como sería
```
```
ID:(9751, 0)
Componentes
Concepto
Si se requieren componentes de quasar deben incluir en quasar.conf.js el framework con las siguientes referencias:
```
framework: {
components: ['QBtn', 'QIcon']
}
```
en donde estas se identifican por su código que se inicia con la letra Q y que luego se emplean en el template como por ejemplo en
```
```
ID:(9752, 0)
Plugin
Concepto
Si se requieren incluir plugins se deben incluir en quasar.conf.js el framework con las siguientes referencias:
```
framework: {
plugins: ['Notify', 'ActionSheet']
}
```
que luego permite que se puedan incluir en el template códigos propios de vue como sería
```
@click='$q.notify('My message')' color='primary' label='Show a notification' /> @click='showNotification' color='primary' label='Show another notification' />
```
pero también en la sección script como sería
```
export default {
methods: {
showNotification () {
this.$q.notify('Some other message')
}
}
}
```
ID:(9753, 0)