¿Cómo uso diferentes accesorios en un elemento de un solo componente?
El código:
<BaseTitle v-slot="[{ highlightClass, highlightColor }]" tag="h6"> Lorum Ipsum <span :class="highlightClass" :highlight-color="secondary“>Highlighted Statement Copy</span> </BaseTitle>Con v-slot estoy "importando" los diferentes accesorios; pero ¿cómo ajusto el validador que debería usar? Los accesorios en el componente BaseTitle:
highlightColor: { type: String, required: false, default: 'primary', validator: (v) => [ 'primary', 'secondary', 'tertiary', 'transparent', 'transparent-gray', 'white', 'light', 'dark' ].includes(v) }¿Qué ocurre? Gracias