Truncated element names that contains hyphen as Vuetify widgets

[crystalfp]

Describe the bug
If the element in the template part of a .vue file contains an hyphen, the error message shows only the first part of the element name. This happens with Vuetify widgets that have names like v-dialog

To Reproduce
Steps to reproduce the behavior:

1. What is the exact code you are analyzing?
   A vue file containing:

<template>
<v-dialog v-model="isOpen" width="26rem">
</v-dialog>
</template>

2. What is the output you are getting?

-  vue-strong ~ multi-attribute elements
   src\components\About.vue
   👉 Elements with multiple attributes should span multiple lines, with one attribute per line.
   Element <v> should have its attributes on separate lines 🚨

Expected behavior

 Element <v-dialog> should have its attributes on separate lines 🚨

Screenshots
If applicable, add screenshots to help explain your problem.

Used version number of vue-mess-detector:
0.66.0

Used version number of node & npm:

• node: 23.4.0
• npm: 11.0.0

Additional context
Add any other context about the problem here.

[rrd108]

Are you willing to send a PR with the fix or a failing test?

[crystalfp]

Trying to prepare a failing test, but outside my application, the tool simply hangs. Is there a way to understand what is missing in my test?

[rrd108]

All the tests follows more or less the same pattern.
The best approach would be take the existing test file for the rule and add a new test to it.
If you share your code here or at discord I will take a look. Maybe I can spot the reason of the hanging.

[crystalfp]

Here is my example (rename it to About.vue):
About.txt
I don't have loaded Vuetify (that provides the v-* elements).
Then npx vue-mess-detector analyze About.vue
Hope it helps.

[rrd108]

Thanks. It should be fixed in 0.67.0

Let's slap into the code!

[crystalfp]

Sorry, the problem is still in 0.67.0

-  vue-strong ~ multi-attribute elements
   src\components\About.vue
   👉 Elements with multiple attributes should span multiple lines, with one attribute per line.
   Element <v> should have its attributes on separate lines 🚨

[rrd108]

Ah really? My test case passed.
I will take a look, thanks for the feedback

[crystalfp]

This is the complete file that generates the error:
About.txt

[rrd108]

I was not able to reproduce the error. I get the proper element names in the latest release.

I just added line numbers, it is not yet in the latest release.

How did you upgraded form 0.66.0 ?

[crystalfp]

Sorry sorry! I updated vue-mess-detector on the wrong application. Indeed it works perfectly.
Thanks for your patience!