Is there a way to extend a custom class property name?

[daief]

In a vue component, I want to pass some class names to inner elements like the way below:

<!-- Info -->
<template>
  <div :class="class">
    <div :class="nameClass">{{ name }}</div>
    <div :class="descClass">{{ description }}</div>
  </div>
</template>

<script>
export default {
  name: "Info",
  props: {
    name: String,
    description: String,
    nameClass: String,
    descClass: String,
  },
};
</script>

<!-- Child -->
<template>
  <Info nameClass="mb-4" descClass="bg-white" />
</template>

<script>
export default {
  name: "Child",
};
</script>

nameClass and descClass will be ignored(I konw).

Is there a way to make tailwind to apply with nameClass and descClass?