Create components out of Aaron's work

[taoeffect]

This issue can be easily split up among multiple people.

First we should make a survey of all of the components to be extracted out of the HTML and into .vue files (i.e. make a list here), and then have at it!

---

EDIT: Many of these components are too simple to be worth creating .vue files out of. For those we just stick to the regular old markup and ignore (unless there's an obvious reason not to) the idea of making Vue components out of them. These I've marked, for now at least, "TOO SIMPLE — SKIP!"

For now we will use .vue files primarily as pages. Only if it meaningfully improves the markup should we be spending our times creating components out of things that are already effectively components (like <button>). It may even be worth considering avoiding the use of Vue.js and simply relaying on the Hapi backend to render template-based views directly (that would mean serving "normal" HTML files instead of this tiny skeleton). I've created issue #6 for this purpose.

---

Here are the components I've isolated:

• Green Button TOO SIMPLE — SKIP!

• Custom input field TOO SIMPLE — SKIP!

Note that as per new-user.html it can have a $ at the start and an optional image in the description!

• Panel

This is made up of the above components!

It should also be flexible enough to look like the box on user-profile.html!

• Small buttons (these are a component themselves) + Payment row (made up of them and other things)

• The weird payments tally widget sidebar thing on the left of pay-group.html

[taoeffect]

Closing per this comment.

[taoeffect]

Will create individual issues.