chore(lint): switched to a better lint config

src/pages/404.page.vue

@@ -9,10 +9,18 @@ useHead({ title: 'Page not found - IT Tools' });
   <div mt-20 flex flex-col items-center>
     <n-icon :component="Coffee" size="100" depth="3" />
 
-    <n-h1 m-0 mt-3>404 Not Found</n-h1>
-    <n-text mt-4 block depth="3">Sorry, this page does not seem to exist</n-text>
-    <n-text mb-8 block depth="3">Maybe the cache is doing tricky things, try force-refreshing?</n-text>
+    <n-h1 m-0 mt-3>
+      404 Not Found
+    </n-h1>
+    <n-text mt-4 block depth="3">
+      Sorry, this page does not seem to exist
+    </n-text>
+    <n-text mb-8 block depth="3">
+      Maybe the cache is doing tricky things, try force-refreshing?
+    </n-text>
 
-    <c-button to="/"> Back home </c-button>
+    <c-button to="/">
+      Back home
+    </c-button>
   </div>
 </template>

src/pages/About.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useTracker } from '@/modules/tracker/tracker.services';
 import { useHead } from '@vueuse/head';
+import { useTracker } from '@/modules/tracker/tracker.services';
 
 useHead({ title: 'About - IT Tools' });
 const { tracker } = useTracker();
@@ -11,7 +11,9 @@ const { tracker } = useTracker();
     <n-h1>About</n-h1>
     <n-p>
       This wonderful website, made with ❤ by
-      <c-link href="https://github.com/CorentinTh" target="_blank" rel="noopener"> Corentin Thomasset </c-link>,
+      <c-link href="https://github.com/CorentinTh" target="_blank" rel="noopener">
+        Corentin Thomasset
+      </c-link>,
       aggregates useful tools for developer and people working in IT. If you find it useful, please fell free to share
       it to people you think may find it useful too and don't forget to pin it in your shortcut bar !
     </n-p>
@@ -25,8 +27,8 @@ const { tracker } = useTracker();
         target="_blank"
         @click="() => tracker.trackEvent({ eventName: 'Support button clicked' })"
       >
-        sponsoring me </c-link
-      >.
+        sponsoring me
+      </c-link>.
     </n-p>
 
     <n-h2>Technologies</n-h2>

src/pages/Home.page.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { config } from '@/config';
-import { useToolStore } from '@/tools/tools.store';
 import { Heart } from '@vicons/tabler';
 import { useHead } from '@vueuse/head';
 import ColoredCard from '../components/ColoredCard.vue';
 import ToolCard from '../components/ToolCard.vue';
+import { useToolStore } from '@/tools/tools.store';
+import { config } from '@/config';
 
 const toolStore = useToolStore();
 
@@ -16,25 +16,23 @@ useHead({ title: 'IT Tools - Handy online tools for developers' });
     <div class="grid-wrapper">
       <n-grid v-if="config.showBanner" x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8">
         <n-gi>
-          <colored-card title="You like it-tools?" :icon="Heart">
+          <ColoredCard title="You like it-tools?" :icon="Heart">
             Give us a star on
             <a
               href="https://github.com/CorentinTh/it-tools"
               rel="noopener"
               target="_blank"
               aria-label="IT-Tools' GitHub repository"
-              >GitHub</a
-            >
+            >GitHub</a>
             or follow us on
             <a
               href="https://twitter.com/ittoolsdottech"
               rel="noopener"
               target="_blank"
               aria-label="IT-Tools' Twitter account"
-              >Twitter</a
-            >! Thank you
+            >Twitter</a>! Thank you
             <n-icon :component="Heart" />
-          </colored-card>
+          </ColoredCard>
         </n-gi>
       </n-grid>
 
@@ -43,7 +41,7 @@ useHead({ title: 'IT Tools - Handy online tools for developers' });
           <n-h3>Your favorite tools</n-h3>
           <n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8">
             <n-gi v-for="tool in toolStore.favoriteTools" :key="tool.name">
-              <tool-card :tool="tool" />
+              <ToolCard :tool="tool" />
             </n-gi>
           </n-grid>
         </div>
@@ -53,7 +51,7 @@ useHead({ title: 'IT Tools - Handy online tools for developers' });
         <n-h3>Newest tools</n-h3>
         <n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8">
           <n-gi v-for="tool in toolStore.newTools" :key="tool.name">
-            <tool-card :tool="tool" />
+            <ToolCard :tool="tool" />
           </n-gi>
         </n-grid>
       </div>
@@ -62,7 +60,7 @@ useHead({ title: 'IT Tools - Handy online tools for developers' });
       <n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8">
         <n-gi v-for="tool in toolStore.tools" :key="tool.name">
           <transition>
-            <tool-card :tool="tool" />
+            <ToolCard :tool="tool" />
           </transition>
         </n-gi>
       </n-grid>