A collection of Vue components used in the Betterez UI
Before we start
Remember that Node v6.9.5 is needed.
How we work: reusable, generic components
Keep in mind that we are aiming to create a collection of reusable, generic components.
So, instead of creating a ReservationsList component that knows how to render a list of reservations, in turn create a generic List component that delegates rendering each item to other components, in this case, ReservationListItem.
To achieve rendering delegation we use Vue's Scoped Slots.
All components must begin with the "Btrz" prefix.
Other prefixes shall be used as needed, the only consideration being that they should go from generic to specific. For instance: btrz-input, btrz-input-date, btrz-input-time.
Only the compontent specific styles should be inside the component file.
Other non specific styles, shared between components, should be under the /assets/css/ folder, following the ITCSS standard. not yet implemented
Each application using btrz-vue-components is responsible for providing the rest of the styles:
- Base CSS like typography
- Bootstrap (compatible version)
- Overrides to each component as needed (the component must allow it, again: use