CONTRIBUTING.md

👕 Code style

js

See eslint config.

css

• css-next only
• One space behind :, ,
• Indent by 2 spaces
• ; required
• Color: #aabbcc or #abc, lower case
• No id selector
• No !important

vue

Single file component with script, template and style in order.

Template:

<div
  class="class"
  :data="data"
  @event="handler">
  <span>{{ text }}</span>
</div>

• Always use shorthand for v-bind, v-on
• Spaces in mustache

Style:

• ALWAYS use scoped or module on component style

♿️ Accessibility

• Always use alt on an image
• Do not use background for meaningful images
• Add aria-label/aria-hidden on meaningful/decorative icon