diff --git a/.eslintrc b/.eslintrc
index cd0b772..f5140a1 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -23,9 +23,6 @@
     "space-before-blocks": ["error", "always"],
     "space-infix-ops": ["error", { "int32Hint": false }],
 
-    // Typescript
-    "@typescript-eslint/type-annotation-spacing": "error",
-
     // Vuejs
     "vue/multi-word-component-names": 0,
     "vue/html-indent": ["error", 2],
diff --git a/LICENCE.md b/LICENCE.md
new file mode 100644
index 0000000..5c93f45
--- /dev/null
+++ b/LICENCE.md
@@ -0,0 +1,13 @@
+            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+                    Version 2, December 2004
+
+ Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>
+
+ Everyone is permitted to copy and distribute verbatim or modified
+ copies of this license document, and changing it is allowed as long
+ as the name is changed.
+
+            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. You just DO WHAT THE FUCK YOU WANT TO.
diff --git a/components/AnimatedFish.vue b/components/AnimatedFish.vue
deleted file mode 100644
index 4956e3d..0000000
--- a/components/AnimatedFish.vue
+++ /dev/null
@@ -1,208 +0,0 @@
-<template>
-  <div class="relative flex items-center justify-center overflow-hidden py-20 sm:py-28" :style="{ '--streak-speed': streakSpeed }" @mouseover="fast = true" @mouseleave="fast = false">
-    <span
-      v-for="n in 5"
-      :key="n"
-      :style="{
-        top: Math.random() * 100 + '%',
-        animationDelay: Math.random() * 1 + 's',
-        animationDuration: streakSpeed
-      }"
-      class="streak absolute left-0 h-0.5 w-1/5 bg-gradient-to-r from-transparent to-black/60 dark:to-white/40"></span>
-    <span class="fish" :class="{ shake: fast, move: !fast }">
-      <span class="cursor-grab text-5xl">🐡</span>
-    </span>
-  </div>
-</template>
-
-<script setup>
-const fast = ref(false)
-const streakSpeed = computed(() => (fast.value ? '0.5s' : '2s'))
-</script>
-
-<style scoped>
-.fish.move {
-  animation: move 1s linear infinite;
-}
-
-.fish.shake {
-  animation: shake 0.5s linear infinite;
-}
-
-.streak {
-  animation: streaks linear infinite;
-  animation-duration: var(--streak-speed);
-}
-
-@keyframes move {
-  0% {
-    transform: translateY(0);
-  }
-  50% {
-    transform: translateY(-10px);
-  }
-  100% {
-    transform: translateY(0);
-  }
-}
-
-@keyframes streaks {
-  to {
-    left: 100%;
-  }
-}
-
-@keyframes shake {
-  2% {
-    transform: translate(2.5px, 1.5px) rotate(-0.5deg);
-  }
-  4% {
-    transform: translate(2.5px, 0.5px) rotate(-0.5deg);
-  }
-  6% {
-    transform: translate(2.5px, 0.5px) rotate(0.5deg);
-  }
-  8% {
-    transform: translate(2.5px, 2.5px) rotate(1.5deg);
-  }
-  10% {
-    transform: translate(1.5px, -1.5px) rotate(-0.5deg);
-  }
-  12% {
-    transform: translate(-1.5px, 0.5px) rotate(0.5deg);
-  }
-  14% {
-    transform: translate(0.5px, 1.5px) rotate(-0.5deg);
-  }
-  16% {
-    transform: translate(-1.5px, 0.5px) rotate(0.5deg);
-  }
-  18% {
-    transform: translate(1.5px, -1.5px) rotate(0.5deg);
-  }
-  20% {
-    transform: translate(2.5px, 1.5px) rotate(-0.5deg);
-  }
-  22% {
-    transform: translate(0.5px, -1.5px) rotate(1.5deg);
-  }
-  24% {
-    transform: translate(0.5px, -0.5px) rotate(-0.5deg);
-  }
-  26% {
-    transform: translate(0.5px, -1.5px) rotate(1.5deg);
-  }
-  28% {
-    transform: translate(0.5px, 0.5px) rotate(0.5deg);
-  }
-  30% {
-    transform: translate(2.5px, 0.5px) rotate(0.5deg);
-  }
-  32% {
-    transform: translate(-0.5px, 0.5px) rotate(0.5deg);
-  }
-  34% {
-    transform: translate(2.5px, 0.5px) rotate(-0.5deg);
-  }
-  36% {
-    transform: translate(0.5px, 2.5px) rotate(0.5deg);
-  }
-  38% {
-    transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
-  }
-  40% {
-    transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
-  }
-  42% {
-    transform: translate(1.5px, 2.5px) rotate(-0.5deg);
-  }
-  44% {
-    transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
-  }
-  46% {
-    transform: translate(2.5px, 1.5px) rotate(-0.5deg);
-  }
-  48% {
-    transform: translate(-1.5px, 2.5px) rotate(1.5deg);
-  }
-  50% {
-    transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
-  }
-  52% {
-    transform: translate(-1.5px, 1.5px) rotate(1.5deg);
-  }
-  54% {
-    transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
-  }
-  56% {
-    transform: translate(2.5px, 1.5px) rotate(0.5deg);
-  }
-  58% {
-    transform: translate(-1.5px, -1.5px) rotate(0.5deg);
-  }
-  60% {
-    transform: translate(1.5px, 0.5px) rotate(0.5deg);
-  }
-  62% {
-    transform: translate(-0.5px, -1.5px) rotate(1.5deg);
-  }
-  64% {
-    transform: translate(0.5px, 1.5px) rotate(-0.5deg);
-  }
-  66% {
-    transform: translate(-0.5px, 2.5px) rotate(0.5deg);
-  }
-  68% {
-    transform: translate(2.5px, 2.5px) rotate(1.5deg);
-  }
-  70% {
-    transform: translate(1.5px, -1.5px) rotate(0.5deg);
-  }
-  72% {
-    transform: translate(0.5px, 2.5px) rotate(-0.5deg);
-  }
-  74% {
-    transform: translate(0.5px, -1.5px) rotate(1.5deg);
-  }
-  76% {
-    transform: translate(-0.5px, 0.5px) rotate(0.5deg);
-  }
-  78% {
-    transform: translate(1.5px, -0.5px) rotate(0.5deg);
-  }
-  80% {
-    transform: translate(-0.5px, 2.5px) rotate(-0.5deg);
-  }
-  82% {
-    transform: translate(-1.5px, 0.5px) rotate(1.5deg);
-  }
-  84% {
-    transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
-  }
-  86% {
-    transform: translate(1.5px, -0.5px) rotate(0.5deg);
-  }
-  88% {
-    transform: translate(-1.5px, 0.5px) rotate(0.5deg);
-  }
-  90% {
-    transform: translate(0.5px, 0.5px) rotate(0.5deg);
-  }
-  92% {
-    transform: translate(0.5px, -1.5px) rotate(-0.5deg);
-  }
-  94% {
-    transform: translate(0.5px, 0.5px) rotate(-0.5deg);
-  }
-  96% {
-    transform: translate(2.5px, 2.5px) rotate(1.5deg);
-  }
-  98% {
-    transform: translate(1.5px, 2.5px) rotate(0.5deg);
-  }
-  0%,
-  100% {
-    transform: translate(0, 0) rotate(0);
-  }
-}
-</style>
diff --git a/components/ColorModeButton.vue b/components/ColorModeButton.vue
index fd7db08..45e9f0a 100644
--- a/components/ColorModeButton.vue
+++ b/components/ColorModeButton.vue
@@ -1,6 +1,6 @@
 <template>
   <ClientOnly>
-    <UButton :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'" color="gray" variant="ghost" aria-label="Theme" @click="isDark = !isDark" />
+    <UButton :ui="{ rounded: 'rounded-full' }" :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'" color="gray" variant="ghost" aria-label="Theme" @click="isDark = !isDark" />
     <template #fallback>
       <div class="h-8 w-8" />
     </template>
diff --git a/components/ColorPicker.vue b/components/ColorPicker.vue
index f57f7f8..b652676 100644
--- a/components/ColorPicker.vue
+++ b/components/ColorPicker.vue
@@ -1,7 +1,7 @@
 <template>
   <UPopover mode="hover">
     <template #default="{ open }">
-      <UButton color="gray" variant="ghost" square :class="[open && 'bg-gray-50 dark:bg-gray-800']" aria-label="Color picker">
+      <UButton :ui="{ rounded: 'rounded-full' }" color="gray" variant="ghost" square :class="[open && 'bg-gray-50 dark:bg-gray-800']" aria-label="Color picker">
         <UIcon name="i-heroicons-swatch-20-solid" class="text-primary-500 dark:text-primary-400 h-5 w-5" />
       </UButton>
     </template>
diff --git a/components/DefaultFooter.vue b/components/DefaultFooter.vue
index 2f10525..c205645 100644
--- a/components/DefaultFooter.vue
+++ b/components/DefaultFooter.vue
@@ -1,8 +1,11 @@
 <template>
   <footer class="mt-auto border-t border-gray-200 dark:border-gray-800">
     <UContainer class="space-between flex h-14 items-center">
-      <span class="text-sm text-gray-500"> © {{ new Date().getFullYear() }} roiLeo.</span>
-      <UButton class="ml-auto" color="gray" size="md" label="View on GitHub" icon="i-simple-icons-github" to="https://github.com/roiLeo/Nuxtplate" target="_blank" />
+      <NuxtLink to="http://www.wtfpl.net" target="_blank" external>
+        <img class="h-4 mr-2 bg-white rounded-full" src="/img/WTFPL.svg" />
+      </NuxtLink>
+      <span class="text-sm text-gray-500"> {{ new Date().getFullYear() }} roiLeo.</span>
+      <UButton class="ml-auto" color="gray" size="md" label="View on GitHub" icon="i-simple-icons-github" to="https://github.com/roiLeo/open-preview" target="_blank" />
     </UContainer>
   </footer>
 </template>
diff --git a/components/DefaultNavbar.vue b/components/DefaultNavbar.vue
index 6859509..d447471 100644
--- a/components/DefaultNavbar.vue
+++ b/components/DefaultNavbar.vue
@@ -1,11 +1,11 @@
 <template>
-  <header class="bg-background/75 border-b border-gray-200 dark:border-gray-800">
-    <UContainer class="flex h-14 items-center justify-between">
-      <NuxtLink to="/">Starter Nuxt</NuxtLink>
+  <header class="sticky top-0 inset-x-0 flex flex-wrap md:justify-start md:flex-nowrap z-50 w-full text-sm">
+    <nav class="mt-4 relative max-w-2xl w-full bg-white border border-gray-200 rounded-[2rem] mx-2 py-2.5 flex items-center justify-between px-4 mx-auto dark:bg-neutral-900 dark:border-neutral-700">
+      <NuxtLink class="font-bold" to="/">OpenPreview</NuxtLink>
       <div class="flex">
         <ColorPicker />
         <ColorModeButton />
       </div>
-    </UContainer>
+    </nav>
   </header>
 </template>
diff --git a/components/InputSearchbar.vue b/components/InputSearchbar.vue
new file mode 100644
index 0000000..ab9b60d
--- /dev/null
+++ b/components/InputSearchbar.vue
@@ -0,0 +1,29 @@
+<template>
+  <UFormGroup required class="flex-1">
+    <UInput
+      v-model="q"
+      name="q"
+      type="url"
+      placeholder="https://hmpg.net"
+      icon="i-heroicons-computer-desktop-20-solid"
+      autocomplete="off"
+      required
+      :ui="{ icon: { trailing: { pointer: '' } } }"
+    >
+      <template #trailing>
+        <UButton
+          v-show="q || q !== null"
+          color="gray"
+          variant="link"
+          icon="i-heroicons-x-mark-20-solid"
+          :padded="false"
+          @click="q = null"
+        />
+      </template>
+    </UInput>
+  </UFormGroup>
+</template>
+
+<script setup lang="ts">
+const q = defineModel({ type: String, default: null })
+</script>
diff --git a/components/SimpleCardLink.vue b/components/SimpleCardLink.vue
deleted file mode 100644
index 6d065fb..0000000
--- a/components/SimpleCardLink.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <NuxtLink class="group flex flex-col rounded-xl border bg-white text-gray-700 shadow-sm transition-all hover:bg-gray-50 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-gray-600 focus:ring-offset-2 focus:ring-offset-white dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-offset-gray-800" :to="link">
-    <div class="p-4 md:p-5">
-      <div class="flex items-center justify-between">
-        <div>
-          <h3 class="text-left font-semibold text-gray-800 group-hover:text-gray-600 dark:text-gray-200 dark:group-hover:text-white">
-            {{ label }}
-          </h3>
-          <p class="text-sm text-gray-500">
-            {{ subtitle }}
-          </p>
-        </div>
-        <div class="pl-3">
-          <svg class="h-3.5 w-3.5 text-gray-500 dark:group-hover:text-white" width="16" height="16" viewBox="0 0 16 16" fill="none">
-            <path d="M5.27921 2L10.9257 7.64645C11.1209 7.84171 11.1209 8.15829 10.9257 8.35355L5.27921 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
-          </svg>
-        </div>
-      </div>
-    </div>
-  </NuxtLink>
-</template>
-
-<script lang="ts" setup>
-defineProps({
-  link: { type: String, default: '' },
-  label: { type: String, default: '' },
-  subtitle: { type: String, default: '' }
-})
-</script>
diff --git a/layouts/default.vue b/layouts/default.vue
index 0dab92b..e3e80a6 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex min-h-screen flex-col">
+  <div class="px-4 sm:px-6 lg:px-8 max-w-2xl mx-auto relative gap-6 flex flex-col min-h-screen">
     <DefaultNavbar />
 
     <UContainer class="w-full">
@@ -9,11 +9,3 @@
     <DefaultFooter />
   </div>
 </template>
-
-<script setup lang="ts">
-useHead({
-  bodyAttrs: {
-    class: 'bg-white dark:bg-gray-900'
-  }
-})
-</script>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 30a3ec3..2fb2293 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,8 +1,20 @@
 export default defineNuxtConfig({
+  app: {
+    head: {
+      title: 'OpenPreview',
+      charset: 'utf-8',
+      viewport: 'width=device-width, initial-scale=1',
+      bodyAttrs: { class: 'bg-white dark:bg-gray-900' }
+    }
+  },
+
   modules: ['@nuxtjs/i18n', '@nuxt/ui'],
   ui: { global: true },
+
   colorMode: {
     preference: 'dark',
     classSuffix: ''
-  }
-})
+  },
+
+  compatibilityDate: '2024-09-02'
+})
\ No newline at end of file
diff --git a/package.json b/package.json
index dd1e112..318526a 100644
--- a/package.json
+++ b/package.json
@@ -21,12 +21,12 @@
   },
   "devDependencies": {
     "@nuxt/devtools": "^1.4.1",
-    "@nuxt/eslint-config": "^0.5.3",
+    "@nuxt/eslint-config": "^0.5.5",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "husky": "^9.1.5",
-    "lint-staged": "^15.2.9",
+    "lint-staged": "^15.2.10",
     "nuxt": "^3.13.0",
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.6",
@@ -34,6 +34,7 @@
   },
   "dependencies": {
     "@nuxt/ui": "^2.18.4",
-    "@nuxtjs/i18n": "^8.5.1"
+    "@nuxtjs/i18n": "^8.5.1",
+    "cheerio": "^1.0.0"
   }
 }
diff --git a/pages/index.vue b/pages/index.vue
index 2eab3ea..d37a143 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,30 +1,82 @@
 <template>
   <div>
-    <div class="my-24 grid max-w-7xl gap-16 sm:grid-cols-2 sm:gap-y-24 lg:items-center">
+    <form @submit.prevent="fetch">
+      <div class="flex gap-2">
+        <InputSearchbar v-model="query" />
+        <UButton icon="i-heroicons-paper-airplane" square type="submit" />
+      </div>
+    </form>
+
+    <div class="my-6">
+      <h1 class="mb-4 text-2xl font-semibold">Preview</h1>
+      <p class="text-xl text-gray-400">See how your website will look on social media platforms. <br>This live preview ensures your metadata aligns with your content and branding.</p>
+    </div>
+
+    <div v-if="metadata" class="p-2 w-full space-y-8">
       <div>
-        <h1 class="mb-5 max-w-sm text-5xl font-bold lg:text-6xl lg:tracking-tight">Kickstart your Nuxt&nbsp;app</h1>
-        <p class="max-w-sm text-xl text-gray-400">Use this project Starter Kit to build your collaborative app in minutes.</p>
-        <div class="mt-6 flex flex-col gap-3 sm:flex-row">
-          <UButton label="Get started" variant="solid" color="primary" to="https://app.netlify.com/start/deploy?repository=https://github.com/roiLeo/Nuxtplate" taget="_blank" />
-          <UButton label="Learn more" color="gray" to="https://github.com/roiLeo/Nuxtplate" taget="_blank" />
+        <h3 class="font-heading mb-2 font-medium">Facebook</h3>
+        <div class="w-full max-w-full cursor-pointer">
+          <div class="border-[1px] border-b-0 border-[#dadde1] bg-cover bg-center bg-no-repeat">
+            <div class="w-full relative h-0" style="padding-top: 52.5%;">
+              <img class="h-full w-full absolute top-0 object-cover block" :src="metadata.image">
+            </div>
+          </div>
+          <div class="break-words border-[1px] border-[#dadde1] bg-[#f2f3f5] px-[12px] py-[10px] antialiased">
+            <div class="overflow-hidden truncate whitespace-nowrap text-[12px] uppercase leading-[11px] text-[#606770]">
+              {{ metadata.url?.replace(/(^\w+:|^)\/\//, '') }}
+            </div>
+            <div class="block h-[46px] max-h-[46px] border-separate select-none overflow-hidden break-words text-left">
+              <div class="mt-[3px] truncate pt-[2px] text-[16px] font-semibold leading-[20px] text-[#1d2129]">
+                {{ metadata.title }}
+              </div>
+              <div class="mt-[3px] block h-[18px] max-h-[80px] border-separate select-none overflow-hidden truncate whitespace-nowrap break-words text-left text-[14px] leading-[20px] text-[#606770]">
+                {{ metadata.description }}
+              </div>
+            </div>
+          </div>
         </div>
       </div>
-
       <div>
-        <!-- <img class="ml-auto aspect-video w-auto rounded-lg duration-300 ease-in-out sm:max-h-[300px] sm:hover:scale-125" src="https://images.unsplash.com/photo-1685173864989-37060e18b3d4?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Lyon" /> -->
-        <AnimatedFish />
+        <h3 class="font-heading mb-2 font-medium">X</h3>
+        <div class="-outline-offset-1 relative w-full max-w-full cursor-pointer overflow-hidden rounded-[0.85714em] border-[1px] border-[#e1e8ed] leading-[1.3em] text-black">
+          <div class="bg-cover bg-center bg-no-repeat">
+            <div class="w-full relative h-0" style="padding-top: 52.33%;">
+              <img class="h-full w-full absolute top-0 object-cover block" :src="metadata.image">
+            </div>
+          </div>
+          <div class="absolute bottom-2 left-2 text-xs text-white bg-black bg-opacity-40 px-[4px] py-[2px] rounded">
+            {{ metadata.url?.replace(/(^\w+:|^)\/\//, '') }}
+          </div>
+        </div>
       </div>
-    </div>
-    <div class="my-24">
-      <h2 class="mb-4 text-2xl font-semibold">Features</h2>
-      <div class="mt-4 sm:mt-8">
-        <div class="grid gap-4 sm:grid-cols-2 sm:gap-6 md:grid-cols-3 xl:grid-cols-4">
-          <SimpleCardLink to="/" label="Nuxt" subtitle="Best practices followed, using a mixture of SSR and custom API endpoints." />
-          <SimpleCardLink to="/" label="User Interface" subtitle="Adjust our reusable interface & design system to fit your needs." />
-          <SimpleCardLink to="/" label="Typescript" subtitle="All custom client and server functions are fully typed, and easy to update." />
-          <SimpleCardLink to="/" label="SWR" subtitle="See data update live using the SWR (state-while-revalidate) library." />
+      <div>
+        <h3 class="font-heading mb-2 font-medium">Discord</h3>
+        <div class="grid w-full max-w-full cursor-pointer items-start justify-self-start overflow-hidden rounded-[4px] border-l-[4px] border-[#202225] bg-[#2f3136]">
+          <div class="inline-grid grid-cols-[auto] grid-rows-[auto] overflow-hidden pt-2 pr-4 pb-4 pl-3">
+            <div class="mt-2 text-xs font-normal leading-4 text-white" style="grid-column: 1 / 1;"></div>
+            <div class="mt-2 inline-block break-words text-base font-semibold text-[#00b0f4]" style="grid-column: 1 / 1;">
+              {{ metadata.title }}
+            </div>
+            <div class="mt-2 whitespace-pre-line break-words border-0 p-0 text-sm font-normal text-[#dcddde]" style="grid-column: 1 / 1;">
+              {{ metadata.description }}
+            </div>
+            <div class="mt-4 overflow-hidden rounded">
+              <div class="relative block">
+                <img :src="metadata.image" :alt="metadata.title">
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>
   </div>
 </template>
+
+<script setup lang="ts">
+const query = defineModel({ type: String })
+const metadata = ref()
+
+const fetch = async () => {
+  metadata.value = await $fetch('/api/metadata', { query: { url: query.value } })
+}
+</script>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d84f8da..d58e5a9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,13 +14,16 @@ importers:
       '@nuxtjs/i18n':
         specifier: ^8.5.1
         version: 8.5.1(magicast@0.3.4)(rollup@4.18.1)(vue@3.4.38(typescript@5.5.4))
+      cheerio:
+        specifier: ^1.0.0
+        version: 1.0.0
     devDependencies:
       '@nuxt/devtools':
         specifier: ^1.4.1
         version: 1.4.1(rollup@4.18.1)(vite@5.4.2(@types/node@20.12.7)(terser@5.30.3))
       '@nuxt/eslint-config':
-        specifier: ^0.5.3
-        version: 0.5.3(eslint@8.57.0)(typescript@5.5.4)
+        specifier: ^0.5.5
+        version: 0.5.5(eslint@8.57.0)(typescript@5.5.4)
       eslint:
         specifier: ^8.57.0
         version: 8.57.0
@@ -29,13 +32,13 @@ importers:
         version: 9.1.0(eslint@8.57.0)
       eslint-plugin-prettier:
         specifier: ^5.2.1
-        version: 5.2.1(@types/eslint@9.6.0)(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
+        version: 5.2.1(@types/eslint@9.6.1)(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
       husky:
         specifier: ^9.1.5
         version: 9.1.5
       lint-staged:
-        specifier: ^15.2.9
-        version: 15.2.9
+        specifier: ^15.2.10
+        version: 15.2.10
       nuxt:
         specifier: ^3.13.0
         version: 3.13.0(@parcel/watcher@2.4.1)(@types/node@20.12.7)(encoding@0.1.13)(eslint@8.57.0)(ioredis@5.4.1)(magicast@0.3.4)(optionator@0.9.3)(rollup@4.18.1)(terser@5.30.3)(typescript@5.5.4)(vite@5.4.2(@types/node@20.12.7)(terser@5.30.3))
@@ -695,6 +698,10 @@ packages:
     resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
+  '@eslint/compat@1.1.1':
+    resolution: {integrity: sha512-lpHyRyplhGPL5mGEh6M9O5nnKk0Gz4bFI+Zu6tKlPpDUN7XshWvH9C/px4UVm87IAANE0W81CEsNGbS1KlzXpA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@eslint/eslintrc@2.1.4':
     resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -893,13 +900,13 @@ packages:
     peerDependencies:
       vite: '*'
 
-  '@nuxt/eslint-config@0.5.3':
-    resolution: {integrity: sha512-V/z6pvNLiUwh4Y2goaqIDA91rmglWujYyUTfm6e0uKillJPKyUXjPwlQyxtvfEtUyyaR/RnUswjzluL6xcZt2g==}
+  '@nuxt/eslint-config@0.5.5':
+    resolution: {integrity: sha512-g99Q6VEGUTg8VKklNE5AaDyHFCcJTepTS6f2ea5yQRlAsJe8VUUUSnwqYw68saU3Mq6R/QOip2ic6A5SxZOy0w==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@nuxt/eslint-plugin@0.5.3':
-    resolution: {integrity: sha512-Qcm33Jv+BIQNreSyG0Rold64iL0VBTaL6s+dh2/88UwKknnb5GWnkP19Op7+w1xkl74okky6LIPkHPSJq3Ue7A==}
+  '@nuxt/eslint-plugin@0.5.5':
+    resolution: {integrity: sha512-Qwz+sz4HWa+QTTAYveryq25a2wXB0FgR0WvVGKYPhD1nBxJGkE6nwM8CILrsdICL6fKp2nfWLBzUr/UlGPqHkw==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
@@ -1287,38 +1294,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@rushstack/eslint-patch@1.10.4':
-    resolution: {integrity: sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==}
-
   '@sindresorhus/merge-streams@2.3.0':
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
     engines: {node: '>=18'}
 
-  '@stylistic/eslint-plugin-js@2.6.4':
-    resolution: {integrity: sha512-kx1hS3xTvzxZLdr/DCU/dLBE++vcP97sHeEFX2QXhk1Ipa4K1rzPOLw1HCbf4mU3s+7kHP5eYpDe+QteEOFLug==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: '>=8.40.0'
-
-  '@stylistic/eslint-plugin-jsx@2.6.4':
-    resolution: {integrity: sha512-bIvVhdtjmyu3S10V7QRIuawtCZSq9gRmzAX23ucjCOdSFzEwlq+di0IM0riBAvvQerrJL4SM6G3xgyPs8BSXIA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: '>=8.40.0'
-
-  '@stylistic/eslint-plugin-plus@2.6.4':
-    resolution: {integrity: sha512-EuRvtxhf7Hv8OoMIePulP/6rBJIgPTu1l5GAm1780WcF1Cl8bOZXIn84Pdac5pNv6lVlzCOFm8MD3VE+2YROuA==}
-    peerDependencies:
-      eslint: '*'
-
-  '@stylistic/eslint-plugin-ts@2.6.4':
-    resolution: {integrity: sha512-yxL8Hj6WkObw1jfiLpBzKy5yfxY6vwlwO4miq34ySErUjUecPV5jxfVbOe4q1QDPKemQGPq93v7sAQS5PzM8lA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: '>=8.40.0'
-
-  '@stylistic/eslint-plugin@2.6.4':
-    resolution: {integrity: sha512-euUGnjzH8EOqEYTGk9dB2OBINp0FX1nuO7/k4fO82zNRBIKZgJoDwTLM4Ce+Om6W1Qmh1PrZjCr4jh4tMEXGPQ==}
+  '@stylistic/eslint-plugin@2.7.2':
+    resolution: {integrity: sha512-3DVLU5HEuk2pQoBmXJlzvrxbKNpu2mJ0SRqz5O/CJjyNCr12ZiPcYMEtuArTyPOk5i7bsAU44nywh1rGfe3gKQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: '>=8.40.0'
@@ -1358,6 +1339,9 @@ packages:
   '@types/eslint@9.6.0':
     resolution: {integrity: sha512-gi6WQJ7cHRgZxtkQEoyHMppPjq9Kxo5Tjn2prSKDSmZrCz8TZ3jSRCeTJm+WoM+oB0WG37bRqLzaaU3q7JypGg==}
 
+  '@types/eslint@9.6.1':
+    resolution: {integrity: sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==}
+
   '@types/estree@1.0.5':
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
 
@@ -1400,10 +1384,6 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/scope-manager@8.2.0':
-    resolution: {integrity: sha512-OFn80B38yD6WwpoHU2Tz/fTz7CgFqInllBoC3WP+/jLbTb4gGPTy9HBSTsbDWkMdN55XlVU0mMDYAtgvlUspGw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/scope-manager@8.3.0':
     resolution: {integrity: sha512-mz2X8WcN2nVu5Hodku+IR8GgCOl4C0G/Z1ruaWN4dgec64kDBabuXyPAr+/RgJtumv8EEkqIzf3X2U5DUKB2eg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1417,23 +1397,10 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/types@8.2.0':
-    resolution: {integrity: sha512-6a9QSK396YqmiBKPkJtxsgZZZVjYQ6wQ/TlI0C65z7vInaETuC6HAHD98AGLC8DyIPqHytvNuS8bBVvNLKyqvQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/types@8.3.0':
     resolution: {integrity: sha512-y6sSEeK+facMaAyixM36dQ5NVXTnKWunfD1Ft4xraYqxP0lC0POJmIaL/mw72CUMqjY9qfyVfXafMeaUj0noWw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.2.0':
-    resolution: {integrity: sha512-kiG4EDUT4dImplOsbh47B1QnNmXSoUqOjWDvCJw/o8LgfD0yr7k2uy54D5Wm0j4t71Ge1NkynGhpWdS0dEIAUA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   '@typescript-eslint/typescript-estree@8.3.0':
     resolution: {integrity: sha512-Mq7FTHl0R36EmWlCJWojIC1qn/ZWo2YiWYc1XVtasJ7FIgjo0MVv9rZWXEE7IK2CGrtwe1dVOxWwqXUdNgfRCA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1443,22 +1410,12 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/utils@8.2.0':
-    resolution: {integrity: sha512-O46eaYKDlV3TvAVDNcoDzd5N550ckSe8G4phko++OCSC1dYIb9LTc3HDGYdWqWIAT5qDUKphO6sd9RrpIJJPfg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-
   '@typescript-eslint/utils@8.3.0':
     resolution: {integrity: sha512-F77WwqxIi/qGkIGOGXNBLV7nykwfjLsdauRB/DOFPdv6LTF3BHHkBpq81/b5iMPSF055oO2BiivDJV4ChvNtXA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@typescript-eslint/visitor-keys@8.2.0':
-    resolution: {integrity: sha512-sbgsPMW9yLvS7IhCi8IpuK1oBmtbWUNP+hBdwl/I9nzqVsszGnNGti5r9dUtF5RLivHUFFIdRvLiTsPhzSyJ3Q==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/visitor-keys@8.3.0':
     resolution: {integrity: sha512-RmZwrTbQ9QveF15m/Cl28n0LXD6ea2CjkhH5rQ55ewz3H24w+AMCJHPVYaZ8/0HoG8Z3cLLFFycRXxeO2tz9FA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1719,10 +1676,6 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  array-union@2.1.0:
-    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
-    engines: {node: '>=8'}
-
   ast-kit@1.1.0:
     resolution: {integrity: sha512-RlNqd4u6c/rJ5R+tN/ZTtyNrH8X0NHCvyt6gD8RHa3JjzxxHWoyaU0Ujk3Zjbh7IZqrYl1Sxm6XzZifmVxXxHQ==}
     engines: {node: '>=16.14.0'}
@@ -1870,6 +1823,13 @@ packages:
     resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
+  cheerio-select@2.1.0:
+    resolution: {integrity: sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==}
+
+  cheerio@1.0.0:
+    resolution: {integrity: sha512-quS9HgjQpdaXOvsZz82Oz7uxtXiy6UIsIQcpBj7HRw2M63Skasm9qlDocAM7jNuaxdhpPU7c4kJN+gA5MCu4ww==}
+    engines: {node: '>=18.17'}
+
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -2218,10 +2178,6 @@ packages:
     resolution: {integrity: sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==}
     engines: {node: '>=0.3.1'}
 
-  dir-glob@3.0.1:
-    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
-    engines: {node: '>=8'}
-
   dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
@@ -2278,6 +2234,9 @@ packages:
     resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
     engines: {node: '>= 0.8'}
 
+  encoding-sniffer@0.2.0:
+    resolution: {integrity: sha512-ju7Wq1kg04I3HtiYIOrUrdfdDvkyO9s5XM8QAj/bN61Yo/Vb4vgJxy5vi4Yxk01gWHbrofpPtpxM8bKger9jhg==}
+
   encoding@0.1.13:
     resolution: {integrity: sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==}
 
@@ -2344,8 +2303,8 @@ packages:
     engines: {node: '>=6.0'}
     hasBin: true
 
-  eslint-config-flat-gitignore@0.1.8:
-    resolution: {integrity: sha512-OEUbS2wzzYtUfshjOqzFo4Bl4lHykXUdM08TCnYNl7ki+niW4Q1R0j0FDFDr0vjVsI5ZFOz5LvluxOP+Ew+dYw==}
+  eslint-config-flat-gitignore@0.2.0:
+    resolution: {integrity: sha512-s4lsQLYX+76FCt3PZPwdLwWlqssa5SLufl2gopFmCo3PETOLY3OW5IrD3/l2R0FfYEJvd9BRJ19yJ+yfc5oW3g==}
 
   eslint-config-prettier@9.1.0:
     resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
@@ -2359,8 +2318,8 @@ packages:
   eslint-import-resolver-node@0.3.9:
     resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
 
-  eslint-plugin-import-x@4.1.0:
-    resolution: {integrity: sha512-1BYJU0C5NBJLY4qukmwDbFrf2w8fLGEU9zZV3viWa7gNnbn4o4meQy5O4LVXn56eFh9Y4fQxu3udhIqQuVITvw==}
+  eslint-plugin-import-x@4.1.1:
+    resolution: {integrity: sha512-dBEM8fACIFNt4H7GoOaRmnH6evJW6JSTJTYYgmRd3vI4geBTjgDM/JyUDKUwIw0HDSyI+u7Vs3vFRXUo/BOAtA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -2673,10 +2632,6 @@ packages:
     resolution: {integrity: sha512-SmSKyLLKFbSr6rptvP8izbyxJL4ILwqO9Jg23UA0sDlGlu58V59D1//I3vlc0KJphVdUR7vMjHIplYnzBxorQA==}
     engines: {node: '>=18'}
 
-  globby@11.1.0:
-    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
-    engines: {node: '>=10'}
-
   globby@14.0.2:
     resolution: {integrity: sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==}
     engines: {node: '>=18'}
@@ -2730,6 +2685,9 @@ packages:
     resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
     engines: {node: '>=8'}
 
+  htmlparser2@9.1.0:
+    resolution: {integrity: sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==}
+
   http-assert@1.5.0:
     resolution: {integrity: sha512-uPpH7OKX4H25hBmU6G1jWNaqJGpTXxey+YOUizJUAgu0AjLUeC8D73hTrhvDS5D+GJN1DN1+hhc/eF/wpxtp0w==}
     engines: {node: '>= 0.8'}
@@ -3061,8 +3019,8 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
-  lint-staged@15.2.9:
-    resolution: {integrity: sha512-BZAt8Lk3sEnxw7tfxM7jeZlPRuT4M68O0/CwZhhaw6eeWu0Lz5eERE3m386InivXB64fp/mDID452h48tvKlRQ==}
+  lint-staged@15.2.10:
+    resolution: {integrity: sha512-5dY5t743e1byO19P9I4b3x8HJwalIznL5E1FWYnU6OWw33KxNBSLAc6Cy7F2PsFEO8FKnLwjwm5hx7aMF0jzZg==}
     engines: {node: '>=18.12.0'}
     hasBin: true
 
@@ -3160,6 +3118,10 @@ packages:
     resolution: {integrity: sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==}
     engines: {node: '>=8.6'}
 
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
   mime-db@1.52.0:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
@@ -3468,10 +3430,6 @@ packages:
     resolution: {integrity: sha512-wXoQGL1D+2COYWCD35/xbiKma1Z15xvZL8cI25wvxzled58V51SJM04Urt/uznS900iQor7QO04SgdfT/XlbuA==}
     engines: {node: '>=8'}
 
-  parse-gitignore@2.0.0:
-    resolution: {integrity: sha512-RmVuCHWsfu0QPNW+mraxh/xjQVw/lhUCUru8Zni3Ctq3AoMhpDTq0OVdKS6iesd6Kqb7viCV3isAL43dciOSog==}
-    engines: {node: '>=14'}
-
   parse-imports@2.1.1:
     resolution: {integrity: sha512-TDT4HqzUiTMO1wJRwg/t/hYk8Wdp3iF/ToMIlAoVQfL1Xs/sTxq1dKWSMjMbQmIarfWKymOyly40+zmPHXMqCA==}
     engines: {node: '>= 18'}
@@ -3486,6 +3444,15 @@ packages:
   parse-url@8.1.0:
     resolution: {integrity: sha512-xDvOoLU5XRrcOZvnI6b8zA6n9O9ejNk/GExuz1yBuWUGn9KA97GI6HTs6u02wKara1CeVmZhH+0TZFdWScR89w==}
 
+  parse5-htmlparser2-tree-adapter@7.0.0:
+    resolution: {integrity: sha512-B77tOZrqqfUfnVcOrUvfdLbz4pu4RopLD/4vmu3HUPswwTA8OH0EMW9BlWR2B0RCoiZRAHEUu7IxeP1Pd1UU+g==}
+
+  parse5-parser-stream@7.1.2:
+    resolution: {integrity: sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==}
+
+  parse5@7.1.2:
+    resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
+
   parseurl@1.3.3:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
     engines: {node: '>= 0.8'}
@@ -3516,10 +3483,6 @@ packages:
   path-to-regexp@6.2.2:
     resolution: {integrity: sha512-GQX3SSMokngb36+whdpRXE+3f9V8UzyAorlYvOGx87ufGHehNTn5lCxrKtLyZ4Yl/wEKnNnr98ZzOwwDZV5ogw==}
 
-  path-type@4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
-    engines: {node: '>=8'}
-
   path-type@5.0.0:
     resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
     engines: {node: '>=12'}
@@ -4102,10 +4065,6 @@ packages:
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
-  slash@3.0.0:
-    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
-    engines: {node: '>=8'}
-
   slash@4.0.0:
     resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==}
     engines: {node: '>=12'}
@@ -4424,6 +4383,10 @@ packages:
     resolution: {integrity: sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==}
     engines: {node: '>=14.0'}
 
+  undici@6.19.8:
+    resolution: {integrity: sha512-U8uCCl2x9TK3WANvmBavymRzxbfFYG+tAu+fgx3zxQy3qdagQqBLwJVrdyO1TBfUXvfKveMKJZhpvUYoOjM+4g==}
+    engines: {node: '>=18.17'}
+
   unenv@1.10.0:
     resolution: {integrity: sha512-wY5bskBQFL9n3Eca5XnhH6KbUo/tfvkwm9OpcdCvLaeA7piBNbavbOKJySEwQ1V0RH6HvNlSAFRTpvTqgKRQXQ==}
 
@@ -4699,6 +4662,14 @@ packages:
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
 
@@ -5280,6 +5251,8 @@ snapshots:
 
   '@eslint-community/regexpp@4.10.0': {}
 
+  '@eslint/compat@1.1.1': {}
+
   '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
@@ -5574,18 +5547,17 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  '@nuxt/eslint-config@0.5.3(eslint@8.57.0)(typescript@5.5.4)':
+  '@nuxt/eslint-config@0.5.5(eslint@8.57.0)(typescript@5.5.4)':
     dependencies:
       '@eslint/js': 9.9.1
-      '@nuxt/eslint-plugin': 0.5.3(eslint@8.57.0)(typescript@5.5.4)
-      '@rushstack/eslint-patch': 1.10.4
-      '@stylistic/eslint-plugin': 2.6.4(eslint@8.57.0)(typescript@5.5.4)
+      '@nuxt/eslint-plugin': 0.5.5(eslint@8.57.0)(typescript@5.5.4)
+      '@stylistic/eslint-plugin': 2.7.2(eslint@8.57.0)(typescript@5.5.4)
       '@typescript-eslint/eslint-plugin': 8.3.0(@typescript-eslint/parser@8.3.0(eslint@8.57.0)(typescript@5.5.4))(eslint@8.57.0)(typescript@5.5.4)
       '@typescript-eslint/parser': 8.3.0(eslint@8.57.0)(typescript@5.5.4)
       eslint: 8.57.0
-      eslint-config-flat-gitignore: 0.1.8
+      eslint-config-flat-gitignore: 0.2.0
       eslint-flat-config-utils: 0.3.1
-      eslint-plugin-import-x: 4.1.0(eslint@8.57.0)(typescript@5.5.4)
+      eslint-plugin-import-x: 4.1.1(eslint@8.57.0)(typescript@5.5.4)
       eslint-plugin-jsdoc: 50.2.2(eslint@8.57.0)
       eslint-plugin-regexp: 2.6.0(eslint@8.57.0)
       eslint-plugin-unicorn: 55.0.0(eslint@8.57.0)
@@ -5593,13 +5565,12 @@ snapshots:
       globals: 15.9.0
       local-pkg: 0.5.0
       pathe: 1.1.2
-      tslib: 2.7.0
       vue-eslint-parser: 9.4.3(eslint@8.57.0)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@nuxt/eslint-plugin@0.5.3(eslint@8.57.0)(typescript@5.5.4)':
+  '@nuxt/eslint-plugin@0.5.5(eslint@8.57.0)(typescript@5.5.4)':
     dependencies:
       '@typescript-eslint/types': 8.3.0
       '@typescript-eslint/utils': 8.3.0(eslint@8.57.0)(typescript@5.5.4)
@@ -6154,51 +6125,17 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.21.1':
     optional: true
 
-  '@rushstack/eslint-patch@1.10.4': {}
-
   '@sindresorhus/merge-streams@2.3.0': {}
 
-  '@stylistic/eslint-plugin-js@2.6.4(eslint@8.57.0)':
+  '@stylistic/eslint-plugin@2.7.2(eslint@8.57.0)(typescript@5.5.4)':
     dependencies:
-      '@types/eslint': 9.6.0
-      acorn: 8.12.1
-      eslint: 8.57.0
-      eslint-visitor-keys: 4.0.0
-      espree: 10.1.0
-
-  '@stylistic/eslint-plugin-jsx@2.6.4(eslint@8.57.0)':
-    dependencies:
-      '@stylistic/eslint-plugin-js': 2.6.4(eslint@8.57.0)
-      '@types/eslint': 9.6.0
+      '@types/eslint': 9.6.1
+      '@typescript-eslint/utils': 8.3.0(eslint@8.57.0)(typescript@5.5.4)
       eslint: 8.57.0
       eslint-visitor-keys: 4.0.0
       espree: 10.1.0
       estraverse: 5.3.0
       picomatch: 4.0.2
-
-  '@stylistic/eslint-plugin-plus@2.6.4(eslint@8.57.0)':
-    dependencies:
-      '@types/eslint': 9.6.0
-      eslint: 8.57.0
-
-  '@stylistic/eslint-plugin-ts@2.6.4(eslint@8.57.0)(typescript@5.5.4)':
-    dependencies:
-      '@stylistic/eslint-plugin-js': 2.6.4(eslint@8.57.0)
-      '@types/eslint': 9.6.0
-      '@typescript-eslint/utils': 8.2.0(eslint@8.57.0)(typescript@5.5.4)
-      eslint: 8.57.0
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
-  '@stylistic/eslint-plugin@2.6.4(eslint@8.57.0)(typescript@5.5.4)':
-    dependencies:
-      '@stylistic/eslint-plugin-js': 2.6.4(eslint@8.57.0)
-      '@stylistic/eslint-plugin-jsx': 2.6.4(eslint@8.57.0)
-      '@stylistic/eslint-plugin-plus': 2.6.4(eslint@8.57.0)
-      '@stylistic/eslint-plugin-ts': 2.6.4(eslint@8.57.0)(typescript@5.5.4)
-      '@types/eslint': 9.6.0
-      eslint: 8.57.0
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -6238,6 +6175,11 @@ snapshots:
       '@types/estree': 1.0.5
       '@types/json-schema': 7.0.15
 
+  '@types/eslint@9.6.1':
+    dependencies:
+      '@types/estree': 1.0.5
+      '@types/json-schema': 7.0.15
+
   '@types/estree@1.0.5': {}
 
   '@types/http-proxy@1.17.14':
@@ -6287,11 +6229,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.2.0':
-    dependencies:
-      '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/visitor-keys': 8.2.0
-
   '@typescript-eslint/scope-manager@8.3.0':
     dependencies:
       '@typescript-eslint/types': 8.3.0
@@ -6309,25 +6246,8 @@ snapshots:
       - eslint
       - supports-color
 
-  '@typescript-eslint/types@8.2.0': {}
-
   '@typescript-eslint/types@8.3.0': {}
 
-  '@typescript-eslint/typescript-estree@8.2.0(typescript@5.5.4)':
-    dependencies:
-      '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/visitor-keys': 8.2.0
-      debug: 4.3.6
-      globby: 11.1.0
-      is-glob: 4.0.3
-      minimatch: 9.0.4
-      semver: 7.6.3
-      ts-api-utils: 1.3.0(typescript@5.5.4)
-    optionalDependencies:
-      typescript: 5.5.4
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/typescript-estree@8.3.0(typescript@5.5.4)':
     dependencies:
       '@typescript-eslint/types': 8.3.0
@@ -6343,17 +6263,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.2.0(eslint@8.57.0)(typescript@5.5.4)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
-      '@typescript-eslint/scope-manager': 8.2.0
-      '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/typescript-estree': 8.2.0(typescript@5.5.4)
-      eslint: 8.57.0
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
   '@typescript-eslint/utils@8.3.0(eslint@8.57.0)(typescript@5.5.4)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
@@ -6365,11 +6274,6 @@ snapshots:
       - supports-color
       - typescript
 
-  '@typescript-eslint/visitor-keys@8.2.0':
-    dependencies:
-      '@typescript-eslint/types': 8.2.0
-      eslint-visitor-keys: 3.4.3
-
   '@typescript-eslint/visitor-keys@8.3.0':
     dependencies:
       '@typescript-eslint/types': 8.3.0
@@ -6696,8 +6600,6 @@ snapshots:
 
   argparse@2.0.1: {}
 
-  array-union@2.1.0: {}
-
   ast-kit@1.1.0:
     dependencies:
       '@babel/parser': 7.25.4
@@ -6853,6 +6755,29 @@ snapshots:
 
   chalk@5.3.0: {}
 
+  cheerio-select@2.1.0:
+    dependencies:
+      boolbase: 1.0.0
+      css-select: 5.1.0
+      css-what: 6.1.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+
+  cheerio@1.0.0:
+    dependencies:
+      cheerio-select: 2.1.0
+      dom-serializer: 2.0.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      encoding-sniffer: 0.2.0
+      htmlparser2: 9.1.0
+      parse5: 7.1.2
+      parse5-htmlparser2-tree-adapter: 7.0.0
+      parse5-parser-stream: 7.1.2
+      undici: 6.19.8
+      whatwg-mimetype: 4.0.0
+
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -7137,10 +7062,6 @@ snapshots:
 
   diff@5.2.0: {}
 
-  dir-glob@3.0.1:
-    dependencies:
-      path-type: 4.0.0
-
   dlv@1.1.3: {}
 
   doctrine@3.0.0:
@@ -7189,6 +7110,11 @@ snapshots:
 
   encodeurl@1.0.2: {}
 
+  encoding-sniffer@0.2.0:
+    dependencies:
+      iconv-lite: 0.6.3
+      whatwg-encoding: 3.1.1
+
   encoding@0.1.13:
     dependencies:
       iconv-lite: 0.6.3
@@ -7310,10 +7236,10 @@ snapshots:
     optionalDependencies:
       source-map: 0.6.1
 
-  eslint-config-flat-gitignore@0.1.8:
+  eslint-config-flat-gitignore@0.2.0:
     dependencies:
+      '@eslint/compat': 1.1.1
       find-up-simple: 1.0.0
-      parse-gitignore: 2.0.0
 
   eslint-config-prettier@9.1.0(eslint@8.57.0):
     dependencies:
@@ -7332,10 +7258,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import-x@4.1.0(eslint@8.57.0)(typescript@5.5.4):
+  eslint-plugin-import-x@4.1.1(eslint@8.57.0)(typescript@5.5.4):
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.2.0(typescript@5.5.4)
-      '@typescript-eslint/utils': 8.2.0(eslint@8.57.0)(typescript@5.5.4)
+      '@typescript-eslint/typescript-estree': 8.3.0(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.3.0(eslint@8.57.0)(typescript@5.5.4)
       debug: 4.3.6
       doctrine: 3.0.0
       eslint: 8.57.0
@@ -7367,14 +7293,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-prettier@5.2.1(@types/eslint@9.6.0)(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3):
+  eslint-plugin-prettier@5.2.1(@types/eslint@9.6.1)(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3):
     dependencies:
       eslint: 8.57.0
       prettier: 3.3.3
       prettier-linter-helpers: 1.0.0
       synckit: 0.9.1
     optionalDependencies:
-      '@types/eslint': 9.6.0
+      '@types/eslint': 9.6.1
       eslint-config-prettier: 9.1.0(eslint@8.57.0)
 
   eslint-plugin-regexp@2.6.0(eslint@8.57.0):
@@ -7749,15 +7675,6 @@ snapshots:
 
   globals@15.9.0: {}
 
-  globby@11.1.0:
-    dependencies:
-      array-union: 2.1.0
-      dir-glob: 3.0.1
-      fast-glob: 3.3.2
-      ignore: 5.3.2
-      merge2: 1.4.1
-      slash: 3.0.0
-
   globby@14.0.2:
     dependencies:
       '@sindresorhus/merge-streams': 2.3.0
@@ -7814,6 +7731,13 @@ snapshots:
 
   html-tags@3.3.1: {}
 
+  htmlparser2@9.1.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      entities: 4.5.0
+
   http-assert@1.5.0:
     dependencies:
       deep-equal: 1.0.1
@@ -7864,7 +7788,6 @@ snapshots:
   iconv-lite@0.6.3:
     dependencies:
       safer-buffer: 2.1.2
-    optional: true
 
   ieee754@1.2.1: {}
 
@@ -8130,7 +8053,7 @@ snapshots:
 
   lines-and-columns@1.2.4: {}
 
-  lint-staged@15.2.9:
+  lint-staged@15.2.10:
     dependencies:
       chalk: 5.3.0
       commander: 12.1.0
@@ -8138,7 +8061,7 @@ snapshots:
       execa: 8.0.1
       lilconfig: 3.1.2
       listr2: 8.2.4
-      micromatch: 4.0.7
+      micromatch: 4.0.8
       pidtree: 0.6.0
       string-argv: 0.3.2
       yaml: 2.5.0
@@ -8255,6 +8178,11 @@ snapshots:
       braces: 3.0.3
       picomatch: 2.3.1
 
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+
   mime-db@1.52.0: {}
 
   mime-types@2.1.35:
@@ -8710,8 +8638,6 @@ snapshots:
       git-config-path: 2.0.0
       ini: 1.3.8
 
-  parse-gitignore@2.0.0: {}
-
   parse-imports@2.1.1:
     dependencies:
       es-module-lexer: 1.5.4
@@ -8732,6 +8658,19 @@ snapshots:
     dependencies:
       parse-path: 7.0.0
 
+  parse5-htmlparser2-tree-adapter@7.0.0:
+    dependencies:
+      domhandler: 5.0.3
+      parse5: 7.1.2
+
+  parse5-parser-stream@7.1.2:
+    dependencies:
+      parse5: 7.1.2
+
+  parse5@7.1.2:
+    dependencies:
+      entities: 4.5.0
+
   parseurl@1.3.3: {}
 
   path-exists@4.0.0: {}
@@ -8751,8 +8690,6 @@ snapshots:
 
   path-to-regexp@6.2.2: {}
 
-  path-type@4.0.0: {}
-
   path-type@5.0.0: {}
 
   pathe@1.1.2: {}
@@ -9217,8 +9154,7 @@ snapshots:
 
   safe-buffer@5.2.1: {}
 
-  safer-buffer@2.1.2:
-    optional: true
+  safer-buffer@2.1.2: {}
 
   scslre@0.3.0:
     dependencies:
@@ -9303,8 +9239,6 @@ snapshots:
 
   sisteransi@1.0.5: {}
 
-  slash@3.0.0: {}
-
   slash@4.0.0: {}
 
   slash@5.1.0: {}
@@ -9625,6 +9559,8 @@ snapshots:
     dependencies:
       '@fastify/busboy': 2.1.1
 
+  undici@6.19.8: {}
+
   unenv@1.10.0:
     dependencies:
       consola: 3.2.3
@@ -9925,6 +9861,12 @@ snapshots:
 
   webpack-virtual-modules@0.6.2: {}
 
+  whatwg-encoding@3.1.1:
+    dependencies:
+      iconv-lite: 0.6.3
+
+  whatwg-mimetype@4.0.0: {}
+
   whatwg-url@5.0.0:
     dependencies:
       tr46: 0.0.3
diff --git a/public/img/WTFPL.svg b/public/img/WTFPL.svg
new file mode 100644
index 0000000..c6afaa2
--- /dev/null
+++ b/public/img/WTFPL.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xml:lang="zxx" version="1.1"
+  width="800px" height="580px" viewBox="0 0 297 215"
+  xmlns="http://www.w3.org/2000/svg"
+>
+<title>Logo of WTFPL</title>
+
+<desc>An official logo for the WTFPL (Do what the fuck you want to Public License).</desc>
+
+<metadata>
+<rdf:RDF
+  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+  xmlns:dc="http://purl.org/dc/elements/1.1/"
+>
+	<rdf:Description rdf:about="">
+		<dc:title xml:lang="ja">WTFPLのロゴ</dc:title>
+		<dc:title xml:lang="x-default">Logo of WTFPL</dc:title>
+		<dc:creator rdf:resource="https://meta.wikimedia.org/?curid=10484470"/>
+		<dc:subject rdf:resource="https://www.wikidata.org/wiki/Q79719"/>
+		<dc:description xml:lang="ja" rdf:parseType="Resource">
+			<dc:format rdf:datatype="http://purl.org/dc/terms/IMT">text/x-wiki</dc:format>
+			<rdf:value><![CDATA[
+[[w:ja:WTFPL|WTFPL]]（どうとでも勝手にしやがれクソッタレ・公衆利用許諾書）の公式ロゴ。
+]]><!--  --></rdf:value>
+		</dc:description>
+		<dc:description xml:lang="x-default" rdf:parseType="Resource">
+			<dc:format rdf:datatype="http://purl.org/dc/terms/IMT">text/x-wiki</dc:format>
+			<rdf:value><![CDATA[
+An official logo for the [[w:WTFPL|]] (Do what the fuck you want to Public License).
+]]><!--  --></rdf:value>
+		</dc:description>
+		<dc:contributor rdf:resource="http://www.wtfpl.net/"/>
+		<dc:date rdf:datatype="http://www.w3.org/2001/XMLSchemadate">2012-12-28</dc:date>
+		<dc:type rdf:datatype="http://purl.org/dc/terms/DCMIType">StillImage</dc:type>
+		<dc:format rdf:datatype="http://purl.org/dc/terms/IMT">image/svg+xml</dc:format>
+		<dc:source rdf:resource="http://www.wtfpl.net/wp-content/uploads/2012/12/wtfpl.svg"/>
+		<dc:language rdf:datatype="http://purl.org/dc/terms/ISO639-2">zxx</dc:language>
+		<dc:rights>© 2012 WTFPL – Do What the Fuck You Want to Public License.</dc:rights>
+		<dc:rights rdf:resource="http://www.wtfpl.net/about/"/>
+	</rdf:Description>
+</rdf:RDF>
+</metadata>
+
+<path
+  d="M 108.40625,5.90625
+     C  52.306055,5.90625    6.84375,51.399805    6.84375,107.5
+         6.84375,163.60019  52.306055,209.09375 108.40625,209.09375
+       122.61329,209.09375 136.12775,206.14216  148.40625,200.875
+       160.68475,206.14216 174.19921,209.09375  188.40625,209.09375
+       244.50644,209.09375 290,163.60019        290,107.5
+       290,51.399805       244.50644,5.90625    188.40625,5.90625
+       174.19921,5.90625   160.68475,8.8578414  148.40625,14.125
+       136.12775,8.8578414 122.61329,5.90625    108.40625,5.90625    z
+     M 106.40625,37.8125
+     C 121.73587,37.8125   135.91647,42.733394  147.46875,51.0625
+       159.02103,42.733394 173.17038,37.8125    188.5,37.8125
+       227.32183,37.8125   258.8125,69.271923   258.8125,108.09375
+       258.8125,146.91558  227.32183,178.40625  188.5,178.40625
+       173.17274,178.40625 159.02006,173.48302  147.46875,165.15625
+       135.91744,173.48302 121.73351,178.40625  106.40625,178.40625
+        67.584423,178.40625 36.125,146.91558     36.125,108.09375
+        36.125,69.271923    67.584423,37.8125   106.40625,37.8125    z"
+/>
+<path
+  stroke-width="0.2"
+  d="m 116.82546,66.192973 -33.419525,0
+     c -22.54767,46.689617  -3.679505,78.469377  11.230018,85.067227
+        14.909527,6.59786   39.297897,10.78923   52.843627,-13.64071
+        11.127,20.91039     36.41018,22.12022    53.22181,14.37696
+        16.81163,-7.74327   33.12311,-43.11547   11.73047,-85.803477
+     l -33.99227,2.7e-5
+     c  11.50159,26.419492  11.73257,62.462       0.009,63.53264
+       -11.72378,1.07063   -15.09694,-2.84981   -13.76446,-44.285231
+     l -33.309,-0.149602
+     c   2.48911,40.900273  -5.08883,48.002003  -15.33865,43.514363
+       -10.24982,-4.48763   -9.79468,-28.13042    0.78918,-62.612197 z"
+/>
+</svg>
diff --git a/server/api/metadata.get.ts b/server/api/metadata.get.ts
new file mode 100644
index 0000000..e28d5d7
--- /dev/null
+++ b/server/api/metadata.get.ts
@@ -0,0 +1,26 @@
+import * as cheerio from 'cheerio'
+
+export default defineEventHandler(async (event) => {
+  const q = getQuery(event)
+  const endpoint = String(q.url) ?? 'https://nuxtseo.com'
+
+  try {
+    const html: string = await $fetch(endpoint, {})
+
+    const $ = cheerio.load(html)
+    const title = $('meta[property="og:title"]').attr('content') || $('title').text() || $('meta[name="title"]').attr('content')
+    const description = $('meta[property="og:description"]').attr('content') || $('meta[name="description"]').attr('content')
+    const url = $('meta[property="og:url"]').attr('content')
+    const site_name = $('meta[property="og:site_name"]').attr('content')
+    const image = $('meta[property="og:image"]').attr('content') || $('meta[property="og:image:url"]').attr('content')
+    const icon = $('link[rel="icon"]').attr('href') || $('link[rel="shortcut icon"]').attr('href')
+    const keywords = $('meta[property="og:keywords"]').attr('content') || $('meta[name="keywords"]').attr('content')
+
+    return { title, description, url, site_name, image, icon, keywords }
+  } catch (error: any) {
+    throw createError({
+      statusCode: error.statusCode,
+      message: 'Unauthorized'
+    })
+  }
+})