Linted code

app/components/AppFooter.vue

@@ -3,17 +3,17 @@ const socials = [
   {
     icon: 'i-ph-x-logo-bold',
     label: 'Twitter',
-    link: 'https://twitter.com/ArthurDanj',
+    link: 'https://twitter.com/ArthurDanj'
   },
   {
     icon: 'i-ph-github-logo-bold',
     label: 'GitHub',
-    link: 'https://github.com/ArthurDanjou',
+    link: 'https://github.com/ArthurDanjou'
   },
   {
     icon: 'i-ph-linkedin-logo-bold',
     label: 'LinkedIn',
-    link: 'https://www.linkedin.com/in/arthurdanjou/',
+    link: 'https://www.linkedin.com/in/arthurdanjou/'
   }
 ]
 </script>
@@ -21,7 +21,11 @@ const socials = [
 <template>
   <footer class="mb-16">
     <div class="flex justify-center my-8">
-      <UDivider class="md:w-2/3" size="2xs" type="solid" />
+      <UDivider
+        class="md:w-2/3"
+        size="2xs"
+        type="solid"
+      />
     </div>
     <div>
       <h3>Find me on:</h3>
@@ -39,7 +43,8 @@ const socials = [
         <HomeLink
           label="arthurdanjou@outlook.fr"
           href="mailto:arthurdanjou@outlook.fr"
-          blanked />
+          blanked
+        />
       </div>
     </div>
   </footer>

app/components/AppHeader.vue

@@ -36,7 +36,10 @@ const navs = [
       Logo
     </div>
     <div class="flex gap-2 items-center">
-      <div v-for="nav in navs" :key="nav.label">
+      <div
+        v-for="nav in navs"
+        :key="nav.label"
+      >
         <UTooltip :text="nav.label">
           <UButton
             :icon="nav.icon"

app/components/content/AIcon.vue

@@ -2,14 +2,18 @@
 defineProps({
   icon: {
     type: String,
-    required: true,
+    required: true
   }
 })
 </script>
 
 <template>
   <div class="inline">
-    <UIcon class="mb-1 mr-1" :name="icon" :dynamic="true" />
+    <UIcon
+      class="mb-1 mr-1"
+      :name="icon"
+      :dynamic="true"
+    />
     <span class="sofia font-medium">
       <slot />
     </span>

app/components/home/Link.vue

@@ -9,7 +9,7 @@ defineProps({
     required: true
   },
   icon: {
-    type: String,
+    type: String
   },
   blanked: {
     type: Boolean,
@@ -24,7 +24,11 @@ defineProps({
     :target="blanked ? '_blank' : '_self'"
     class="sofia border-b border-gray-200 hover:border-black duration-300 dark:border-neutral-800 dark:hover:border-white flex gap-1 items-center pb-.5"
   >
-    <Icon v-if="icon" :name="icon" size="20"/>
+    <Icon
+      v-if="icon"
+      :name="icon"
+      size="20"
+    />
     <span class="font-bold text-md text-black dark:text-white">{{ label }}</span>
   </NuxtLink>
-</template>
+</template>