Fix errors

src/layouts/DefaultLayout.vue

@@ -5,9 +5,9 @@
       <v-row justify="end" style="margin-top: .2%; margin-bottom: -1.2%;">
 
         <v-card-text justify="end" style="max-width: 22%; margin-top: .2%; margin-bottom: -1.2%;">
-          <v-text-field :loading="loading" append-inner-icon="mdi-magnify" density="compact"
+          <v-text-field append-inner-icon="mdi-magnify" density="compact"
             label="Recherche et comptes (Non fonctionnel pour le moment)" variant="solo" hide-details single-line
-            @click:append-inner="onClick"></v-text-field>
+            ></v-text-field>
         </v-card-text>
 
         <v-col cols="2" class="d-flex align-center">
@@ -26,13 +26,6 @@
   </div>
 
 
-
-
-
-
-
-
-
   <!-- Version pour mobile -->
   <div class="md:hidden flex flex-col items-center justify-center">
     <v-container style="margin-top: -20px;">
@@ -124,7 +117,6 @@ import { useRouter } from 'vue-router';
 const authStore = useAuthStore();
 const router = useRouter()
 
-
 const logout = () => {
   authStore.logout();
   router.push('/login');

src/views/main/HomeView.vue

@@ -1,9 +1,5 @@
 <template>
-  <v-app>
-
-
-
-
+  <main>
     <!--PC -->
     <div class="md:flex hidden items-center justify-between flex-col" style="margin-top: 2%;">
       <v-container style="margin-bottom: -.1%;">
@@ -76,7 +72,7 @@
                       </v-card>
                     </v-hover>
 
-                    <v-space style="margin-left: 30px;"></v-space>
+                    <div style="margin-left: 30px;"></div>
 
                     <v-hover v-slot="{ isHovering, props }">
                       <v-card class="mx-auto" max-width="400" v-bind="props">
@@ -100,7 +96,7 @@
                       </v-card>
                     </v-hover>
 
-                    <v-space style="margin-left: 30px;"> </v-space>
+                    <div style="margin-left: 30px;"> </div>
 
 
 
@@ -168,11 +164,7 @@
                       </RouterLink>
                     </v-col>
                   </v-row>
-
-
-
                 </v-col>
-
                 <v-col>
                   <v-img src="../../../images/homepage/cestquoihutopy.png"
                     style="border-radius: 90px; min-width: 344px;"></v-img>
@@ -181,11 +173,6 @@
             </v-container>
 
 
-
-
-
-
-
             <!-- Fin Description D'hutopy -->
 
 
@@ -232,13 +219,6 @@
           </v-col>
         </v-row>
       </v-container>
-
-
-
-
-
-
-
     </div>
 
     <!-- Mobile -->
@@ -384,13 +364,6 @@ const client = useClient();
 let itemList = ref([]);
 let errorNoAccessSnackBar = ref(false);
 
-const showOverlay(index) {
-      this.overlays[index] = true;
-    },
-    hideOverlay(index) {
-      this.overlays[index] = false;
-    },
-
 async function callBackend() {
   try {
     const response = await client.get('/api/TodoItems?ListId=1&PageNumber=1&PageSize=10');