My DX battle between, eslint, volar and prettier.

My DX battle between, eslint, volar and prettier.

Eslint and Prettier are widely known linter and formatter respectively. On start of vue3, volar has been recommended to be the de-facto tool to be installed when developing using vue, especially vue 3. Now, eslint and prettier is actually not included when installing volar especially when installing from the vscode extensions marketplace. If you are using vscode, you have to install eslint and prettier separately as an extension, but the real reason is that volar is actually an LSP. LSP being language server protocol, is the API you talk to in order to get correct contexts in your current codebase.

A slightly better viewing in Vue

A slightly better viewing in Vue

I never liked the routing of vue-router in Vue. It forces you to make a big file and you have to dig for quite a while in order to figure out which routes to add or update, along with checking the Vue Devtools ( which certainly helps ). lo and behold I've recently come across to this amazing package unplugin-vue-router! It allows us use something similar with nuxt page routing which I first used when I used Nextjs which was more intuitive and easy to handle, but then

Vue3 composition API makes you think less

Vue3 composition API makes you think less

I recently had an exam wherein I have to implement a tictactoe app, and the webapp for the test was forcing me to use Vue2. This is one of those tests where the code editor is in your webapp you have a REPL that takes longer to load and does not allow you to copy paste from your editor.