Files
DiceCloud/app/imports/ui/properties/viewers/DamageMultiplierViewer.vue
2021-03-24 16:23:39 +02:00

29 lines
628 B
Vue

<template lang="html">
<div>
<property-name :value="model.name" />
<div v-if="model.damageTypes.length">
{{ operation }} to {{ model.damageTypes.join(', ') }} damage
</div>
</div>
</template>
<script lang="js">
import propertyViewerMixin from '/imports/ui/properties/viewers/shared/propertyViewerMixin.js'
export default {
mixins: [propertyViewerMixin],
computed: {
operation(){
switch (this.model.value){
case 0: return 'Immunity';
case 0.5: return 'Resistance';
case 2: return 'Vulnerability';
default: return '';
}
},
},
}
</script>
<style lang="css" scoped>
</style>