💄 (app) better responsive design
This commit is contained in:
@@ -1,7 +1,6 @@
|
||||
import { useGetters, useActions } from 'vuex-composition-helpers'
|
||||
import { GetterTree } from 'vuex'
|
||||
import { State, RootActions } from '@/store'
|
||||
import { computed } from '@vue/composition-api'
|
||||
|
||||
const MIN_INTERVAL = 0.5
|
||||
|
||||
@@ -19,22 +18,10 @@ export const useInterval = () => {
|
||||
setInterval(Math.floor(interval.value + 1))
|
||||
}
|
||||
|
||||
const label = computed(() => {
|
||||
if (interval.value > 1) {
|
||||
return `${interval.value} minutes`
|
||||
}
|
||||
|
||||
if (interval.value === MIN_INTERVAL) {
|
||||
return '30 seconds'
|
||||
}
|
||||
|
||||
return `${interval.value} minute`
|
||||
})
|
||||
|
||||
return {
|
||||
interval,
|
||||
minInterval: MIN_INTERVAL,
|
||||
minus,
|
||||
plus,
|
||||
label
|
||||
plus
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user