From b195b89fa936cacaaa68b35930881259e4f060b8 Mon Sep 17 00:00:00 2001
From: Gator <gator@ariona.fr>
Date: Sat, 27 Apr 2024 16:04:59 +0200
Subject: [PATCH] fix: format, lint, props warning

---
 src/App.vue                  | 15 +++++++++------
 src/assets/css/main.css      |  8 +++++---
 src/components/MenuReset.vue | 13 +++++++++++--
 3 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7aea5ed..70a653b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -36,19 +36,22 @@
 
 <template>
   <main>
-    <h1 id="main-title" class="main-title" v-if="store.mainMenu || windowWidth <= 800">
+    <h1
+      v-if="store.mainMenu || windowWidth <= 800"
+      id="main-title"
+      class="main-title"
+    >
       <span id="burger-toggle" class="burger-toggle" @click="toggleMainMenu">
         {{ store.mainMenu == true ? "▼" : "☰" }}
       </span>
-      <span >Cellular Automata Explorer</span>
+      <span>Cellular Automata Explorer</span>
     </h1>
     <div id="container" class="container">
-      <MainMenu class="main-menu" v-if="store.mainMenu || windowWidth >= 800" />
+      <MainMenu v-if="store.mainMenu || windowWidth >= 800" class="main-menu" />
       <CanvasBoard />
     </div>
-    <MenuReset :windowWidth=windowWidth />
+    <MenuReset :window-width="windowWidth" />
   </main>
 </template>
 
-<style src="./assets/css/main.css">
-</style>
+<style src="./assets/css/main.css"></style>
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 950f56a..5c62447 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -38,7 +38,8 @@ h2,
   font-weight: bold;
 }
 
-h1, .desktop-title {
+h1,
+.desktop-title {
   font-size: larger;
   text-transform: uppercase;
 }
@@ -77,7 +78,6 @@ select {
 input[type="number"] {
   max-width: 100%;
   height: 100%;
-  
 }
 
 input[type="button"] {
@@ -166,7 +166,9 @@ label,
   vertical-align: center;
 }
 
-.next, .stop, .reset {
+.next,
+.stop,
+.reset {
   display: inline-block;
   vertical-align: bottom;
 }
diff --git a/src/components/MenuReset.vue b/src/components/MenuReset.vue
index af4e717..cb0d11b 100644
--- a/src/components/MenuReset.vue
+++ b/src/components/MenuReset.vue
@@ -2,13 +2,22 @@
   import { globalStore } from "../stores/index.js";
   import { defineProps } from "vue";
 
-  const props = defineProps(['windowWidth']);
+  const props = defineProps(
+    {
+      windowWidth: {
+        type: Number,
+        default: 800
+      }
+    }
+  );
   const store = globalStore();
 </script>
 
 <template>
   <div class="reset-menu">
-    <div class="desktop-title" v-if="windowWidth >= 800">Cellular Automata Explorer</div>
+    <div v-if="props.windowWidth >= 800" class="desktop-title">
+      Cellular Automata Explorer
+    </div>
     <div class="reset-input">
       <div class="loop">
         <label>