Народ, помогите новичку, а? Смешной наверное задам вопрос. вот я

Question

Народ, помогите новичку, а? Смешной наверное задам вопрос. вот я

запихал в компонент всякую всячину. выглядит это вот так:

ProductCardLabels(childclass="wideview" :product="product" size="x-small")

внутри компонента, в дочернем элементе, так скажем, у меня есть вот такая конструкция:

props: {
product: {
type: Object,
require: true,
default: () => {},
},
childclass: {
type: String,
default: '',
},
size:{
type: String,
default: false,
}
},

а так же я вызываю в дочернем элементе вот это:
<v-chip
class="ma-2"
x-small
>
x-small chip
</v-chip>

вопрос: как мне сделать x-small динамическим и подставить туда this.size ?