vue

Conventions

script

• Vue 3, composition api and Vite
• Pinia as store
• ESlint, Stylelint
• Test suite with vitest, vue-test-utils, msw
• configuration via ENV variables
• alias @ to ./src/

style

• BEM with flexboxes and CSS Grid over UX frameworks
• SugarSS for indent-based css
• ID selectors and scoped styles prohibited because of BEM, to reduce cognitive overhead
• woff2 fonts

template

• Pug for indent-based html

Boilerplate

npm create vite@latest my-vue-app -- --template vue