♻️ (hook) change isDev1Turn name variable

src/hooks/useTimer.ts

@@ -18,7 +18,7 @@ export const useTimer = () => {
   const seconds = ref(0)
   const interval = ref(5)
   const sessionSeconds = ref(interval.value * 60)
-  const isProgrammer1Turn = ref(true)
+  const isDev1Turn = ref(true)
 
   const time = computed(() => formatSeconds(seconds.value))
   const session = computed(() => formatSeconds(sessionSeconds.value))
@@ -36,11 +36,12 @@ export const useTimer = () => {
 
     stopwatchId = setInterval(() => {
       seconds.value++
-      if (seconds.value % intervalSeconds.value === 0) {
+      const isTimeToChange = seconds.value % intervalSeconds.value === 0
+      if (isTimeToChange) {
         sessionSeconds.value = intervalSeconds.value
-        isProgrammer1Turn.value = !isProgrammer1Turn.value
+        isDev1Turn.value = !isDev1Turn.value
 
-        const dev = isProgrammer1Turn.value ? 'Dev 1' : 'Dev 2'
+        const dev = isDev1Turn.value ? 'Dev 1' : 'Dev 2'
 
         notify('Changement !', {
           body: `${dev}, à votre tour !`
@@ -69,7 +70,7 @@ export const useTimer = () => {
     pause()
     seconds.value = 0
     sessionSeconds.value = intervalSeconds.value
-    isProgrammer1Turn.value = true
+    isDev1Turn.value = true
   }
 
   return {
@@ -80,6 +81,6 @@ export const useTimer = () => {
     timeState,
     time,
     session,
-    isProgrammer1Turn
+    isDev1Turn
   }
 }

src/views/Home.vue

@@ -6,16 +6,8 @@
       @update="(int) => (interval = int)"
     />
     <section class="developers">
-      <DevSession
+      <DevSession position="1" :is-turn="isDev1Turn" :session="session" />
-        position="1"
+      <DevSession position="2" :is-turn="!isDev1Turn" :session="session" />
-        :is-turn="isProgrammer1Turn"
-        :session="session"
-      />
-      <DevSession
-        position="2"
-        :is-turn="!isProgrammer1Turn"
-        :session="session"
-      />
     </section>
     <div class="global-time">{{ time }}</div>
     <div class="actions">
@@ -70,7 +62,7 @@ export default defineComponent({
       timeState,
       time,
       session,
-      isProgrammer1Turn
+      isDev1Turn
     } = useTimer()
 
     return {
@@ -82,7 +74,7 @@ export default defineComponent({
       timeState,
       time,
       session,
-      isProgrammer1Turn
+      isDev1Turn
     }
   }
 })