Quick VSCode setup for Vue.js with Prettier and ESLint

Steps for configuring VSCode to play nicely with both ESLint and Prettier for Quasar / Vue.js

The issue

Prettier formats the JS code in a nice opinionated way. However this is not fully aligned with ESLint and therefore the build fails due to ESLint errors.

There are a number of good tutorials on this for example here, but these do not work out of the box and need some tweaks for Quasar / Vue.js

Four steps