migrate to Vue3

src/hooks/useMusic.ts

@@ -1,24 +1,19 @@
-import { useGetters, useActions } from 'vuex-composition-helpers'
-import { GetterTree } from 'vuex'
-import { State, RootActions } from '@/store'
+import { useMainStore } from '@/store'
+import { computed } from 'vue'
 
 export const useMusic = () => {
+  const store = useMainStore()
   const isIOS =
     navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform)
-  const { hasMusic, hasSpotify } = useGetters<GetterTree<State, State>>([
-    'hasMusic',
-    'hasSpotify'
-  ])
-  const { setHasMusic, setHasSpotify } = useActions<RootActions>([
-    'setHasMusic',
-    'setHasSpotify'
-  ])
+
+  const hasMusic = computed(() => store.hasMusic)
+  const hasSpotify = computed(() => store.hasSpotify)
 
   return {
     isMusicAvailable: !isIOS,
     hasMusic,
-    setHasMusic,
+    setHasMusic: store.setHasMusic,
     hasSpotify,
-    setHasSpotify
+    setHasSpotify: store.setHasSpotify
   }
 }