Add unlighthouse

app/components/AppFooter.vue

@@ -29,7 +29,7 @@ const socials = [
     </div>
     <div class="space-y-4">
       <div class="flex flex-col md:flex-row gap-2 md:items-center">
-        <h3>Find me on:</h3>
+        <h1>Find me on:</h1>
         <div class="flex gap-4">
           <HomeLink
             v-for="social in socials"
@@ -42,7 +42,7 @@ const socials = [
         </div>
       </div>
       <div class="flex flex-col md:flex-row gap-2 md:items-center">
-        <h4>Or send me an email:</h4>
+        <h1>Or send me an email:</h1>
         <div class="flex">
           <HomeLink
             blanked

app/components/AppHeader.vue

@@ -74,6 +74,7 @@ defineShortcuts({
           :icon="nav.icon"
           :target="nav.target ? nav.target : '_self'"
           :to="nav.to"
+          :aria-label="nav.label"
           color="white"
           size="sm"
           label=""
@@ -88,6 +89,7 @@ defineShortcuts({
           <UButton
             :icon="isDark ? 'i-ph-moon-duotone' : 'i-ph-sun-duotone'"
             color="white"
+            aria-label="switch theme"
             size="sm"
             variant="solid"
             @click="toggleTheme()"

app/pages/uses.vue

@@ -20,28 +20,20 @@ const ide = items.value!.filter(item => item.category === 'ide')
       title="Uses"
     />
     <div class="mt-12 space-y-24">
-      <ul class="space-y-8">
+      <UsesList title="Hardware">
-        <UDivider
-          label="Hardware"
-          size="xs"
-        />
         <UsesItem
           v-for="(item, id) in hardware"
           :key="id"
           :item="item"
         />
-      </ul>
+      </UsesList>
-      <ul class="space-y-8">
+      <UsesList title="Software">
-        <UDivider
-          label="Software"
-          size="xs"
-        />
         <UsesItem
           v-for="(item, id) in software"
           :key="id"
           :item="item"
         />
-      </ul>
+      </UsesList>
       <ul class="space-y-8">
         <UDivider
           label="IDE & Font"

app/pages/writings/[slug].vue

@@ -98,16 +98,16 @@ async function handleLike() {
       />
       <div class="space-y-8">
         <p>
-          Thanks for reading this post! If you liked it, please consider sharing it with your friends. <strong>Don't
+          Thanks for reading this post! If you liked it, please consider sharing it with your friends.
-            forget to leave a like!</strong>
+          <strong>Don't forget to leave a like!</strong>
         </p>
         <div class="flex gap-4 items-center flex-wrap">
           <UButton
             :label="postDB?.likes > 1 ? `${postDB?.likes} likes` : `${postDB?.likes} like`"
-            color="red"
+            color="white"
             icon="i-ph-heart-duotone"
             size="lg"
-            variant="outline"
+            variant="solid"
             @click.prevent="handleLike()"
           />
           <UButton

package.json

@@ -20,6 +20,7 @@
     "@nuxthq/studio": "^2.0.3",
     "@nuxthub/core": "^0.7.0",
     "@nuxtjs/google-fonts": "^3.2.0",
+    "@nuxtjs/seo": "2.0.0-rc.11",
     "drizzle-orm": "^0.31.2",
     "h3-zod": "^0.5.3",
     "nuxt": "^3.12.2",