Auto-import component in <script> when using component in template/javascript

[octref]

Similar to JS/TS's auto import in VS Code: https://code.visualstudio.com/updates/v1_18#_auto-import-for-javascript-and-typescript

[octref]

As a note, need to look into how to resolve path aliases...

[alexbudure]

+1

[sanwv]

+1

hope import absolute path like @/compoents/CommonComp.vue. path alias @ defined in jsconfig.json

[adams549659584]

+1

[Terry-Su]

+1

[dotgreg]

+1

[rothsandro]

+1

[zamboney]

+1

[slanden]

+1

[Terry-Su]

after a long while I reviewed the progress today, and still found auto import via alias not working. However, found a very useful tool, not perfect but enough for auto importing vue components and js variables using alias(remember to use shortcut to import vue components):
vue-helper

[jd-solanki]

+1

[RobertLemmens]

+1, moving from webstorm to vscode + vetur, i find this one of the biggest features im missing.

[wanxe]

This is failing again after the last release. Works again by reverting the version to the previous one.

[mrguamos]

any update on this?

[danranVm]

@yoyo930021 hi, it doesn’t work, when I don’t use export default, but name the component.

[pikax]

@danranVm that's not a valid SFC component SFC spec please use export default if you are exporting a vue component

Your HelloWorld.vue component won't work, you can test by:

<template>a = {{ a }}</template>
<script lang="ts">
import {defineComponent} from 'vue'
export const HelloWorld = defineComponent({
  setup() {
    return {
      a: 1,
    };
  },
});
</script>

EDIT:

Which will only render a = instead of a = 1

Also the compiled component will be:

import {defineComponent} from "/@modules/vue.js";
export const HelloWorld = defineComponent({
  setup() {
    return {
      a: 1
    };
  }
});

const __script = {}
import { render as __render } from "path/HelloWorld.vue?type=template"
__script.render = __render
__script.__hmrId = "path/HelloWorld.vue"
__script.__file = "path\\HelloWorld.vue"
export default __script

[danranVm]

@pikax I see. thank you for your answer.