Linted code

app.config.ts

@@ -1,6 +1,6 @@
 export default defineAppConfig({
   ui: {
     primary: 'lime',
-    gray: 'neutral',
+    gray: 'neutral'
   }
 })

app/app.config.ts

@@ -3,10 +3,10 @@ export default defineAppConfig({
     gray: 'neutral',
     primary: 'gray',
     container: {
-      constrained: 'max-w-3xl',
+      constrained: 'max-w-3xl'
     },
     icons: {
-      dynamic: true,
+      dynamic: true
     }
   }
 })

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>

nuxt.config.ts

@@ -8,36 +8,36 @@ export default defineNuxtConfig({
     '@nuxt/ui',
     '@nuxt/content',
     '@vueuse/nuxt',
-    "@nuxtjs/google-fonts"
+    '@nuxtjs/google-fonts'
   ],
 
   hub: {
-    cache: true,
+    cache: true
   },
 
   app: {
-    pageTransition: { name: "page", mode: "out-in" },
+    pageTransition: { name: 'page', mode: 'out-in' }
   },
 
   content: {
     highlight: {
-      theme: "github-dark",
-    },
+      theme: 'github-dark'
+    }
   },
 
   colorMode: {
-    preference: "light",
-    fallback: "light",
+    preference: 'light',
+    fallback: 'light'
   },
 
   ui: {
-    icons: ["heroicons", "logos", "ph"],
+    icons: ['heroicons', 'logos', 'ph']
 
   },
 
   devtools: {
     enabled: true,
-    timeline: { enabled: true, }
+    timeline: { enabled: true }
   },
 
   eslint: {
@@ -50,11 +50,17 @@ export default defineNuxtConfig({
   },
 
   googleFonts: {
-    display: "swap",
+    display: 'swap',
     families: {
-      Inter: [400, 500, 600, 700, 800, 900],
+      'Inter': [400, 500, 600, 700, 800, 900],
       'Sofia Sans': [400],
-      'DM Sans': [400, 500, 600, 700, 800, 900],
-    },
+      'DM Sans': [400, 500, 600, 700, 800, 900]
+    }
   },
+
+  nitro: {
+    experimental: {
+      openAPI: true
+    }
+  }
 })

tailwind.config.ts

@@ -1,5 +1,5 @@
-import type { Config } from "tailwindcss"
-import typography from "@tailwindcss/typography"
+import type { Config } from 'tailwindcss'
+import typography from '@tailwindcss/typography'
 
 export default <Partial<Config>>{
   content: [
@@ -16,5 +16,5 @@ export default <Partial<Config>>{
     './app.config.{js,ts}',
     'content/**/*.md'
   ],
-  plugins: [typography],
+  plugins: [typography]
 }