Description
Describe the bug
Once installed, the Volt template contains this code:
<template>
<TimesIcon class="text-surface-400 absolute top-1/2 -mt-2 end-10" />
</template>
Instead, it should be:
<template #clearicon="{ clearCallback }">
<TimesIcon class="text-surface-400 absolute top-1/2 -mt-2 end-10" @click="clearCallback" />
</template>
Without that, the “clear” button simply has no effect.
In general, Volt is hands down the most undercooked product I’ve ever used. We are transitioning from PrimeVue to Tailwind (with unstyled PrimeVue components), and Volt seemed like a natural choice. But the amount of time I spent “under the hood” — types in rolled-out components not matching those of vue, callbacks missing, pt’s not merging — is astonishing.
I’ve had issues with PrimeVue before, but this... this tops it all.
Pull Request Link
No response
Reason for not contributing a PR
- Lack of time
- Unsure how to implement the fix/feature
- Difficulty understanding the codebase
- Other
Other Reason
With this level of negligence by the creators, I would feel as if offering free service. This is not just “oh, a comma was missing here” — these are entire APIs completely missed out on.
Reproducer
https://stackblitz.com/edit/volt-select-issue?file=src%2FApp.vue
Environment
As described below; the environment is irrelevant as it is an issue in the auto-generated Volt template
Vue version
3.5.13
PrimeVue version
4.3.3
Node version
No response
Browser(s)
No response
Steps to reproduce the behavior
- npx volt-vue add Select
<Select show-clear ...
- Click on the x button
ER: The selection is cleared
AR: Nothing happens
Expected behavior
The selection is cleared