First auto-import is added on same line as <script>

[Akryum]

When I auto import something in a .vue file, the first time it add the code on the same line as the opening <script> tag.

Actual:

<script lang="ts" setup>import { PropType } from 'vue'
import { Story } from '../types'
import StoryListItem from './StoryListItem.vue'

const props = defineProps({
  stories: {
    type: Array as PropType<Story[]>,
    required: true,
  },
})
</script>

Expected:

<script lang="ts" setup>
import { PropType } from 'vue'
import { Story } from '../types'
import StoryListItem from './StoryListItem.vue'

const props = defineProps({
  stories: {
    type: Array as PropType<Story[]>,
    required: true,
  },
})
</script>

Reproduction steps:

• Create an empty .vue file
• Add a script section
• Auto import something using the intellisense popover

Volar v0.31.1

[johnsoncodehk]

Hi @Akryum, thanks for the report! But unfortunately even this is a simple problem, we don't have a suitable solution to resolve. Unless we have to prohibit any code at first line in script block.

[Akryum]

So there is no possible solution either from Volar, VS Code or another part of the stack?

[johnsoncodehk]

Just have a idea to fix. :)

[Akryum]

Awesome! 😻

[Akryum]

Looks like the issue is back @johnsoncodehk