💄 (interval) interval in one line
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user