fix: remove duplicate property

src/layouts/base.layout.vue

@@ -35,15 +35,9 @@ const m = toolsByCategory.map(category => ({
 </script>
 
 <template>
-  <menu-layout
+  <menu-layout class="menu-layout" :class="{ isSmallScreen: styleStore.isSmallScreen }">
-    class="menu-layout"
-    :class="{ isSmallScreen: styleStore.isSmallScreen }"
-  >
     <template #sider>
-      <router-link
+      <router-link to="/" class="hero-wrapper">
-        to="/"
-        class="hero-wrapper"
-      >
         <hero-gradient class="gradient" />
         <div class="text-wrapper">
           <div class="title">
@@ -57,63 +51,33 @@ const m = toolsByCategory.map(category => ({
       </router-link>
 
       <div class="sider-content">
-        <n-space
+        <n-space v-if="styleStore.isSmallScreen" justify="center">
-          v-if="styleStore.isSmallScreen"
-          justify="center"
-        >
           <navbar-buttons />
         </n-space>
 
-        <n-menu
+        <n-menu v-model:value="activeKey" :value="route.name" class="menu" :collapsed-width="64"
-          v-model:value="activeKey"
+          :collapsed-icon-size="22" :options="m" :indent="20" />
-          :value="route.name"
-          class="menu"
-          :collapsed-width="64"
-          :collapsed-icon-size="22"
-          :options="m"
-          :indent="20"
-        />
 
         <div class="footer">
           <div>
             IT-Tools
 
-            <n-button
+            <n-button text tag="a" target="_blank" rel="noopener" type="primary" depth="3"
-              text
+              :href="`https://github.com/CorentinTh/it-tools/tree/v${version}`">
-              tag="a"
-              target="_blank"
-              rel="noopener"
-              type="primary"
-              depth="3"
-              :href="`https://github.com/CorentinTh/it-tools/tree/v${version}`"
-            >
               v{{ version }}
             </n-button>
 
             <template v-if="commitSha && commitSha.length > 0">
               -
-              <n-button
+              <n-button text tag="a" target="_blank" rel="noopener" type="primary" depth="3"
-                text
+                :href="`https://github.com/CorentinTh/it-tools/tree/v${commitSha}`">
-                tag="a"
-                target="_blank"
-                rel="noopener"
-                type="primary"
-                depth="3"
-                :href="`https://github.com/CorentinTh/it-tools/tree/v${commitSha}`"
-              >
                 {{ commitSha }}
               </n-button>
             </template>
           </div>
           <div>
             © {{ new Date().getFullYear() }}
-            <n-button
+            <n-button text tag="a" target="_blank" rel="noopener" type="primary">
-              text
-              tag="a"
-              target="_blank"
-              rel="noopener"
-              type="primary"
-            >
               Corentin Thomasset
             </n-button>
           </div>
@@ -123,47 +87,22 @@ const m = toolsByCategory.map(category => ({
 
     <template #content>
       <div class="navigation">
-        <n-tooltip
+        <n-tooltip trigger="hover" placement="bottom-start">
-          trigger="hover"
-          placement="bottom-start"
-        >
           <template #trigger>
-            <n-button
+            <n-button :size="styleStore.isSmallScreen ? 'medium' : 'large'" circle quaternary aria-label="Toogle menu"
-              :size="styleStore.isSmallScreen ? 'medium' : 'large'"
+              @click="styleStore.isMenuCollapsed = !styleStore.isMenuCollapsed">
-              circle
+              <n-icon size="25" :component="Menu2" />
-              quaternary
+            </n-button>
-              aria-label="Toogle menu"
-              @click="styleStore.isMenuCollapsed = !styleStore.isMenuCollapsed"
-            >
-              <n-icon
-                size="25"
-                :component="Menu2"
-              />
-            </n-button> 
           </template>
           Toggle menu
         </n-tooltip>
 
-        <router-link
+        <router-link to="/" #="{ navigate, href }" custom>
-          to="/"
-          #="{ navigate, href }"
-          custom
-        >
           <n-tooltip trigger="hover">
             <template #trigger>
-              <n-button
+              <n-button tag="a" :href="href" :size="styleStore.isSmallScreen ? 'medium' : 'large'" circle quaternary
-                tag="a"
+                aria-label="Home" @click="navigate">
-                :href="href"
+                <n-icon size="25" :component="Home2" />
-                :size="styleStore.isSmallScreen ? 'medium' : 'large'"
-                circle
-                quaternary
-                aria-label="Home"
-                @click="navigate"
-              >
-                <n-icon
-                  size="25"
-                  :component="Home2"
-                />
               </n-button>
             </template>
             Home
@@ -174,18 +113,9 @@ const m = toolsByCategory.map(category => ({
 
         <n-tooltip trigger="hover">
           <template #trigger>
-            <n-button
+            <n-button type="primary" tag="a" href="https://github.com/sponsors/CorentinTh" rel="noopener"
-              type="primary"
+              target="_blank">
-              tag="a"
+              <n-icon v-if="!styleStore.isSmallScreen" :component="Heart" style="margin-right: 5px;" />
-              href="https://github.com/sponsors/CorentinTh"
-              rel="noopener"
-              target="_blank"
-            >
-              <n-icon
-                v-if="!styleStore.isSmallScreen"
-                :component="Heart"
-                style="margin-right: 5px;"
-              />
               Sponsor
             </n-button>
           </template>
@@ -226,7 +156,6 @@ const m = toolsByCategory.map(category => ({
 .hero-wrapper {
   position: absolute;
   display: block;
-  position: absolute;
   left: 0;
   width: 100%;
   z-index: 10;