Got healthbars persisting data to the database

app/imports/ui/components/HealthBarCardContainer.vue

@@ -0,0 +1,40 @@
+<template lang="html">
+  <health-bar-card
+		:attributes="attributes"
+		@change="healthBarChanged"
+	/>
+</template>
+
+<script>
+	import Attributes from '/imports/api/creature/properties/Attributes.js';
+	import { adjustAttribute } from '/imports/api/creature/properties/Attributes.js';
+	import HealthBarCard from '/imports/ui/components/HealthBarCard.vue';
+
+	export default {
+		components: {
+			HealthBarCard,
+		},
+		props: {
+			charId: String,
+		},
+		meteor: {
+			attributes(){
+				return Attributes.find({
+					charId: this.charId,
+					type: 'healthBar',
+					value: {$ne: 0},
+				}, {
+					sort: {order: 1},
+				});
+			},
+		},
+		methods: {
+			healthBarChanged({_id, change}){
+				adjustAttribute.call({
+					_id,
+					[change.type]: change.value
+				});
+			},
+		},
+	};
+</script>