Import Vue component in typescript file

[andredewaard]

Don't want to create an issue right away since maybe this is just a setting somewhere.
Importing a Vue component inside another Vue component is working but doing so inside an typescript/javascript file doesn't.
This does work in VSCode so i guess it has something to do with the typescript language server not recognising Vue extension.

[JDIZM]

I was going to raise this myself, it looks like zed needs a plugin to support TS/Vue.

Taken from one of the readme's from a Vue project setup:

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue types.

Vue has some docs on it with a recommended IDE setup. https://vuejs.org/guide/typescript/overview

It would be good if Zed supported this and we can get it on the recommended list.

[andredewaard]

This is definitely the problem, Zed is unusable for me in combination with Vue as long this isn't fixed.

[Moshyfawn]

There's an issue raised for this in #8336.