Pass Through Props: Syntactic improvement suggestion

[andythefox]

Describe the feature you would like to see added

The PT feature is a great tool for styling components and the new Unstyled Mode is a reasonable addition to that. But the required syntax for using PT is a bit cumbersome. Most of the time you want to add style classes using the class prop/attribute with a fixed string value.

Here is an example from the Unstyled Mode documentation:

app.use(PrimeVue, { 
    pt: {
        button: {
            root: { class: 'bg-teal-500 hover:bg-teal-700 cursor-pointer text-white p-3 border-round border-none flex gap-2' },
            label: { class: 'text-white font-bold text-xl' },
            icon: { class: 'text-white text-2xl' }
        },
        panel: {
            header: { class: 'bg-primary border-primary' },
            content: { class: 'border-primary text-lg text-primary-700' },
            title: { class: 'bg-primary text-xl' },
            toggler: { class: 'bg-primary hover:bg-primary-reverse' }
        }
    } 
});

The point is, you have to repeat the { class: '...' } all the time.

I would suggest the simplification that if you only want to specify the class prop, you can omit the object syntax and directly use the string values. So the above example can be rewritten as:

app.use(PrimeVue, { 
    pt: {
        button: {
            root: 'bg-teal-500 hover:bg-teal-700 cursor-pointer text-white p-3 border-round border-none flex gap-2',
            label: 'text-white font-bold text-xl',
            icon: 'text-white text-2xl'
        },
        panel: {
            header: 'bg-primary border-primary',
            content: 'border-primary text-lg text-primary-700',
            title: 'bg-primary text-xl',
            toggler: 'bg-primary hover:bg-primary-reverse'
        }
    } 
});

Is your feature request related to a problem?

No response

Describe the solution you'd like

No response

Describe alternatives you have considered

No response

Additional context

No response

[mertsincan]

Nice feedback, I'll add it to next version.