Imports to Components were inserted to random positions.

• I have searched through existing issues
• I have read through docs
• I have read FAQ
• I have tried restarting VS Code or running Vetur: Restart VLS

Info

• Platform: Windows
• Vetur version: 0.30.3
• VS Code version: 1.51.1

Problem

When editing the template of a component with help from IntelliSense auto completion and typing the component name as a tag name, even if already declared, a new import is still generated, its contents being inserted to random positions in the script part of the Vue code.

Reproducible Case

[gburning]

This happens for me as well. The project I’m writing in doesn’t use typescript either.

A few strange things happen:

1. Auto-completing an already imported component causes it to add a duplicate import (this is the most frustrating part honestly).
2. The inserted import statement and the component definition don’t respect the correct indentation (in this project everything inside <script> tags is indented 2 spaces minimum).
3. Component definition is inserted randomly somewhere inside the <script>.
4. No comma is added after the previous component definition.

[stefvw93]

Any update on this? This bug is absolutely detrimental to developer experience and is still here in 0.35.0.

Sidenote, to me the “no repro case” label seems kind of dubious as this bug happens to me in literally every Vue 2 project where Vetur is active.