[Question] How do you can code this template?

[harrytran998]

Today, I open this template(lastest of repo) --> But have issue with VSCode.

1. Module have no default export
2. In template, have no suggestion code.
   

I researched and found this vuejs/vitepress#137 (comment) --> Evan suggest use Volar, then I try but still not work! I use Vetur 0.31.3 and VsCode lastest.

Hope you can answer this question :v

[antfu]

I am using Vetur and somehow I don't see the error on my side. But frankly, Vitesse uses a lot of experimental features (include Vite which doesn't have a stable release yet). Which you would potentially face breaking changes and incomplete editor support. I would recommend to hold it for a while if you really care about them.

[harrytran998]

Thank you for your quick response! I will try, because this is awesome 🥳! I appreciate your works!

[antfu]

You may like to have this config

"vetur.validation.interpolation": false,

[harrytran998]

This config fixed problem no default export 🥳, but still don't have code suggestion :v

[yankeeinlondon]

I believe this "no default export" error is a result of using the still experimental <script setup> RFC. If you use the composition api in the standard way this error will go away. That said, this error in the template, is a visual inconvenience but doesn't actually prevent TS from transpiling.

[yankeeinlondon]

Also be aware of Vetur's globalComponents property. The default setting for it is [] and that is worth sticking to with Vitesse because Vitesse actually registers all components for you and this setting is just meant to "autocomplete" component names within a glob pattern. So setting this actually causes interference. If this last post made no sense then ignore it. :)

[antfu]

I have switched to Volar for this project which has great support for <script setup>, closing this for now.