Vue 3 lint in VS Code is confused - vue.js

I was very happy with Vue 2 and VS Code, but with Vue 3 and Velur, I get this kind of issues:
You notice VoteBtn is imported and used above, but the linter complains. Is there a way to solve this?

I had the same issue because I had installed both Volar and Vetur.
Just remove Vetur and it will do the trick.

Related

VSC not highlighting Vue 3 imports (Composition API)

As you can see below, the import is not highlited even though the component SearchBar is been used.
I've tried fixing this problem by installing the Vetur and Vue 3 Support - All In One extensions, but they don't fix it.
I would appreciate if someone could help me solve this.
Use Vue Volar extension Pack extension instead of Vetur
This is the official Vue.js language feature extension for VS Code

Dependency conflict with VueJS3 and Vuetify3

I have a VueJS 3 project with which I want to use Vuetify 3 (^3.0.0-alpha.0), however, upon adding Vuetify I started getting dependency conflicts.
I also created a new empty VueJS 3 project with Vuetify 3 and got the same conflict.
I haven't modified package.json after the cli modifications on adding Vuetify 3 (https://next.vuetifyjs.com/en/getting-started/installation/).
I'm aware this is an alpha release but was wondering if it was something I was doing wrong on my end or if it's a bug and if so if there are any workarounds.
Updating all #vue/cli-service dependencies to their latest version as well as updating VuetifyJS 3 to the latest alpha solved this conflict.

Running Jest tests agains Vue tsx components

I am trying to create simple boilerplate for creating Vue tsx components but have an issue with configuring Jest testing the tsx component. I was wandering if anybody have already solved similar case or could share a clue about it.
Project here - https://github.com/zdravkov/vue-tsx-files-boilerplate
Greetings,
If anybody reached this - I have resolved the issue by using this package - typescript-babel-jest.
The github repository is updated as well.

can we build application using es6 for Vue framework

Im building an application using vue js framework I need to know do I go for es6 in vue framework .Is it good enough to go with es6 as its in es5 I need to know that it must go for [ vue +vuex+ es6 ].
Are there links or sample examples where i can learn vue in es6 as vue.org provide es5 features only
Else must be preferred let me now as m newbie i have no much idea
Please lemme know ur guidance is much appreciated.
Thanks in Advance
If you want to build an application with vue.js, es6 is good, but you'll need babel and webpack.
I do all my development with es6, sometimes you will need some polyfills for some so older browsers.
If your're a real newbie, I'll recommend to start with the cli of vue.js or even a nuxt.js, which is a very nice vue framework to get you started. They all have babel and webpack preconfigured for you.
Have fun!

How to use vue.js with sails js

I want to use vue.js as frontend for sails.js i tried to configure using the method given at
http://filipbartus.name/integrate-vue-loader-with-sails-js/ but it was not working for vue latest version but i don't see any reason why? can someone explain why is it not working please?
latest version not working: https://github.com/jeevansai502/kube
previous version from example working: https://github.com/filipinyo/vue_sails_integration
I think tha the best options is replacing Grunt with Webpack and vue loader.
Look at this repo https://github.com/Tarrask/sails-hook-webpack-vue. It's pretty easy with this hook.