💄 (interval) interval in one line

This commit is contained in:
2020-07-15 01:08:29 +02:00
parent 556a25c908
commit c73dfc650f

View File

@@ -6,7 +6,7 @@
</button> </button>
</transition> </transition>
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<h2>{{ label }}</h2> <h3>{{ label }}</h3>
</transition> </transition>
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<button v-show="editable" @click="plus"> <button v-show="editable" @click="plus">
@@ -29,15 +29,11 @@ export default defineComponent({
const { interval, minInterval, minus, plus } = useInterval() const { interval, minInterval, minus, plus } = useInterval()
const label = computed(() => { const label = computed(() => {
if (interval.value > 1) {
return `${interval.value} minute session`
}
if (interval.value === minInterval) { if (interval.value === minInterval) {
return '30 second session' return '30s session'
} }
return `${interval.value} minute` return `${interval.value}min session`
}) })
return { return {