💬 (song) change label

src/views/Home.vue

@@ -20,8 +20,8 @@
     <div class="global-time">{{ time }}</div>
     <div class="actions">
       <button v-show="timeState === 'stopped'" @click="start">commencer</button>
-      <button v-show="timeState === 'started'" @click="pause">pause</button>
-      <button v-show="timeState === 'started'" @click="clear">arrêter</button>
+      <button v-show="timeState === 'started'">pause</button>
+      <button v-show="timeState === 'started'">arrêter</button>
     </div>
     <div class="music">
       <div class="pretty p-switch p-fill">
@@ -32,21 +32,20 @@
           v-model="hasMusic"
         />
         <div class="state p-success">
-          <label for="use-music">Musique</label>
+          <label for="use-music">son</label>
         </div>
       </div>
       <ChilledMusic
         v-if="hasMusic"
         :play="timeState === 'started'"
         @play="start"
-        @pause="pause"
       />
     </div>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, onUnmounted } from '@vue/composition-api'
+import { defineComponent } from '@vue/composition-api'
 import { useTimer } from '@/hooks/useTimer'
 import { useMusic } from '@/hooks/useMusic'
 import DevSession from '@/components/DevSession.vue'
@@ -65,22 +64,16 @@ export default defineComponent({
     const {
       interval,
       start,
-      pause,
-      clear,
       timeState,
       time,
       session,
       isProgrammer1Turn
     } = useTimer()
 
-    onUnmounted(clear)
-
     return {
       hasMusic,
       interval,
       start,
-      pause,
-      clear,
       timeState,
       time,
       session,