Tengo este problema que no puedo resolver y ahí está: tengo que implementar una casilla de verificación para que los usuarios seleccionen todas las carpetas en mi sitio web. Pero también quiero que cuando se seleccione uno o más elementos (pero no todos), la casilla de verificación muestre un guión. Estoy usando el marco Quasar de Vue.js para este proyecto, y estoy un poco atascado, por lo que agradeceré cualquier ayuda :)

Aquí hay un código de lo que ya probé, funciona para seleccionar todas las opciones pero no puedo encontrar la manera de resolver mi caso:

 <q-option-group v-model="folderModification.securityCompanyIDList" :options="$store.state.$ItfConnection.securityCompanyOptions" color="green" type="checkbox" :dark="$store.state.$tools.enableDarkMode" /> </q-scroll-area> </div> </q-expansion-item> <q-expansion-item :label="$t('Button_configure_places')" dense dense-toggle header-style="font-size: 12px" header-class="text-grey" class="offset-1 col-10"> <div> <q-scroll-area style="width: 100%; height: 300px"> incidentTypeIDListCheck(value) { this.folderModification.incidentTypeIDList = [] if (value) { this.$store.state.$ItfConnection.incidentTypeOptions.forEach(incidentTypeOption => { this.folderModification.incidentTypeIDList.push(incidentTypeOption.value) }) } },