chore: upgrade to nuxt 4

app/components/index/services.vue

@@ -0,0 +1,68 @@
+<template>
+  <div
+    class="container prose dark:prose-invert w-full flex flex-col items-center mt-9"
+  >
+    <h1 class="m-0">Services</h1>
+    <p class="prose dark:prose-invert">
+      This site is statically generated using
+      <a href="https://v3.nuxtjs.org">Nuxt.js</a> with the help of templates and
+      Markdown — because really, writing HTML by hand is tedious and I don't
+      know why I ever tried — and its
+      <a href="https://github.com/potatoeggy/public">source is available here</a
+      >.
+    </p>
+    <!-- i could make this a list but god i'm so tired with nuxt -->
+    <div class="flex justify-around flex-wrap gap-8 items-center">
+      <ServiceCard
+        name="Gitea"
+        href="https://git.eggipelago.com"
+        img="gitea.svg"
+      >
+        Self-hosted GitHub
+      </ServiceCard>
+      <ServiceCard
+        name="Eifueo"
+        href="https://eifueo.eggipelago.com"
+        img="eifueo.svg"
+      >
+        Note collection
+      </ServiceCard>
+      <ServiceCard
+        name="Primoprod"
+        href="https://primoprod.vercel.app"
+        img="primogem.webp"
+      >
+        Wish simulator
+      </ServiceCard>
+      <ServiceCard
+        name="Calibre"
+        href="https://calibre.eggipelago.com"
+        img="calibre-web.webp"
+      >
+        Kobo Cloud
+      </ServiceCard>
+      <ServiceCard
+        name="Jellyfin"
+        href="https://jellyfin.eggipelago.com"
+        img="jellyfin.svg"
+      >
+        FOSS media server
+      </ServiceCard>
+      <ServiceCard
+        name="Minecraft"
+        href="minecraft.eggipelago.com"
+        img="minecraft.svg"
+        unclickable
+        broken
+      >
+        Whitelisted
+      </ServiceCard>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.container {
+  max-width: unset;
+}
+</style>