VueJS is impossible to set up

[UP-MDK]

Hey guys,

i have been working a lot with Next.js but occasionally have projects that need to be in Vue.

Everytime i use Vue.js, i skip using Eslint and Prettier or accept that most files are marked as "red" because of error messages that are in fact no errors in Vue.

I would want to ask, if there is any guideline or tutorial on how to properly set up Vue.js with the regular tech-stack (Typescript, Eslint, Prettier) or if it is just not supported.

I have been trying to set it up every now and again for a long time now and was never successful.

So far i have tried the following:

• Using the CLI and enable typscript, eslint, prettier out of the box
• Using Vite to try and setup Vue custom without the CLI

Either way, i end up with:

• Prettier not working or formatting Vue files like absolute broken chaos
• Neither Prettier, nor Eslint working at all
• Typescript never getting integrated properly (lots of error messages that are no errors in Vue)

I have the following VS Code extensions for Vue:

• Vetur
• Vue (Official)
• Vue language features (Volar)

I have absolutely no struggles setting up the entire tech-stack in any other environment.
For some reason, i just can't do the same in Vue. Googling or trying AI as assistance does not help either.

Since Vue is used by many people, i am really really curious how other people are actually using it, because for me it does not work the way i would expect it to.

Thanks!