No intellisense completion in Vue object literal

[bwqgithub]

新建项目的vetur智能提示全部不起作用，之前的项目没问题。

[HerringtonDarkholme]

You need a project setup. Specifically, we don't support completion in a file that is opened alone.
You need to open a directory as a project for vetur to enable completion.

https://github.com/vuejs/vetur/blob/master/docs/setup.md

[bwqgithub]

In the vue cli new project, the smart prompt is invalid and the previous project is ok.

[HerringtonDarkholme]

TypeScript has limitation when providing completion in overloaded function.

In this case, Vue.extend, which wraps user code in Vetur, is overloaded to accept both functional component option and normal component option.

For Vue version < 2.4, we uses our custom wrapping code to provide completion. However, Vue > 2.5 has much stronger completion for this so we choose to use Vue.extend.

[bwqgithub]

I didn't use TypeScript, how should I solve this problem?

[HerringtonDarkholme]

It's not you use TS, Vetur uses TS for completion.

how should I solve this problem

Reporting an issue to TS repo, but I think it is probably a "won't fix" or "need proposal" like issue. Overloaded function is hard to resolve.

On the other hand, what we miss is only top level completion, you can still have completion inside methods like data.

[HerringtonDarkholme]

interface Functional {
    functional: true
    render(context: { prop: string}): void
}

interface Component {
    render(): void
    methods: object
}

declare function extend(a: Component): void
declare function extend(a: Functional): void

extend({
    functional: true,
    render(context) { // error, context is implicit any
    }
})

[HerringtonDarkholme]

Also

microsoft/TypeScript#8005
microsoft/TypeScript#6405