migrate to Vue3

src/hooks/useTimer.ts

@@ -1,18 +1,10 @@
-import {
-  ref,
-  computed,
-  watch,
-  onMounted,
-  onUnmounted
-} from '@vue/composition-api'
+import { ref, computed, watch, onMounted, onUnmounted } from 'vue'
 import { StopwatchState } from '@/types/StopwatchState'
 import { notify } from '@/utils/notification'
 import { useInterval } from './useInterval'
 import { useWakeLock } from './useWakeLock'
 import i18n from '@/i18n'
-import { useGetters } from 'vuex-composition-helpers'
-import { GetterTree } from 'vuex'
-import { State } from '@/store'
+import { useMainStore } from '@/store'
 
 const toggleSound = new Audio('/sound/toggle.mp3')
 
@@ -29,7 +21,7 @@ const formatSeconds = (seconds: number) => {
 
 export const useTimer = () => {
   const { askWakeLockPermission, releaseWakeLock } = useWakeLock()
-  const { dev1, dev2 } = useGetters<GetterTree<State, State>>(['dev1', 'dev2'])
+  const store = useMainStore()
 
   const timeState = ref<StopwatchState>('stopped')
   const seconds = ref(0)
@@ -59,7 +51,7 @@ export const useTimer = () => {
         sessionSeconds.value = intervalSeconds.value
         isDev1Turn.value = !isDev1Turn.value
 
-        const dev = isDev1Turn.value ? dev1.value : dev2.value
+        const dev = isDev1Turn.value ? store.dev1 : store.dev2
 
         toggleSound.play()