Is it possible to create a v-class Vue directive that can be overridden by parent just like regular :class prop?

Question

Please see this minimum example

I have a Child.vue and Parent.vue which look like this