[Feature Request] Treat empty string as a valid URL in VListItem

[flyotlin]

Problem to solve

Currently empty string '' is treated as invalid link.

When I use VListItem in the following way, if status is closed, <div> rather than <a> tag is rendered, because '' is .

Moreover, when status changed, <div> won't be changed to <a> again, because it's not reactive.

I'm not sure this (treating empty string as invalid link) is by-design or a bug. If the maintainers think this is a bug, I can help code a solution

// status = 'opened' || 'closed'
<v-list-item
:to="status == 'closed' ? '' : `/item/${item.id}`"
>
...
</v-list-item>

Proposed solution

Modify how determine a link is valid or not.

Versions

• vuetify: v3.7.5
• vue: v3.3.6