chore: upgrade to composition API

src/views/Home.vue

@@ -65,56 +65,37 @@
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, onMounted } from 'vue'
+<script setup lang="ts">
+import { onMounted } from 'vue'
 import { useTimer } from '@/hooks/useTimer'
 import DevSession from '@/components/DevSession.vue'
 import ZoneMusic from '@/components/ZoneMusic.vue'
 import IntervalInput from '@/components/IntervalInput.vue'
 
-export default defineComponent({
-  name: 'Home',
-  components: {
-    DevSession,
-    ZoneMusic,
-    IntervalInput
-  },
-  props: {
-    play: { type: Boolean, default: false }
-  },
-  setup(props) {
-    const {
-      interval,
-      start,
-      pause,
-      clear,
-      timeState,
-      time,
-      session,
-      isDev1Turn
-    } = useTimer()
+const props = withDefaults(defineProps<{
+  play?: boolean
+}>(), {
+  play: false
+})
 
-    const toggle = () => {
-      timeState.value === 'stopped' ? start() : pause()
-    }
+const {
+  interval,
+  start,
+  pause,
+  clear,
+  timeState,
+  time,
+  session,
+  isDev1Turn
+} = useTimer()
 
-    onMounted(() => {
-      if (props.play) {
-        start()
-      }
-    })
+const toggle = () => {
+  timeState.value === 'stopped' ? start() : pause()
+}
 
-    return {
-      interval,
-      toggle,
-      start,
-      pause,
-      clear,
-      timeState,
-      time,
-      session,
-      isDev1Turn
-    }
+onMounted(() => {
+  if (props.play) {
+    start()
   }
 })
 </script>