🎨 - Reformat code

src/App.vue

@@ -103,12 +103,14 @@ button:disabled {
 /* ********** */
 
 @media (max-width: 835px) {
-  #container{
+  #container {
     flex-direction: column;
   }
+
   #todo-container {
     width: 100%;
   }
+
   #right-side {
     margin-right: 32px;
     margin-left: 32px;

src/components/Infos.vue

@@ -144,7 +144,6 @@ export default {
     resetStats() {
       this.resetDone = true;
       this.$store.commit('resetStats');
-      console.log(this.resetDone)
     },
   },
   mounted() {

src/components/Pomodoro.vue

@@ -18,11 +18,11 @@
       <div id="time">
         <div id="minutes">
           <div><i @click="this.addMinutes" class="arrow up"></i></div>
-          <span>{{minutes}}</span>
+          <span>{{ minutes }}</span>
           <div><i @click="this.substractMinutes" class="arrow down"></i></div>
         </div>
         <span id="colon">:</span>
-        <span id="seconds">{{seconds}}</span>
+        <span id="seconds">{{ seconds }}</span>
       </div>
       <div id="params">
         <div id="startStop">
@@ -38,6 +38,7 @@
 
 <script>
 import Stats from "@/components/Infos";
+
 const MINUTES = 25;
 const RANGE_MINUTES = 5;
 const SECONDS = 0;
@@ -47,7 +48,7 @@ const LONG_PAUSE = 30;
 export default {
   name: "Pomodoro",
   components: {Stats},
-  data () {
+  data() {
     return {
       minutes: MINUTES,
       seconds: SECONDS,
@@ -99,7 +100,9 @@ export default {
       }
       this.disableButton("start");
       let all = document.querySelectorAll("#presetTime button");
-      for (let el of all) { el.disabled = true; }
+      for (let el of all) {
+        el.disabled = true;
+      }
     },
     pauseSession() {
       this.sessionStarted = false;
@@ -122,7 +125,9 @@ export default {
       this.prettyTime();
       clearTimeout(this.timeout);
       let all = document.querySelectorAll("#presetTime button, #start");
-      for (let el of all) { el.disabled = false; }
+      for (let el of all) {
+        el.disabled = false;
+      }
       this.disableButton("pause")
       this.unlockArrows()
     },
@@ -182,7 +187,7 @@ export default {
         dots[i].classList.add("active");
       }
     },
-    setupPauseTimer(minutes){
+    setupPauseTimer(minutes) {
       this.isRestingTime = true;
       this.sessionStarted = false;
       this.enableButton("start");
@@ -192,7 +197,7 @@ export default {
       this.seconds = 0;
       this.prettyTime();
     },
-    prettyTime () {
+    prettyTime() {
       if (this.minutes < 10) {
         this.minutes = "0" + this.minutes;
       }
@@ -241,7 +246,7 @@ export default {
   margin-bottom: 16px;
 }
 
-#startStop > button{
+#startStop > button {
   font-size: 32px;
   text-align: center;
 }
@@ -327,6 +332,7 @@ export default {
   margin: 12px 4px 12px 4px;
   display: inline-block;
 }
+
 /* ********** */
 /* RESPONSIVE */
 /* ********** */
@@ -335,9 +341,11 @@ export default {
   #container {
     margin-top: 16px;
   }
+
   #message {
     font-size: 1.6rem;
   }
+
   .pomodoro {
     margin-right: 8px;
     width: 50%;
@@ -348,6 +356,7 @@ export default {
   #time {
     font-size: 38px;
   }
+
   #colon {
     margin-right: 8px;
     margin-left: 8px;

src/components/Settings.vue

@@ -1,11 +1,12 @@
 <template>
-<div id="settings-container">
+  <div id="settings-container">
-  <div id="color-palette" class="bubble-container">
+    <div id="color-palette" class="bubble-container">
-    <div v-for="color in colors" :key="color.id">
+      <div v-for="color in colors" :key="color.id">
-      <div class="bubble-item" :id="color" :style="{backgroundColor: color, borderColor: activeColor}" @click="setBackgroundColor($event, color)"></div>
+        <div class="bubble-item" :id="color" :style="{backgroundColor: color, borderColor: activeColor}"
+             @click="setBackgroundColor($event, color)"></div>
+      </div>
     </div>
   </div>
-</div>
 </template>
 
 <script>
@@ -25,7 +26,7 @@ export default {
     }
   },
   methods: {
-    setBackgroundColor(event,color) {
+    setBackgroundColor(event, color) {
       this.removeActiveColorFromPalette()
       event.target.style.borderColor = this.activeColor;
       document.body.style.backgroundColor = color;
@@ -80,6 +81,7 @@ export default {
     justify-content: center;
     margin-top: 8px;
   }
+
   .bubble-item {
     margin-top: 0;
     margin-right: 4px;

src/components/ToDoList.vue

@@ -9,7 +9,7 @@
       <div id="liste" ref="todoList">
         <div v-for="item in items" :key="item.text" class="item" :id=item :class="item.isPinned? 'pinned' : ''">
           <div class="text">
-            {{item.text}}
+            {{ item.text }}
           </div>
           <div id="emojis">
             <div @click="pinItem(item)" id="pin">
@@ -86,7 +86,7 @@ export default {
         }
       })
     },
-    saveCurrentItems(){
+    saveCurrentItems() {
       localStorage.setItem("currentItems", JSON.stringify(this.items));
     }
   }
@@ -221,6 +221,7 @@ export default {
     padding-right: 16px;
     padding-left: 16px;
   }
+
   #liste {
     padding-bottom: 8px;
     padding-left: 16px;