TandoorRecipes/vue/src/components/ScalableNumber.vue
2021-02-18 09:37:17 +01:00

26 lines
385 B
Vue

<template>
<span v-html="calculateAmount(number)"></span>
</template>
<script>
import {calculateAmount} from "@/utils/utils";
export default {
name: 'ScalableNumber',
props: {
number: Number,
factor: {
type: Number,
default: 4
},
},
methods: {
calculateAmount: function (x) {
return calculateAmount(x, this.factor)
}
}
}
</script>