source.addMissingImports auto import props field

[tjx666]

enable takeover mode: yes
vscode settings:

{
    "editor.codeActionsOnSave": {
        "source.addMissingImports": true,
        "source.fixAll.eslint": true,
        "source.fixAll.stylelint": true,
        "source.fixAll.markdownlint": true,
        "source.organizeImports.sortImports": false
    },
}

2023-01-10.16.27.49.mov

[Doeke]

Same here, it keep trying to add the import even though there is already a prop defined with the same name

Edit: This issue is in version Volar 1.0.24, and downgrading the extension to 1.0.22 fixes it for me

[danielwaltz]

I am also running into this for globally registered components in a vue@2.7.* application using vuetify@2.* with unplugin-vue-components.

Old behavior is a template like this works just fine without automatically adding imports:

<script setup lang="ts">
import AppMain from '@/components/AppMain.vue';
import AppMainHeader from '@/components/AppMainHeader.vue';
</script>

<template>
  <AppMain>
    <AppMainHeader class="mb-6" />

    <v-card>
      <router-view />
    </v-card>
  </AppMain>
</template>

New behavior is after saving it looks like this:

<script setup lang="ts">
import AppMain from '@/components/AppMain.vue';
import AppMainHeader from '@/components/AppMainHeader.vue';
import { RouterView } from 'vue-router'; // automatically added
import { VCard } from 'vuetify/lib'; // automatically added
</script>

<template>
  <AppMain>
    <AppMainHeader class="mb-6" />

    <v-card>
      <router-view />
    </v-card>
  </AppMain>
</template>

I found that I can work around this by defining vueCompilerOptions.nativeTags with a list of these globally registered components to skip the auto import, but that feels kludgy and hard to maintain. Is there a way to exclude globally registered components from this source.addMissingImports option?

[johnsoncodehk]

Since source.addMissingImports actually has never worked for codeActionsOnSave in the past, setting "source.addMissingImports": false is the best workaround for now.