feat: page titles and favicon

app/error.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import type { NuxtError } from '#app'
+import type { NuxtError } from "#app"
 
-defineProps<{ error: NuxtError }>()
+defineProps<{ error: NuxtError }>();
+useHead({ title: 'Not found' });
 </script>
 
 <template>
@@ -11,12 +12,7 @@ defineProps<{ error: NuxtError }>()
         <p class="text-8xl font-black tracking-tight">404</p>
         <p class="text-lg font-medium">This link doesn't exist.</p>
         <p class="text-muted text-sm">
-          Maybe check out
-          <a
-            href="https://pihkaal.me"
-            class="underline underline-offset-2 hover:text-default transition-colors"
-          >pihkaal.me</a>
-          instead?
+          Maybe check out <a href="https://pihkaal.me" class="underline underline-offset-2 hover:text-default transition-colors">pihkaal.me</a> instead?
         </p>
       </div>
     </div>

app/pages/auth/sign-in.vue

@@ -2,6 +2,8 @@
 import { z } from "zod";
 import type { AuthFormField, FormSubmitEvent } from "@nuxt/ui";
 
+useHead({ title: 'Sign in' });
+
 definePageMeta({
   middleware: () => {
     const { loggedIn } = useUserSession();

app/pages/dashboard.vue

@@ -23,6 +23,13 @@ const category = computed(() => {
   return "all";
 });
 
+const categoryTitle = computed(() => {
+  if (category.value === "active") return "Active links";
+  if (category.value === "disabled") return "Disabled links";
+  return "All links";
+});
+useHead({ title: categoryTitle });
+
 const filteredLinks = computed(() => {
   if (!links.value) return [];
   if (category.value === "active") return links.value.filter((l) => !l.disabled);