Component types

Components are divided up into different types and prefixed in a way that makes it easy for the reader to understand the purpose of each component. The component files follow the official Vue style guide recommendations for naming components:

Base components

The Vue style guide defines base components as presentational, dumb, or pure components that apply app-specific styling and conventions should all begin with a specific prefix.

<!-- Example of a base component -->
<base-button></base-button>

Single-instance components

The Vue style guide defines single-instance components as only ever having a single active instance. They should begin with the "The" prefix, to denote that there can be only one.

This does not mean the component is only used in a single page, but it will only be used once per page. This project deviates from the Vue style guide by allowing props in single-instance components, to allow for more dynamic layouts and use-cases.

<!-- Example of a single-instance component -->
<the-header></the-header>