Files
DiceCloud/app/imports/ui/properties/components/attributes/HealthBarCard.vue
2020-03-06 10:15:38 +02:00

28 lines
603 B
Vue

<template lang="html">
<v-card class="pa-2">
<health-bar
v-for="attribute in attributes"
:key="attribute._id"
:value="attribute.value - (attribute.damage || 0)"
:maxValue="attribute.value"
:name="attribute.name"
:_id="attribute._id"
@change="e => $emit('change', {_id: attribute._id, change: e})"
@click="e => $emit('click', {_id: attribute._id})"
/>
</v-card>
</template>
<script>
import HealthBar from '/imports/ui/properties/components/attributes/HealthBar.vue';
export default {
props: {
attributes: Array,
},
components: {
HealthBar,
},
}
</script>