feat(component): Add support for better naming of /index.vue components

[niksy]

Description

This PR relates to #387. Sometimes developers have components nested inside directories and follow classic Node approach of naming them /index.${extenstion}, in this case /index.vue. Devtools currently display every component as <Index> unless you specify name. This PR will check for those components and use parent directory as component name.

Example

Compnent is defined in src/IndexComponent/index.vue

Before:

After:

Additional context

I’ve also taken the chance to use basename function from @vue/shared-utils and removed same command form Vue 3 backend namespace.

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).

[niksy]

Any chance of getting this merged? It would really help DX when looking for specific component in component tree.