✨ (interval) new way to set interval time

src/views/Home.vue

@@ -1,24 +1,16 @@
 <template>
   <div class="home">
+    <IntervalInput
+      :interval="interval"
+      :editable="timeState === 'stopped'"
+      @update="(int) => (interval = int)"
+    />
     <section class="developers">
       <DreamMaker
         position="1"
         :is-turn="isProgrammer1Turn"
         :session="session"
       />
-      <div v-if="timeState === 'stopped'">
-        <input
-          id="interval"
-          name="interval"
-          placeholder="intervale"
-          v-model.number="interval"
-          type="number"
-          step="1"
-          min="1"
-          @keypress.enter="start"
-        />
-        minutes
-      </div>
       <DreamMaker
         position="2"
         :is-turn="!isProgrammer1Turn"
@@ -39,12 +31,14 @@ import { defineComponent, onUnmounted } from '@vue/composition-api'
 import { useTimer } from '@/hooks/useTimer'
 import DreamMaker from '@/components/DreamMaker.vue'
 import ChilledMusic from '@/components/ChilledMusic.vue'
+import IntervalInput from '@/components/IntervalInput.vue'
 
 export default defineComponent({
   name: 'Home',
   components: {
     DreamMaker,
-    ChilledMusic
+    ChilledMusic,
+    IntervalInput
   },
   setup() {
     const {