For example in my app I might want QInput components to default to outlined and dense. What TypeScript type is used to pass a class in Vue 3 script setup prop definitions? The v-bind="$attrs" line is all it takes to make my wrapper component accept all the same props as q-input. From my understanding of quasar and some answers I got here, I think the way to achieve your idea is just to make your own components by extending them, setting whatever props you need to set and use them on your project. Do you like to use Pug to code (Quasar templates) or is it necessary because your want to override templates? How do I have multiple classes to listen to the click event in Javascript? variableInParent is available to parent component while thisVariableIsProp is in Child component. They can be used in normal composition API functions as well. Setting the same property values( like dense outlined ect) for certain q-components is something you do over and over again in every quasar project. javascript by Witty Worm on Jun 10 2020 Comment. // normal