Create common Vue components

[Zomis]

To avoid having to re-implement the same behavior in every game, it might be beneficial to create some reusable components.

Such as:

• [x] PlayerProfile (v-avatar showing picture, hover text, possibly a link to profile in the future)
• [ ] Value (for animating single values, like points and money in Splendor...)
• [x] CardZone (for handling animations of cards entering and leaving)
• [x] Card / Actionable (for handling actions, highlighting possible actions...)
• [ ] Dice (color property)
• [ ] Cubes (color property)
• [ ] Workers (color property)
• [ ] Player game pieces (color property) (also possible to just use player avatar)
• [ ] Game Board (with dividable areas, like Pandemic)

Features that common components are intended to solve:

• Animations
• Actions (showing possible actions and performing actions)
• More common layout and CSS across different games

Opinions about which components to create are much appreciated.

[Zomis]

As an example of Value component: https://github.com/Cardshifter/HTML-Client/blob/master/src/components/Value.vue and https://stackoverflow.com/q/50824857/1310566

[Zomis]

A lot of stuff can be done using https://materialdesignicons.com/ , to use them use <v-icon>mdi-...</v-icon>. They can also be used inside buttons, as seen in examples here: https://vuetifyjs.com/en/components/buttons/