Open eolamisan opened 2 weeks ago
Allow setting global contentClass with merge behavior to reduce code duplication for components with contentClass prop:
import { createVuetify } from 'vuetify' import { VBtn } from 'vuetify/components/VBtn' export default createVuetify({ global: { contentClass: ['v-overlay-global'], }, defaults: { VMenu: { contentClass: ['v-overlay-global-menu'], }, }, })
...
<template> <v-menu contentClass="foobar">Foobar</v-menu> </template>
Actual output
<!-- Example HTML Output --> <v-menu contentClass="foobar">Fizzbuzz</v-menu>
Expected Output
<!-- Example HTML Output --> <v-menu contentClass="v-overlay-global v-overlay-global-menu foobar">Fizzbuzz</v-menu>
Merge contentClass prop like class props.
Problem to solve
Allow setting global contentClass with merge behavior to reduce code duplication for components with contentClass prop:
...
Actual output
Expected Output
Proposed solution
Merge contentClass prop like class props.
Expected Output