Ability to change suggested import name?

[phatsk]

Our project has several components like this:

- atoms/
  - base-button.vue
  - base-toggle.vue

When I start typing an import, the autosuggested import from Volar comes out like this:

import baseButtonVue from './atoms/base-button.vue`

Our standards however call for imports like this:

import BaseButton from './atoms/base-button'

I don't mind having the .vue in the file path, that's not really going to affect our code. However, changing the import is a simple yet repetitive task that I think I should be able to configure either in Volar or through some kind of documentation hint in the component itself, but I can't find any documentation that supports this.

[phatsk]

I did find one way that should work for now, though I'd like to keep this discussion open to see if there's another way:

const SomeThing = { /* component code here */ }
export default SomeThing

Seems to do what I'm looking for.

[johnsoncodehk]

This is expected behavior, see #82.

But you can trigger auto import component in template, it will not end with Vue.

[segevfiner]

It would still be nice to be able to have an option to not add this suffix even when completing in the script... I think it might require changes to the tsserver plugin and/or takeover mode to achieve that?

[johnsoncodehk]

Please track #82