diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index 46c06b2a3..9da51cf5a 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -1,8 +1,8 @@
 {
-  "name": "FMHYedit",
-  "postStartCommand": "pnpm install",
-  "postAttachCommand": "pnpm docs:dev",
   "appPort": 5173,
+  "features": {},
   "image": "mcr.microsoft.com/devcontainers/universal:2",
-  "features": {}
+  "name": "FMHYedit",
+  "postAttachCommand": "pnpm docs:dev",
+  "postStartCommand": "pnpm install"
 }
diff --git a/.mise.toml b/.mise.toml
index a6b9ba729..5d3cdd5a1 100644
--- a/.mise.toml
+++ b/.mise.toml
@@ -1,3 +1,9 @@
 # https://github.com/vitejs/vite/issues/17291
 [tools]
 node = "21"
+
+[tasks]
+d = "nrr docs:dev --host"
+b = "nrr docs:build"
+s = "nrr docs:preview --host"
+bb = "nrr docs:build && nrr docs:preview --host"
diff --git a/.prettierrc.yaml b/.prettierrc.yaml
index 88e0a1580..762f32771 100644
--- a/.prettierrc.yaml
+++ b/.prettierrc.yaml
@@ -4,3 +4,6 @@ singleQuote: true
 printWidth: 80
 trailingComma: none
 htmlWhitespaceSensitivity: ignore
+plugins:
+  - prettier-plugin-tailwindcss
+  - prettier-plugin-pkgsort
diff --git a/api/routes/feedback.post.ts b/api/routes/feedback.post.ts
index 43589111d..89dc83500 100644
--- a/api/routes/feedback.post.ts
+++ b/api/routes/feedback.post.ts
@@ -5,12 +5,33 @@ import {
 } from '../../docs/.vitepress/types/Feedback'
 
 export default defineEventHandler(async (event) => {
-  const { message, page, type } = await readValidatedBody(
+  const { message, page, type, heading } = await readValidatedBody(
     event,
     FeedbackSchema.parseAsync
   )
   const env = useRuntimeConfig(event)
 
+  const fields = [
+    {
+      name: 'Page',
+      value: page,
+      inline: true
+    },
+    {
+      name: 'Message',
+      value: message,
+      inline: false
+    }
+  ]
+
+  if (heading) {
+    fields.push({
+      name: 'Section',
+      value: heading,
+      inline: true
+    })
+  }
+
   // FIXME: somehow this is not working, but it worked before
   // const path = 'feedback'
   //
@@ -21,9 +42,6 @@ export default defineEventHandler(async (event) => {
   //   })
   // }
 
-  let description = `${message}\n\n`
-  if (page) description += `**Page:** \`${page}\``
-
   await fetcher()
     .post(env.WEBHOOK_URL, {
       username: 'Feedback',
@@ -33,7 +51,7 @@ export default defineEventHandler(async (event) => {
         {
           color: 3447003,
           title: getFeedbackOption(type).label,
-          description
+          fields
         }
       ]
     })
diff --git a/api/tsconfig.json b/api/tsconfig.json
new file mode 100644
index 000000000..e7468d88c
--- /dev/null
+++ b/api/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "../.nitro/types/tsconfig.json"
+}
diff --git a/biome.json b/biome.json
index 1b2f3c378..791dc426c 100644
--- a/biome.json
+++ b/biome.json
@@ -1,8 +1,12 @@
 {
   "$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
-  "extends": ["@taskylizard/biome-config"],
+  "extends": ["@taskylizard/biome-config", "./docs/.vitepress/.imports.json"],
   "files": {
-    "ignore": ["docs/.vitepress/**/*.vue", "docs/.vitepress/vue-shim.d.ts"]
+    "ignore": [
+      "docs/.vitepress/**/*.vue",
+      "docs/.vitepress/vue-shim.d.ts",
+      "docs/.vitepress/imports.d.ts"
+    ]
   },
   "formatter": {
     "enabled": false
@@ -19,12 +23,7 @@
   "linter": {
     "rules": {
       "style": {
-        "useFilenamingConvention": {
-          "level": "info",
-          "options": {
-            "filenameCases": ["camelCase", "PascalCase"]
-          }
-        },
+        "useFilenamingConvention": "off",
         "noDefaultExport": "off"
       }
     }
diff --git a/docs/.vitepress/.imports.json b/docs/.vitepress/.imports.json
new file mode 100644
index 000000000..a46347555
--- /dev/null
+++ b/docs/.vitepress/.imports.json
@@ -0,0 +1,73 @@
+{
+  "javascript": {
+    "globals": [
+      "Component",
+      "ComponentPublicInstance",
+      "ComputedRef",
+      "EffectScope",
+      "ExtractDefaultPropTypes",
+      "ExtractPropTypes",
+      "ExtractPublicPropTypes",
+      "InjectionKey",
+      "PropType",
+      "Ref",
+      "VNode",
+      "WritableComputedRef",
+      "computed",
+      "createApp",
+      "customRef",
+      "defineAsyncComponent",
+      "defineComponent",
+      "effectScope",
+      "getCurrentInstance",
+      "getCurrentScope",
+      "h",
+      "inject",
+      "isProxy",
+      "isReactive",
+      "isReadonly",
+      "isRef",
+      "markRaw",
+      "nextTick",
+      "onActivated",
+      "onBeforeMount",
+      "onBeforeUnmount",
+      "onBeforeUpdate",
+      "onDeactivated",
+      "onErrorCaptured",
+      "onMounted",
+      "onRenderTracked",
+      "onRenderTriggered",
+      "onScopeDispose",
+      "onServerPrefetch",
+      "onUnmounted",
+      "onUpdated",
+      "provide",
+      "reactive",
+      "readonly",
+      "ref",
+      "resolveComponent",
+      "shallowReactive",
+      "shallowReadonly",
+      "shallowRef",
+      "toRaw",
+      "toRef",
+      "toRefs",
+      "toValue",
+      "triggerRef",
+      "unref",
+      "useAttrs",
+      "useCssModule",
+      "useCssVars",
+      "useData",
+      "useRoute",
+      "useRouter",
+      "useSlots",
+      "watch",
+      "watchEffect",
+      "watchPostEffect",
+      "watchSyncEffect",
+      "withBase"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index 449f3338c..6987787ae 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -12,7 +12,9 @@ import {
 import { generateFeed, generateImages, generateMeta } from './hooks'
 import { defs, emojiRender, movePlugin } from './markdown/emoji'
 import { toggleStarredPlugin } from './markdown/toggleStarred'
+import { headersPlugin } from './markdown/headers'
 import { transforms } from './transformer'
+import AutoImport from 'unplugin-auto-import/vite'
 
 // @unocss-include
 
@@ -56,6 +58,15 @@ export default defineConfig({
       UnoCSS({
         configFile: '../unocss.config.ts'
       }),
+      AutoImport({
+        dts: './.vitepress/imports.d.ts',
+        imports: ['vue', 'vitepress'],
+        vueTemplate: true,
+        biomelintrc: {
+          enabled: true,
+          filepath: './docs/.vitepress/.imports.json'
+        }
+      }),
       transforms(),
       {
         name: 'custom:adjust-order',
@@ -85,6 +96,7 @@ export default defineConfig({
     config(md) {
       md.use(emojiRender)
       md.use(toggleStarredPlugin)
+      md.use(headersPlugin)
     }
   },
   themeConfig: {
diff --git a/docs/.vitepress/hooks/opengraph.ts b/docs/.vitepress/hooks/opengraph.ts
index 74b62c505..79e486a69 100644
--- a/docs/.vitepress/hooks/opengraph.ts
+++ b/docs/.vitepress/hooks/opengraph.ts
@@ -71,14 +71,14 @@ async function generateImage({
   const _page = getPage(url)
   const title =
     frontmatter.layout === 'home'
-      ? frontmatter.hero.name ?? frontmatter.title
+      ? (frontmatter.hero.name ?? frontmatter.title)
       : frontmatter.title
         ? frontmatter.title
         : _page?.title
 
   const description =
     frontmatter.layout === 'home'
-      ? frontmatter.hero.tagline ?? frontmatter.description
+      ? (frontmatter.hero.tagline ?? frontmatter.description)
       : frontmatter.description
         ? frontmatter.description
         : _page?.description
diff --git a/docs/.vitepress/imports.d.ts b/docs/.vitepress/imports.d.ts
new file mode 100644
index 000000000..3bc9dfa9b
--- /dev/null
+++ b/docs/.vitepress/imports.d.ts
@@ -0,0 +1,133 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useData: typeof import('vitepress')['useData']
+  const useRoute: typeof import('vitepress')['useRoute']
+  const useRouter: typeof import('vitepress')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+  const withBase: typeof import('vitepress')['withBase']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}
+// for vue template auto import
+import { UnwrapRef } from 'vue'
+declare module 'vue' {
+  interface GlobalComponents {}
+  interface ComponentCustomProperties {
+    readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
+    readonly computed: UnwrapRef<typeof import('vue')['computed']>
+    readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
+    readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
+    readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
+    readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
+    readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
+    readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
+    readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
+    readonly h: UnwrapRef<typeof import('vue')['h']>
+    readonly inject: UnwrapRef<typeof import('vue')['inject']>
+    readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
+    readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
+    readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
+    readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
+    readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
+    readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
+    readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
+    readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
+    readonly onBeforeUnmount: UnwrapRef<typeof import('vue')['onBeforeUnmount']>
+    readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
+    readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
+    readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
+    readonly onMounted: UnwrapRef<typeof import('vue')['onMounted']>
+    readonly onRenderTracked: UnwrapRef<typeof import('vue')['onRenderTracked']>
+    readonly onRenderTriggered: UnwrapRef<typeof import('vue')['onRenderTriggered']>
+    readonly onScopeDispose: UnwrapRef<typeof import('vue')['onScopeDispose']>
+    readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
+    readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
+    readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
+    readonly provide: UnwrapRef<typeof import('vue')['provide']>
+    readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
+    readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
+    readonly ref: UnwrapRef<typeof import('vue')['ref']>
+    readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
+    readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
+    readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
+    readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
+    readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
+    readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
+    readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
+    readonly toValue: UnwrapRef<typeof import('vue')['toValue']>
+    readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
+    readonly unref: UnwrapRef<typeof import('vue')['unref']>
+    readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
+    readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
+    readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
+    readonly useData: UnwrapRef<typeof import('vitepress')['useData']>
+    readonly useRoute: UnwrapRef<typeof import('vitepress')['useRoute']>
+    readonly useRouter: UnwrapRef<typeof import('vitepress')['useRouter']>
+    readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
+    readonly watch: UnwrapRef<typeof import('vue')['watch']>
+    readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
+    readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
+    readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
+    readonly withBase: UnwrapRef<typeof import('vitepress')['withBase']>
+  }
+}
diff --git a/docs/.vitepress/markdown/headers.ts b/docs/.vitepress/markdown/headers.ts
new file mode 100644
index 000000000..31ffe238b
--- /dev/null
+++ b/docs/.vitepress/markdown/headers.ts
@@ -0,0 +1,16 @@
+import type { MarkdownRenderer } from 'vitepress'
+import { headers } from '../transformer/constants'
+
+const titles = Object.keys(headers).map((key) => headers[key].title)
+
+export const headersPlugin = (md: MarkdownRenderer) => {
+  // Add the Feedback component after the heading and close the container
+  md.renderer.rules.heading_close = (tokens, idx, options, env, self) => {
+    const result = self.renderToken(tokens, idx, options)
+    const heading = tokens[idx - 1]
+    const level = tokens[idx].tag.slice(1)
+    if (!titles.includes(env.frontmatter.title) || level !== '2') return result
+
+    return `<Feedback heading="${heading.content}" />${result}`
+  }
+}
diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue
index ada010bfb..5401d9602 100644
--- a/docs/.vitepress/theme/Layout.vue
+++ b/docs/.vitepress/theme/Layout.vue
@@ -1,7 +1,5 @@
 <script setup lang="ts">
 import DefaultTheme from 'vitepress/theme'
-import { useData } from 'vitepress'
-import { nextTick, provide } from 'vue'
 import Sidebar from './components/SidebarCard.vue'
 import Announcement from './components/Announcement.vue'
 
diff --git a/docs/.vitepress/theme/PostLayout.vue b/docs/.vitepress/theme/PostLayout.vue
index 5479a4c49..a3381cc25 100644
--- a/docs/.vitepress/theme/PostLayout.vue
+++ b/docs/.vitepress/theme/PostLayout.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { useData } from 'vitepress'
 import Authors from './components/Authors.vue'
 
 const props = defineProps<{
diff --git a/docs/.vitepress/theme/components/Announcement.vue b/docs/.vitepress/theme/components/Announcement.vue
index b9fe5d870..d6541293f 100644
--- a/docs/.vitepress/theme/components/Announcement.vue
+++ b/docs/.vitepress/theme/components/Announcement.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { useData } from 'vitepress'
-
 const { frontmatter } = useData()
 </script>
 
@@ -8,7 +6,7 @@ const { frontmatter } = useData()
   <a
     v-if="frontmatter.hero.prelink"
     :href="frontmatter.hero.prelink.link"
-    class="inline-flex items-center rounded-lg bg-[var(--vp-c-default-soft)] px-4 py-1 text-sm font-semibold mb-3"
+    class="mb-3 inline-flex items-center rounded-lg bg-[var(--vp-c-default-soft)] px-4 py-1 text-sm font-semibold"
   >
     {{ frontmatter.hero.prelink.title }}
   </a>
diff --git a/docs/.vitepress/theme/components/Authors.vue b/docs/.vitepress/theme/components/Authors.vue
index 36f7dd1f8..560f43e24 100644
--- a/docs/.vitepress/theme/components/Authors.vue
+++ b/docs/.vitepress/theme/components/Authors.vue
@@ -40,8 +40,8 @@ const authors = computed(() =>
 
 <template>
   <div class="flex flex-wrap gap-4 pt-2">
-    <div v-for="(c, index) of authors" class="flex gap-2 items-center">
-      <img :src="`${c.github}.png`" class="w-8 h-8 rounded-full" />
+    <div v-for="(c, index) of authors" class="flex items-center gap-2">
+      <img :src="`${c.github}.png`" class="h-8 w-8 rounded-full" />
       <a :href="c.github">{{ c.name }}</a>
       <span v-if="index < authors.length - 1">•</span>
     </div>
diff --git a/docs/.vitepress/theme/components/CardField.vue b/docs/.vitepress/theme/components/CardField.vue
index eb836d5f7..b7da7b889 100644
--- a/docs/.vitepress/theme/components/CardField.vue
+++ b/docs/.vitepress/theme/components/CardField.vue
@@ -5,7 +5,7 @@ defineProps<{
 </script>
 
 <template>
-  <div class="flex items-center mb-[8px] g-[12px]">
+  <div class="g-[12px] mb-[8px] flex items-center">
     <span class="flex items-center">
       <div class="text-2xl" :class="icon" />
       <div class="ml-2 text-sm text-[var(--vp-c-text-2)]">
diff --git a/docs/.vitepress/theme/components/Feedback.vue b/docs/.vitepress/theme/components/Feedback.vue
index 1535d0cad..a8b11b007 100644
--- a/docs/.vitepress/theme/components/Feedback.vue
+++ b/docs/.vitepress/theme/components/Feedback.vue
@@ -1,53 +1,100 @@
 <script setup lang="ts">
-import { ref, reactive } from 'vue'
-import {
-  TransitionRoot,
-  TransitionChild,
-  Dialog,
-  DialogPanel,
-  DialogTitle,
-  DialogDescription,
-  Listbox,
-  ListboxLabel,
-  ListboxButton,
-  ListboxOptions,
-  ListboxOption
-} from '@headlessui/vue'
-import { useRouter } from 'vitepress'
+import { computed, ref, reactive } from 'vue'
 import {
+  feedbackOptions,
   type FeedbackType,
-  getFeedbackOption,
-  feedbackOptions
+  getFeedbackOption
 } from '../../types/Feedback'
+import { useRouter } from 'vitepress'
+
+const props = defineProps<{
+  heading?: string
+}>()
+
+const prompts = [
+  'Make it count!',
+  'Leave some feedback for us!',
+  `We're all ears 🐰`,
+  'Tell us what is missing in FMHY',
+  'Your thoughts matter to us 💡',
+  'Feedback is a gift 🎁',
+  'What do you think?',
+  'We appreciate your support 🙏',
+  'Help us make FMHY better 🤝',
+  'We need your help 👋',
+  'Your feedback is valuable 💯',
+  'So... what do you think?',
+  "I guess you don't need to say anything 😉",
+  'Spill the beans 💣',
+  "We're always looking for ways to improve!.",
+  'Your feedback is valuable and helps us make FMHY better.',
+  'aliens are watching you 👽',
+  'tasky was here 👀',
+  'The internet is full of crap 😱'
+]
+
+function getPrompt() {
+  return prompts[Math.floor(Math.random() * prompts.length)]
+}
+
+const messages = {
+  bug: [
+    "We're sorry to hear that!",
+    'Please try to be as specific as possible and provide us with the steps to reproduce the bug.'
+  ],
+  suggestion: [
+    "We're glad you want to share your ideas!",
+    'Nix the fluff and just tell us what you think!',
+    "We'll be happy to read your thoughts and incorporate them into our wiki.",
+    "Hello! We're glad you want to share your ideas!"
+  ],
+  appreciation: [
+    'We appreciate your support!',
+    "We're always looking for ways to improve!.",
+    'Your feedback is valuable and helps us make FMHY better.'
+  ],
+  other: [
+    "We're always looking for ways to improve!",
+    'Your feedback is valuable and helps us make FMHY better.'
+  ]
+}
+
+function getMessage(type: FeedbackType['type']) {
+  return messages[type][Math.floor(Math.random() * messages[type].length)]
+}
 
 const loading = ref<boolean>(false)
 const error = ref<unknown>(null)
 const success = ref<boolean>(false)
 
+const isDisabled = computed(() => {
+  return (
+    !feedback.message.length ||
+    feedback.message.length < 5 ||
+    feedback.message.length > 1000
+  )
+})
+
 const router = useRouter()
-const feedback = reactive<FeedbackType>({ message: '' })
+// prettier-ignore
+const feedback = reactive<
+  Pick<FeedbackType, 'message' | 'page'> & Partial<Pick<FeedbackType, 'type'>>
+>({
+  page: router.route.path,
+  message: ''
+})
 
-const options = [
-  {
-    label: '💡 Suggestion',
-    value: 'suggestion'
-  },
-  {
-    label: '❤️ Appreciation',
-    value: 'appreciate'
-  },
-  { label: '🐞 Bug', value: 'bug' },
-  { label: '📂 Other', value: 'other' }
-]
-const selectedOption = ref(options[0])
+const selectedOption = ref(feedbackOptions[0])
 
-async function handleSubmit() {
+async function handleSubmit(type?: FeedbackType['type']) {
+  if (type) feedback.type = type
   loading.value = true
 
   const body: FeedbackType = {
     message: feedback.message,
     type: selectedOption.value.value,
-    page: router.route.path
+    page: feedback.page,
+    ...(props.heading && { heading: props.heading })
   }
 
   try {
@@ -60,7 +107,6 @@ async function handleSubmit() {
     })
 
     const data = await response.json()
-
     if (data.error) {
       error.value = data.error
       return
@@ -68,262 +114,214 @@ async function handleSubmit() {
     if (data.status === 'ok') {
       success.value = true
     }
-  } catch (error) {
-    error.value = error
+  } catch (err) {
+    error.value = err
   } finally {
     loading.value = false
   }
 }
 
-const isOpen = ref(false)
+const isCardShown = ref<boolean>(false)
+const helpfulText = props.heading
+  ? 'What do you think about this section?'
+  : 'What do you think about this page?'
+const helpfulDescription = props.heading
+  ? 'Let us know how helpful this section is.'
+  : 'Let us know how helpful this page is.'
 
-function closeModal() {
-  isOpen.value = false
-}
-function openModal() {
-  isOpen.value = true
-}
+const prompt = computed(() => getPrompt())
+const message = computed(() => getMessage(feedback.type!))
+const toggleCard = () => (isCardShown.value = !isCardShown.value)
 </script>
 
 <template>
-  <button
-    type="button"
-    class="inline-flex items-center justify-center whitespace-nowrap text-sm text-primary font-medium border border-primary bg-bg-alt h-8 rounded-md px-2 py-2"
-    @click="openModal"
-  >
-    <span class="i-carbon-send-alt" />
-  </button>
+  <template v-if="props.heading">
+    <button @click="toggleCard()"
+      class="bg-$vp-c-default-soft hover:bg-$vp-c-default-soft/40 text-primary border-$vp-c-default-soft hover:border-primary ml-3 inline-flex h-7 items-center justify-center whitespace-nowrap rounded-md border-2 border-solid px-1.5 py-1.5 text-sm font-medium transition-all duration-300 sm:h-6">
+      <span :class="isCardShown === false
+          ? `i-lucide:heart-handshake`
+          : `i-lucide:circle-x`
+        " />
+    </button>
+  </template>
+  <template v-else>
+    <button
+      class="bg-$vp-c-default-soft hover:bg-$vp-c-default-soft/40 text-primary px2 py1 border-$vp-c-default-soft hover:border-primary mt-2 select-none rounded border-2 border-solid font-bold transition-all duration-300"
+      @click="toggleCard()">
+      <span :class="isCardShown === false
+          ? `i-lucide:heart-handshake mr-2`
+          : `i-lucide:circle-x mr-2`
+        " />
+      <span>Send Feedback</span>
+    </button>
+  </template>
 
-  <Teleport to="body">
-    <TransitionRoot appear :show="isOpen" as="template">
-      <Dialog as="div" class="relative z-10" @close="closeModal">
-        <TransitionChild
-          as="template"
-          enter="duration-300 ease-out"
-          enter-from="opacity-0"
-          enter-to="opacity-100"
-          leave="duration-200 ease-in"
-          leave-from="opacity-100"
-          leave-to="opacity-0"
-        >
-          <div class="fixed inset-0 bg-black/25" />
-        </TransitionChild>
-
-        <div class="fixed inset-0 overflow-y-auto">
-          <div
-            class="flex min-h-full items-center justify-center p-4 text-center"
-          >
-            <TransitionChild
-              as="template"
-              enter="duration-300 ease-out"
-              enter-from="opacity-0 scale-95"
-              enter-to="opacity-100 scale-100"
-              leave="duration-200 ease-in"
-              leave-from="opacity-100 scale-100"
-              leave-to="opacity-0 scale-95"
-            >
-              <DialogPanel
-                class="w-full max-w-md transform overflow-hidden rounded-2xl bg-bg p-6 text-left align-middle shadow-xl transition-all"
-              >
-                <DialogTitle
-                  as="h3"
-                  class="text-lg font-medium leading-6 text-text"
-                >
-                  Feedback
-                </DialogTitle>
-
-                <div class="mt-4 top-16 w-72" v-if="!success">
-                  <Listbox v-model="selectedOption">
-                    <div class="relative mt-1">
-                      <ListboxButton
-                        class="relative w-full cursor-default rounded-lg bg-bg-alt text-text py-2 pl-3 pr-10 text-left shadow-md focus:outline-none focus-visible:border-indigo-500 focus-visible:ring-2 focus-visible:ring-white/75 focus-visible:ring-offset-2 focus-visible:ring-offset-orange-300 sm:text-sm"
-                      >
-                        <span class="block truncate">
-                          {{ selectedOption.label }}
-                        </span>
-                        <span
-                          class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2"
-                        >
-                          <div
-                            class="i-heroicons-solid:chevron-up-down h-5 w-5 text-gray-400"
-                            aria-hidden="true"
-                          />
-                        </span>
-                      </ListboxButton>
-
-                      <transition
-                        leave-active-class="transition duration-100 ease-in"
-                        leave-from-class="opacity-100"
-                        leave-to-class="opacity-0"
-                      >
-                        <ListboxOptions
-                          class="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-bg-alt py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm"
-                        >
-                          <ListboxOption
-                            v-slot="{ active, selected }"
-                            v-for="option in options"
-                            :key="option.value"
-                            :value="option"
-                            as="template"
-                          >
-                            <li
-                              :class="[
-                                active ? 'text-primary' : 'text-gray-500',
-                                'relative cursor-default select-none py-2 pl-10 pr-4'
-                              ]"
-                            >
-                              <span
-                                :class="[
-                                  selected ? 'font-medium' : 'font-normal',
-                                  'block truncate'
-                                ]"
-                              >
-                                {{ option.label }}
-                              </span>
-                              <span
-                                v-if="selected"
-                                class="absolute inset-y-0 left-0 flex items-center pl-3 text-primary"
-                              >
-                                <div
-                                  class="i-heroicons-solid:check h-5 w-5"
-                                  aria-hidden="true"
-                                />
-                              </span>
-                            </li>
-                          </ListboxOption>
-                        </ListboxOptions>
-                      </transition>
-                    </div>
-                  </Listbox>
-
-                  <div class="mt-2">
-                    <div>
-                      <label class="field-label">Message</label>
-                      <textarea
-                        v-model="feedback.message"
-                        class="mt-2 h-32"
-                        placeholder="What a lovely wiki!"
-                        rows="5"
-                      />
-                    </div>
-                  </div>
-                  <p class="text-sm text-gray-400 mb-2">
-                    If you want a reply to your feedback, feel free to mention a
-                    contact in the message or join our
-                    <a
-                      class="text-primary font-semibold text-underline"
-                      href="https://discord.gg/Stz6y6NgNg"
-                    >
-                      Discord.
-                    </a>
-                  </p>
-
-                  <details
-                    v-if="selectedOption.value === 'suggestion'"
-                    class="text-sm text-gray-400"
-                  >
-                    <summary class="mb-2">Submission Guidelines</summary>
-                    <strong>🕹️ Emulators</strong>
-                    <p>
-                      They're already on the
-                      <a
-                        class="text-primary font-bold text-underline"
-                        href="https://emulation.gametechwiki.com/index.php/Main_Page"
-                      >
-                        Game Tech Wiki.
-                      </a>
-                    </p>
-                    <strong>🔻 Leeches</strong>
-                    <p>
-                      They're already on the
-                      <a
-                        class="text-primary font-bold text-underline"
-                        href="https://filehostlist.miraheze.org/wiki/Free_Premium_Leeches"
-                      >
-                        File Hosting Wiki.
-                      </a>
-                    </p>
-                    <strong>🐧 Distros</strong>
-                    <p>
-                      They're already on
-                      <a
-                        class="text-primary font-bold text-underline"
-                        href="https://distrowatch.com/"
-                      >
-                        DistroWatch.
-                      </a>
-                    </p>
-                    <strong>🎲 Mining / Betting Sites</strong>
-                    <p>
-                      Don't post anything related to betting, mining, BINs, CCs,
-                      etc.
-                    </p>
-                    <strong>🎮 Multiplayer Game Hacks</strong>
-                    <p>
-                      Don't post any hacks/exploits that give unfair advantages
-                      in multiplayer games.
-                    </p>
-                  </details>
-
-                  <div class="mt-4">
-                    <button
-                      type="button"
-                      class="inline-flex justify-center rounded-md border border-transparent bg-blue-500 px-4 py-2 text-sm font-medium text-blue-100 hover:bg-blue-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:bg-blue-400"
-                      :disabled="
-                        feedback.message.length < 5 ||
-                        feedback.message.length > 1000
-                      "
-                      @click="handleSubmit()"
-                    >
-                      Submit
-                    </button>
-
-                    <button
-                      type="button"
-                      class="ml-2 inline-flex justify-center rounded-md border border-transparent bg-red-500 px-4 py-2 text-sm font-medium text-red-100 hover:bg-red-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2"
-                      @click="closeModal()"
-                    >
-                      Close
-                    </button>
-                  </div>
-                </div>
-                <div v-else-if="error">
-                  <div class="text-sm font-medium leading-6 text-text">
-                    Error!
-                  </div>
-                  <details>{{ error }}</details>
-                </div>
-                <div v-else>
-                  <TransitionRoot
-                    enter="transition-opacity duration-75"
-                    enter-from="opacity-0"
-                    enter-to="opacity-100"
-                  >
-                    Thanks!
-                  </TransitionRoot>
-                </div>
-              </DialogPanel>
-            </TransitionChild>
+  <Transition name="fade" mode="out-in">
+    <div v-if="isCardShown"
+      class="border-$vp-c-divider bg-$vp-c-bg-alt b-rd-4 m-[2rem 0] step mt-4 border-2 border-solid p-6">
+      <Transition name="fade" mode="out-in">
+        <div v-if="!feedback.type" class="step">
+          <div>
+            <div>
+              <p class="desc">{{ prompt }}</p>
+              <p class="heading">
+                {{ helpfulText }}
+              </p>
+            </div>
+          </div>
+          <div class="flex flex-wrap gap-2">
+            <button v-for="item in feedbackOptions" :key="item.value" class="btn" @click="handleSubmit(item.value)">
+              <span>{{ item.label }}</span>
+            </button>
           </div>
         </div>
-      </Dialog>
-    </TransitionRoot>
-  </Teleport>
+        <div v-else-if="feedback.type && !success" class="step">
+          <div>
+            <p class="desc">
+              {{ helpfulDescription }}
+            </p>
+            <div>
+              <span>{{ getFeedbackOption(feedback.type)?.label }}</span>
+              <button style="margin-left: 0.5rem" class="btn" @click="feedback.type = undefined">
+                <span class="i-lucide:arrow-left-from-line">close</span>
+              </button>
+            </div>
+          </div>
+          <p class="heading">
+            {{ message }}
+          </p>
+          <div v-if="feedback.type === 'suggestion'" class="mb-2 text-sm">
+            <details>
+              <summary>
+                <span class="i-lucide:shield-alert bg-cerise-400 mb-1 ml-1" />
+                Do not submit any of the following:
+              </summary>
+              <strong>🕹️ Emulators</strong>
+              <p class="desc">
+                They're already on the
+                <a class="text-primary text-underline font-bold"
+                  href="https://emulation.gametechwiki.com/index.php/Main_Page">
+                  Game Tech Wiki.
+                </a>
+              </p>
+              <strong>🔻 Leeches</strong>
+              <p class="desc">
+                They're already on the
+                <a class="text-primary text-underline font-bold"
+                  href="https://filehostlist.miraheze.org/wiki/Free_Premium_Leeches">
+                  File Hosting Wiki.
+                </a>
+              </p>
+              <strong>🐧 Distros</strong>
+              <p class="desc">
+                They're already on
+                <a class="text-primary text-underline font-bold" href="https://distrowatch.com/">
+                  DistroWatch.
+                </a>
+              </p>
+              <strong>🎲 Mining / Betting Sites</strong>
+              <p class="desc">
+                Don't post anything related to betting, mining, BINs, CCs, etc.
+              </p>
+              <strong>🎮 Multiplayer Game Hacks</strong>
+              <p class="desc">
+                Don't post any hacks/exploits that give unfair advantages in
+                multiplayer games.
+              </p>
+            </details>
+          </div>
+          <textarea v-model="feedback.message" autofocus class="input" placeholder="What a lovely wiki!" />
+          <p class="desc mb-2">
+            If you want a reply to your feedback, feel free to mention a contact
+            in the message or join our
+            <a class="text-primary text-underline font-semibold" href="https://discord.gg/Stz6y6NgNg">
+              Discord.
+            </a>
+          </p>
+          <button type="submit" class="btn btn-primary" :disabled="isDisabled" @click="handleSubmit()">
+            Send Feedback 📩
+          </button>
+        </div>
+        <div v-else class="step">
+          <p class="heading">Thanks for your feedback!</p>
+        </div>
+      </Transition>
+    </div>
+  </Transition>
 </template>
 
-<style scoped>
-textarea,
-input {
-  font-family: var(--vp-font-family-base);
-  background: var(--vp-c-bg-soft);
-  font-size: 14px;
-  border-radius: 4px;
-  padding: 16px;
-  width: 100%;
+<style scoped lang="css">
+.step>*+* {
+  margin-top: 1rem;
+}
 
-  &::placeholder {
-    color: var(--vp-c-text-2) !important;
-    opacity: 1;
-  }
+.btn {
+  border: 1px solid var(--vp-c-divider);
+  background-color: var(--vp-c-bg);
+  border-radius: 8px;
+  transition:
+    border-color 0.25s,
+    background-color 0.25s;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.5;
+  margin: 0;
+  padding: 0.375rem 0.75rem;
+  text-align: center;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+.btn:disabled {
+  opacity: 0.5;
+}
+
+.btn:hover {
+  border-color: var(--vp-c-brand);
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: var(--vp-c-brand);
+  border-color: var(--vp-c-brand);
+}
+
+.btn-primary:hover {
+  background-color: var(--vp-c-brand-darker);
+  border-color: var(--vp-c-brand-darker);
+}
+
+.heading {
+  font-size: 1.2rem;
+  font-weight: 700;
+}
+
+.input {
+  background-color: var(--vp-c-bg-alt);
+  color: var(--vp-c-text-2);
+  width: 100%;
+  height: 100px;
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 4px;
+  padding: 0.375rem 0.75rem;
+}
+
+.desc {
+  display: block;
+  line-height: 20px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--vp-c-text-2);
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.25s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
 }
 </style>
diff --git a/docs/.vitepress/theme/components/SidebarCard.vue b/docs/.vitepress/theme/components/SidebarCard.vue
index 89a107715..f6eb8baf6 100644
--- a/docs/.vitepress/theme/components/SidebarCard.vue
+++ b/docs/.vitepress/theme/components/SidebarCard.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import Field from './CardField.vue'
-import Feedback from './Feedback.vue'
 import InputField from './InputField.vue'
 import ToggleStarred from './ToggleStarred.vue'
 </script>
@@ -16,11 +15,6 @@ import ToggleStarred from './ToggleStarred.vue'
     <div class="card-header">
       <div class="card-title">Options</div>
     </div>
-    <InputField id="feedback" label="Feedback">
-      <template #display>
-        <Feedback />
-      </template>
-    </InputField>
     <InputField id="toggle-starred" label="Toggle Starred">
       <template #display>
         <ToggleStarred />
diff --git a/docs/.vitepress/theme/components/WallpaperCard.vue b/docs/.vitepress/theme/components/WallpaperCard.vue
index 5f028f19c..b79548f99 100644
--- a/docs/.vitepress/theme/components/WallpaperCard.vue
+++ b/docs/.vitepress/theme/components/WallpaperCard.vue
@@ -8,14 +8,14 @@ defineProps<{
 </script>
 
 <template>
-  <div class="rounded-lg border bg-bg-elv text-text shadow-sm w-full max-w-md">
+  <div class="bg-bg-elv text-text w-full max-w-md rounded-lg border shadow-sm">
     <div class="flex flex-col space-y-1.5 p-6 pb-4">
       <h4
         class="whitespace-nowrap text-2xl font-semibold leading-none tracking-tight"
       >
         {{ title }}
       </h4>
-      <p class="text-sm text-text-2 font-medium leading-none tracking-tight">
+      <p class="text-text-2 text-sm font-medium leading-none tracking-tight">
         {{ description }}
       </p>
     </div>
@@ -23,12 +23,12 @@ defineProps<{
       <img
         :src="desktop"
         :alt="title"
-        class="rounded-md object-cover aspect-[3/2]"
+        class="aspect-[3/2] rounded-md object-cover"
         width="1080"
         height="1920"
       />
     </div>
-    <div class="items-center p-6 flex gap-2">
+    <div class="flex items-center gap-2 p-6">
       <a :href="mobile" target="_blank">Mobile</a>
       <span class="text-text-2">•</span>
       <a :href="desktop" target="_blank">Desktop</a>
diff --git a/docs/.vitepress/theme/composables/nprogress.ts b/docs/.vitepress/theme/composables/nprogress.ts
index 1ef543d46..2cdca5386 100644
--- a/docs/.vitepress/theme/composables/nprogress.ts
+++ b/docs/.vitepress/theme/composables/nprogress.ts
@@ -1,7 +1,9 @@
 import nprogress, { type NProgress } from 'nprogress'
 import type { EnhanceAppContext } from 'vitepress'
 
-export function loadProgress(router: EnhanceAppContext['router']): NProgress {
+export function loadProgress(
+  router: EnhanceAppContext['router']
+): NProgress | undefined {
   if (typeof window === 'undefined') return
 
   setTimeout(() => {
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 00c6798b9..378f0efa2 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -5,12 +5,14 @@ import Post from './PostLayout.vue'
 import { loadProgress } from './composables/nprogress'
 import './style.css'
 import 'uno.css'
+import Feedback from './components/Feedback.vue'
 
 export default {
   extends: DefaultTheme,
   Layout,
   enhanceApp({ router, app }) {
     app.component('Post', Post)
+    app.component('Feedback', Feedback)
     loadProgress(router)
   }
 } satisfies Theme
diff --git a/docs/.vitepress/transformer/constants.ts b/docs/.vitepress/transformer/constants.ts
index 24332f513..675cb5657 100644
--- a/docs/.vitepress/transformer/constants.ts
+++ b/docs/.vitepress/transformer/constants.ts
@@ -125,12 +125,14 @@ export function getHeader(id: string) {
 
   const description = '<p class="text-black dark:text-text-2">'
 
+  const feedback = '<Feedback />'
+
   const data = headers[id]
   let header = '---\n'
   header += `title: "${data.title}"\n`
   header += `description: ${data.description}\n`
   header += '---\n'
   header += `${title}${data.title}</h1>\n`
-  header += `${description}${data.description}</p></div>\n\n`
+  header += `${description}${data.description}</p></div>\n\n${feedback}\n\n`
   return header
 }
diff --git a/docs/.vitepress/types/Feedback.ts b/docs/.vitepress/types/Feedback.ts
index 133fac9dc..1622252ac 100644
--- a/docs/.vitepress/types/Feedback.ts
+++ b/docs/.vitepress/types/Feedback.ts
@@ -2,27 +2,34 @@ import z from 'zod'
 
 export const FeedbackSchema = z.object({
   message: z.string().min(5).max(1000),
-  type: z.enum(['bug', 'suggestion', 'appreciate', 'other']),
-  page: z.string().optional()
+  type: z.enum(['bug', 'suggestion', 'appreciation', 'other']),
+  page: z.string().min(3).max(20),
+  // For heading based feedback
+  heading: z.string().min(3).max(20).optional()
 })
 
-export const feedbackOptions = [
-  { label: '🐞 Bug', value: 'bug' },
+export interface Option {
+  label: string
+  value: FeedbackType['type']
+}
+
+export const feedbackOptions: Option[] = [
   {
-    label: '💡 Suggestion',
+    label: '💡 I have a suggestion',
     value: 'suggestion'
   },
-  { label: '📂 Other', value: 'other' },
+
+  { label: '🐛 I want to report a website bug', value: 'bug' },
   {
-    label: '❤️ Appreciation',
-    value: 'appreciate'
-  }
+    label: '👍 I appreciate the work',
+    value: 'appreciation'
+  },
+  { label: '📂 Something else', value: 'other' }
 ]
 
-export function getFeedbackOption(value: string): {
-  label: string
-  value: string
-} {
+export function getFeedbackOption(
+  value: FeedbackType['type']
+): Option | undefined {
   return feedbackOptions.find((option) => option.value === value)
 }
 
diff --git a/package.json b/package.json
index 9887fbb19..23d26cd6b 100644
--- a/package.json
+++ b/package.json
@@ -1,27 +1,26 @@
 {
   "name": "fmhy",
-  "type": "module",
   "packageManager": "pnpm@9.7.1",
+  "type": "module",
   "scripts": {
-    "docs:dev": "vitepress dev docs/",
-    "docs:build": "vitepress build docs/",
-    "docs:preview": "vitepress preview docs/",
-    "api:prepare": "nitropack prepare",
-    "api:dev": "nitropack dev",
     "api:build": "nitropack build",
+    "api:dev": "nitropack dev",
+    "api:prepare": "nitropack prepare",
     "api:preview": "node .output/server/index.mjs",
-    "og:dev": "x-satori -t ./docs/.vitepress/hooks/Template.vue -c ./.vitepress/hooks/satoriConfig.ts --dev",
+    "docs:build": "vitepress build docs/",
+    "docs:dev": "vitepress dev docs/",
+    "docs:preview": "vitepress preview docs/",
     "format": "prettier -w --cache --check .",
+    "postinstall": "nitropack prepare",
     "lint": "biome lint .",
     "lint:fix": "biome lint . --write",
     "lint:fix:unsafe": "biome lint . --write --unsafe",
-    "postinstall": "nitropack prepare"
+    "og:dev": "x-satori -t ./docs/.vitepress/hooks/Template.vue -c ./.vitepress/hooks/satoriConfig.ts --dev"
   },
   "dependencies": {
     "@fmhy/colors": "^0.0.11",
     "@headlessui/vue": "^1.7.22",
     "@resvg/resvg-js": "^2.6.2",
-    "vitepress": "npm:@taskylizard/vitepress@1.1.1",
     "consola": "^3.2.3",
     "feed": "^4.2.2",
     "itty-fetcher": "^0.9.4",
@@ -30,6 +29,7 @@
     "nprogress": "^0.2.0",
     "pathe": "^1.1.2",
     "unocss": "^0.58.9",
+    "vitepress": "npm:@taskylizard/vitepress@1.1.1",
     "vue": "^3.4.38",
     "x-satori": "^0.1.5",
     "zod": "^3.23.8"
@@ -38,13 +38,17 @@
     "@biomejs/biome": "^1.8.3",
     "@iconify-json/carbon": "^1.1.37",
     "@iconify-json/heroicons-solid": "^1.1.12",
+    "@iconify-json/lucide": "^1.1.207",
     "@iconify-json/mdi": "^1.1.68",
     "@iconify-json/twemoji": "^1.1.16",
     "@taskylizard/biome-config": "^1.0.1",
     "@types/node": "^20.15.0",
     "@types/nprogress": "^0.2.3",
     "prettier": "^3.3.3",
-    "wrangler": "^3.72.0"
+    "prettier-plugin-pkgsort": "^0.2.1",
+    "prettier-plugin-tailwindcss": "^0.6.6",
+    "unplugin-auto-import": "^0.18.2",
+    "wrangler": "^3.68.0"
   },
   "pnpm": {
     "peerDependencyRules": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 42e185ba3..cb6c48ec5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -63,6 +63,9 @@ importers:
       '@iconify-json/heroicons-solid':
         specifier: ^1.1.12
         version: 1.1.12
+      '@iconify-json/lucide':
+        specifier: ^1.1.207
+        version: 1.1.207
       '@iconify-json/mdi':
         specifier: ^1.1.68
         version: 1.1.68
@@ -81,9 +84,18 @@ importers:
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
+      prettier-plugin-pkgsort:
+        specifier: ^0.2.1
+        version: 0.2.1(prettier@3.3.3)
+      prettier-plugin-tailwindcss:
+        specifier: ^0.6.6
+        version: 0.6.6(prettier@3.3.3)
+      unplugin-auto-import:
+        specifier: ^0.18.2
+        version: 0.18.2(@vueuse/core@10.11.0(vue@3.4.38))(rollup@4.19.0)
       wrangler:
-        specifier: ^3.72.0
-        version: 3.72.0
+        specifier: ^3.68.0
+        version: 3.68.0
 
 packages:
 
@@ -160,6 +172,9 @@ packages:
   '@antfu/install-pkg@0.1.1':
     resolution: {integrity: sha512-LyB/8+bSfa0DFGC06zpCEfs89/XoWZwws5ygEa5D+Xsm3OfI+aXQ86VgVG7Acyef+rSZ5HE7J8rrxzrQeM3PjQ==}
 
+  '@antfu/utils@0.7.10':
+    resolution: {integrity: sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==}
+
   '@antfu/utils@0.7.7':
     resolution: {integrity: sha512-gFPqTG7otEJ8uP6wrhDv6mqwGWYZKNvAcCq6u9hOj0c+IKCEsY4L1oC9trPq2SaWIzAfHvqfBDxF591JkMf+kg==}
 
@@ -372,40 +387,36 @@ packages:
     resolution: {integrity: sha512-YLPHc8yASwjNkmcDMQMY35yiWjoKAKnhUbPRszBRS0YgH+IXtsMp61j+yTcnCE3oO2DgP0U3iejLC8FTtKDC8Q==}
     engines: {node: '>=16.13'}
 
-  '@cloudflare/workerd-darwin-64@1.20240806.0':
-    resolution: {integrity: sha512-FqcVBBCO//I39K5F+HqE/v+UkqY1UrRnS653Jv+XsNNH9TpX5fTs7VCKG4kDSnmxlAaKttyIN5sMEt7lpuNExQ==}
+  '@cloudflare/workerd-darwin-64@1.20240725.0':
+    resolution: {integrity: sha512-KpE7eycdZ9ON+tKBuTyqZh8SdFWHGrh2Ru9LcbpeFwb7O9gDQv9ceSdoV/T598qlT0a0yVKM62R6xa5ec0UOWA==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [darwin]
 
-  '@cloudflare/workerd-darwin-arm64@1.20240806.0':
-    resolution: {integrity: sha512-8c3KvmzYp/wg+82KHSOzDetJK+pThH4MTrU1OsjmsR2cUfedm5dk5Lah9/0Ld68+6A0umFACi4W2xJHs/RoBpA==}
+  '@cloudflare/workerd-darwin-arm64@1.20240725.0':
+    resolution: {integrity: sha512-/UQlI04FdXLpPlDzzsWGz8TuKrMZKLowTo+8PkxgEiWIaBhE4DIDM5bwj3jM4Bs8yOLiL2ovQNpld5CnAKqA8g==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [darwin]
 
-  '@cloudflare/workerd-linux-64@1.20240806.0':
-    resolution: {integrity: sha512-/149Bpxw4e2p5QqnBc06g0mx+4sZYh9j0doilnt0wk/uqYkLp0DdXGMQVRB74sBLg2UD3wW8amn1w3KyFhK2tQ==}
+  '@cloudflare/workerd-linux-64@1.20240725.0':
+    resolution: {integrity: sha512-Z5t12qYLvHz0b3ZRBBm2HQ93RiHrAnjFfdhtjMcgJypAGkiWpOCEn2xar/WqDhMfqnk0sa8aYiYAbMAlP1WN6w==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [linux]
 
-  '@cloudflare/workerd-linux-arm64@1.20240806.0':
-    resolution: {integrity: sha512-lacDWY3S1rKL/xT6iMtTQJEKmTTKrBavPczInEuBFXElmrS6IwVjZwv8hhVm32piyNt/AuFu9BYoJALi9D85/g==}
+  '@cloudflare/workerd-linux-arm64@1.20240725.0':
+    resolution: {integrity: sha512-j9gYXLOwOyNehLMzP7KxQ+Y6/nxcL9i6LTDJC6RChoaxLRbm0Y/9Otu+hfyzeNeRpt31ip6vqXZ1QQk6ygzI8A==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [linux]
 
-  '@cloudflare/workerd-windows-64@1.20240806.0':
-    resolution: {integrity: sha512-hC6JEfTSQK6//Lg+D54TLVn1ceTPY+fv4MXqDZIYlPP53iN+dL8Xd0utn2SG57UYdlL5FRAhm/EWHcATZg1RgA==}
+  '@cloudflare/workerd-windows-64@1.20240725.0':
+    resolution: {integrity: sha512-fkrJLWNN6rrPjZ0eKJx328NVMo4BsainKxAfqaPMEd6uRwjOM8uN8V4sSLsXXP8GQMAx6hAG2hU86givS4GItg==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [win32]
 
-  '@cloudflare/workers-shared@0.2.0':
-    resolution: {integrity: sha512-tIWLooWkBMuoKRk72lr6YrEtVlVdUTtAGVmPOnUroMrnri/9YLx+mVawL0/egDgSGmPbmvkdBFsUGRuI+aZmxg==}
-    engines: {node: '>=16.7.0'}
-
   '@cspotcode/source-map-support@0.8.1':
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
     engines: {node: '>=12'}
@@ -865,6 +876,9 @@ packages:
   '@iconify-json/heroicons-solid@1.1.12':
     resolution: {integrity: sha512-2Fq9fTQIdwivWNeE0hv6qUQ9VcnxtkfzXZp6goWOS5itXcJ5WYnMRQSgoADLPDACc5veWYvDHndDhYNc241ZnQ==}
 
+  '@iconify-json/lucide@1.1.207':
+    resolution: {integrity: sha512-RwzmyFchxiTceKtvVMqfFyUNyxpBKtl6QzD5XPzofr8bqpVgBB/SO0gjI9IbsdQ3bTfSXrEMH+lPm1F0gf2vqQ==}
+
   '@iconify-json/mdi@1.1.68':
     resolution: {integrity: sha512-7//TKCiXLU6kNWeOJRTBbisofVO7rF1sD1TZTL4/V9nqlmVNczQ5IOY0GgKOTsitkcTnX9GXgrgbjw3OI5B69w==}
 
@@ -906,6 +920,12 @@ packages:
   '@jridgewell/sourcemap-codec@1.4.15':
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
+  '@jridgewell/sourcemap-codec@1.5.0':
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
+  '@jridgewell/trace-mapping@0.3.20':
+    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
+
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
@@ -1341,6 +1361,12 @@ packages:
   '@types/nprogress@0.2.3':
     resolution: {integrity: sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA==}
 
+  '@types/parse-author@2.0.3':
+    resolution: {integrity: sha512-pgRW2K/GVQoogylrGJXDl7PBLW9A6T4OOc9Hy9MLT5f7vgufK2GQ8FcfAbjFHR5HjcN9ByzuCczAORk49REqoA==}
+
+  '@types/parse-json@4.0.2':
+    resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
+
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
@@ -1558,6 +1584,11 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  acorn@8.12.1:
+    resolution: {integrity: sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   agent-base@6.0.2:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
@@ -1622,6 +1653,10 @@ packages:
   async@3.2.4:
     resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==}
 
+  author-regex@1.0.0:
+    resolution: {integrity: sha512-KbWgR8wOYRAPekEmMXrYYdc7BRyhn2Ftk7KWfMUnQ43hFdojWEFRxhhRUm3/OFEdPa1r0KAvTTg9YQK57xTe0g==}
+    engines: {node: '>=0.8'}
+
   b4a@1.6.4:
     resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
 
@@ -1688,6 +1723,10 @@ packages:
   call-bind@1.0.5:
     resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==}
 
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
   camelize@1.0.1:
     resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
 
@@ -1755,6 +1794,10 @@ packages:
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
+  commander@4.1.1:
+    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
+    engines: {node: '>= 6'}
+
   commondir@1.0.1:
     resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
 
@@ -1803,6 +1846,10 @@ packages:
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
+  cosmiconfig@7.1.0:
+    resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==}
+    engines: {node: '>=10'}
+
   crc-32@1.2.2:
     resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==}
     engines: {node: '>=0.8'}
@@ -1942,6 +1989,9 @@ packages:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
 
+  error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+
   esbuild@0.17.19:
     resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==}
     engines: {node: '>=12'}
@@ -2052,6 +2102,10 @@ packages:
     resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
     engines: {node: '>= 0.6'}
 
+  fs-extra@10.1.0:
+    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
+    engines: {node: '>=12'}
+
   fs-extra@11.2.0:
     resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
     engines: {node: '>=14.14'}
@@ -2109,6 +2163,7 @@ packages:
 
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    deprecated: Glob versions prior to v9 are no longer supported
 
   glob@8.1.0:
     resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
@@ -2199,6 +2254,10 @@ packages:
     resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
     engines: {node: '>= 4'}
 
+  import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+
   inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
 
@@ -2216,6 +2275,9 @@ packages:
   iron-webcrypto@0.10.1:
     resolution: {integrity: sha512-QGOS8MRMnj/UiOa+aMIgfyHcvkhqNUsUxb1XzskENvbo+rEfp6TOwqd1KPuDzXC4OnGHcMSVxDGRoilqB8ViqA==}
 
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
   is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
@@ -2293,6 +2355,9 @@ packages:
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
+  js-tokens@9.0.0:
+    resolution: {integrity: sha512-WriZw1luRMlmV3LGJaR6QOJjWwgLUTf89OwT2lUOyjX2dJGBwgmIkbcz+7WFZjrZM635JOIR517++e/67CP9dQ==}
+
   js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
@@ -2302,6 +2367,9 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
   json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
     engines: {node: '>=6'}
@@ -2330,6 +2398,9 @@ packages:
   linebreak@1.1.0:
     resolution: {integrity: sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==}
 
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
   listhen@1.5.5:
     resolution: {integrity: sha512-LXe8Xlyh3gnxdv4tSjTjscD1vpr/2PRpzq8YIaMJgyKzRG8wdISlWVWnGThJfHnlJ6hmLt2wq1yeeix0TEbuoA==}
     hasBin: true
@@ -2372,6 +2443,9 @@ packages:
   magic-string@0.30.10:
     resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
 
+  magic-string@0.30.11:
+    resolution: {integrity: sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==}
+
   magic-string@0.30.5:
     resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
     engines: {node: '>=12'}
@@ -2430,8 +2504,8 @@ packages:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
     engines: {node: '>=6'}
 
-  miniflare@3.20240806.1:
-    resolution: {integrity: sha512-wJq3YQYx9k83L2CNYtxvwWvXSi+uHrC6aFoXYSbzhxIDlUWvMEqippj+3HeKLgsggC31nHJab3b1Pifg9IxIFQ==}
+  miniflare@3.20240725.0:
+    resolution: {integrity: sha512-n9NTLI8J9Xt0Cls6dRpqoIPkVFnxD9gMnU/qDkDX9diKfN16HyxpAdA5mto/hKuRpjW19TxnTMcxBo90vZXemw==}
     engines: {node: '>=16.13'}
     hasBin: true
 
@@ -2442,6 +2516,10 @@ packages:
     resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
     engines: {node: '>=10'}
 
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
@@ -2471,9 +2549,6 @@ packages:
   mlly@1.4.2:
     resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==}
 
-  mlly@1.5.0:
-    resolution: {integrity: sha512-NPVQvAY1xr1QoVeG0cy8yUYC7FQcOx6evl/RjT1wL5FvzPnzOysoqB/jmx/DhssT2dYa8nxECLAaFI/+gVLhDQ==}
-
   mlly@1.7.1:
     resolution: {integrity: sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==}
 
@@ -2614,9 +2689,21 @@ packages:
   pako@0.2.9:
     resolution: {integrity: sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==}
 
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-author@2.0.0:
+    resolution: {integrity: sha512-yx5DfvkN8JsHL2xk2Os9oTia467qnvRgey4ahSm2X8epehBLx/gWLcy5KI+Y36ful5DzGbCS6RazqZGgy1gHNw==}
+    engines: {node: '>=0.10.0'}
+
   parse-css-color@0.2.1:
     resolution: {integrity: sha512-bwS/GGIFV3b6KS4uwpzCFj4w297Yl3uqnSgIPsoQkx7GMLROXfMnWvxfNkL0oh8HVhZA4hvJoEoEIqonfJ3BWg==}
 
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
   parseurl@1.3.3:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
     engines: {node: '>= 0.8'}
@@ -2679,6 +2766,70 @@ packages:
   preact@10.19.3:
     resolution: {integrity: sha512-nHHTeFVBTHRGxJXKkKu5hT8C/YWBkPso4/Gad6xuj5dbptt9iF9NZr9pHbPhBrnT2klheu7mHTxTZ/LjwJiEiQ==}
 
+  prettier-package-json@2.8.0:
+    resolution: {integrity: sha512-WxtodH/wWavfw3MR7yK/GrS4pASEQ+iSTkdtSxPJWvqzG55ir5nvbLt9rw5AOiEcqqPCRM92WCtR1rk3TG3JSQ==}
+    hasBin: true
+
+  prettier-plugin-pkgsort@0.2.1:
+    resolution: {integrity: sha512-/k5MIw84EhgoH7dmq4+6ozHjJ0VYbxbw17g4C+WPGHODkLivGwJoA6U1YPR/KObyRDMQJHXAfXKu++9smg7Jyw==}
+    peerDependencies:
+      prettier: ^3.0.0
+
+  prettier-plugin-tailwindcss@0.6.6:
+    resolution: {integrity: sha512-OPva5S7WAsPLEsOuOWXATi13QrCKACCiIonFgIR6V4lYv4QLp++UXVhZSzRbZxXGimkQtQT86CC6fQqTOybGng==}
+    engines: {node: '>=14.21.3'}
+    peerDependencies:
+      '@ianvs/prettier-plugin-sort-imports': '*'
+      '@prettier/plugin-pug': '*'
+      '@shopify/prettier-plugin-liquid': '*'
+      '@trivago/prettier-plugin-sort-imports': '*'
+      '@zackad/prettier-plugin-twig-melody': '*'
+      prettier: ^3.0
+      prettier-plugin-astro: '*'
+      prettier-plugin-css-order: '*'
+      prettier-plugin-import-sort: '*'
+      prettier-plugin-jsdoc: '*'
+      prettier-plugin-marko: '*'
+      prettier-plugin-multiline-arrays: '*'
+      prettier-plugin-organize-attributes: '*'
+      prettier-plugin-organize-imports: '*'
+      prettier-plugin-sort-imports: '*'
+      prettier-plugin-style-order: '*'
+      prettier-plugin-svelte: '*'
+    peerDependenciesMeta:
+      '@ianvs/prettier-plugin-sort-imports':
+        optional: true
+      '@prettier/plugin-pug':
+        optional: true
+      '@shopify/prettier-plugin-liquid':
+        optional: true
+      '@trivago/prettier-plugin-sort-imports':
+        optional: true
+      '@zackad/prettier-plugin-twig-melody':
+        optional: true
+      prettier-plugin-astro:
+        optional: true
+      prettier-plugin-css-order:
+        optional: true
+      prettier-plugin-import-sort:
+        optional: true
+      prettier-plugin-jsdoc:
+        optional: true
+      prettier-plugin-marko:
+        optional: true
+      prettier-plugin-multiline-arrays:
+        optional: true
+      prettier-plugin-organize-attributes:
+        optional: true
+      prettier-plugin-organize-imports:
+        optional: true
+      prettier-plugin-sort-imports:
+        optional: true
+      prettier-plugin-style-order:
+        optional: true
+      prettier-plugin-svelte:
+        optional: true
+
   prettier@3.3.3:
     resolution: {integrity: sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==}
     engines: {node: '>=14'}
@@ -2751,6 +2902,10 @@ packages:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
 
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
   resolve-from@5.0.0:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
     engines: {node: '>=8'}
@@ -2829,6 +2984,9 @@ packages:
   scule@1.0.0:
     resolution: {integrity: sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ==}
 
+  scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
+
   selfsigned@2.4.1:
     resolution: {integrity: sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==}
     engines: {node: '>=10'}
@@ -2894,9 +3052,11 @@ packages:
   smob@1.4.1:
     resolution: {integrity: sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==}
 
-  source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
-    engines: {node: '>=0.10.0'}
+  sort-object-keys@1.1.3:
+    resolution: {integrity: sha512-855pvK+VkU7PaKYPc+Jjnmt4EzejQHyhhF33q31qG8x7maDzkeFhAAThdCYay11CISO+qAMwjOBP+fPZe0IPyg==}
+
+  sort-order@1.1.2:
+    resolution: {integrity: sha512-Q8tOrwB1TSv9fNUXym9st3TZJODtmcOIi2JWCkVNQPrRg17KPwlpwweTEb7pMwUIFMTAgx2/JsQQXEPFzYQj3A==}
 
   source-map-js@1.2.0:
     resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
@@ -2965,6 +3125,9 @@ packages:
   strip-literal@1.3.0:
     resolution: {integrity: sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==}
 
+  strip-literal@2.1.0:
+    resolution: {integrity: sha512-Op+UycaUt/8FbN/Z2TWPBLge3jWrP3xj10f3fnYxf052bKuS3EKs1ZQcVGjnEMdsNVAM+plXRdmjrZ/KgG3Skw==}
+
   superjson@2.2.1:
     resolution: {integrity: sha512-8iGv75BYOa0xRJHK5vRLEjE2H/i4lulTjzpUXic3Eg8akftYjkmQDa8JARQ42rlczXyFR3IeRoeFCc7RxHsYZA==}
     engines: {node: '>=16'}
@@ -3070,6 +3233,9 @@ packages:
   unicode-trie@2.0.0:
     resolution: {integrity: sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==}
 
+  unimport@3.10.0:
+    resolution: {integrity: sha512-/UvKRfWx3mNDWwWQhR62HsoM3wxHwYdTq8ellZzMOHnnw4Dp8tovgthyW7DjTrbjDL+i4idOp06voz2VKlvrLw==}
+
   unimport@3.4.0:
     resolution: {integrity: sha512-M/lfFEgufIT156QAr/jWHLUn55kEmxBBiQsMxvRSIbquwmeJEyQYgshHDEvQDWlSJrVOOTAgnJ3FvlsrpGkanA==}
 
@@ -3093,6 +3259,22 @@ packages:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
 
+  unplugin-auto-import@0.18.2:
+    resolution: {integrity: sha512-Dwb3rAic75harVBrVjwiq6H24PT+nBq2dpxV5BH8NNI6sDFaTytvP+iyo4xy7prQbR3r5K6nMs4f5Wp9PE4g8A==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@nuxt/kit': ^3.2.2
+      '@vueuse/core': '*'
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+      '@vueuse/core':
+        optional: true
+
+  unplugin@1.12.2:
+    resolution: {integrity: sha512-bEqQxeC7rxtxPZ3M5V4Djcc4lQqKPgGe3mAWZvxcSmX5jhGxll19NliaRzQSQPrk4xJZSGniK3puLWpRuZN7VQ==}
+    engines: {node: '>=14.0.0'}
+
   unplugin@1.5.0:
     resolution: {integrity: sha512-9ZdRwbh/4gcm1JTOkp9lAkIDrtOyOxgHmY7cjuwI8L/2RTikMcVG25GsZwNAgRuap3iDw2jeq7eoqtAsz5rW3A==}
 
@@ -3218,6 +3400,9 @@ packages:
   webpack-virtual-modules@0.5.0:
     resolution: {integrity: sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==}
 
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
 
@@ -3229,17 +3414,17 @@ packages:
   wide-align@1.1.5:
     resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
 
-  workerd@1.20240806.0:
-    resolution: {integrity: sha512-yyNtyzTMgVY0sgYijHBONqZFVXsOFGj2jDjS8MF/RbO2ZdGROvs4Hkc/9QnmqFWahE0STxXeJ1yW1yVotdF0UQ==}
+  workerd@1.20240725.0:
+    resolution: {integrity: sha512-VZwgejRcHsQ9FEPtc7v25ebINLAR+stL3q1hC1xByE+quskdoWpTXHkZwZ3IdSgvm9vPVbCbJw9p5mGnDByW2A==}
     engines: {node: '>=16'}
     hasBin: true
 
-  wrangler@3.72.0:
-    resolution: {integrity: sha512-9sryHTCtCj48vUC5y/M3Dsx02U1bT6mK9E41TXBCpSJgWh8UvWG/xgmu2dY93Mqj9aJIvK/kwwIBRlNFRwF7Hw==}
+  wrangler@3.68.0:
+    resolution: {integrity: sha512-gsIeglkh5nOn1mHJs0bf1pOq/DvIt+umjO/5a867IYYXaN4j/ar5cRR1+F5ue3S7uEjYCLIZZjs8ESiPTSEt+Q==}
     engines: {node: '>=16.17.0'}
     hasBin: true
     peerDependencies:
-      '@cloudflare/workers-types': ^4.20240806.0
+      '@cloudflare/workers-types': ^4.20240725.0
     peerDependenciesMeta:
       '@cloudflare/workers-types':
         optional: true
@@ -3285,6 +3470,10 @@ packages:
   yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
+  yaml@1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+
   yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
@@ -3416,6 +3605,8 @@ snapshots:
       execa: 5.1.1
       find-up: 5.0.0
 
+  '@antfu/utils@0.7.10': {}
+
   '@antfu/utils@0.7.7': {}
 
   '@babel/code-frame@7.24.7':
@@ -3682,23 +3873,21 @@ snapshots:
     dependencies:
       mime: 3.0.0
 
-  '@cloudflare/workerd-darwin-64@1.20240806.0':
+  '@cloudflare/workerd-darwin-64@1.20240725.0':
     optional: true
 
-  '@cloudflare/workerd-darwin-arm64@1.20240806.0':
+  '@cloudflare/workerd-darwin-arm64@1.20240725.0':
     optional: true
 
-  '@cloudflare/workerd-linux-64@1.20240806.0':
+  '@cloudflare/workerd-linux-64@1.20240725.0':
     optional: true
 
-  '@cloudflare/workerd-linux-arm64@1.20240806.0':
+  '@cloudflare/workerd-linux-arm64@1.20240725.0':
     optional: true
 
-  '@cloudflare/workerd-windows-64@1.20240806.0':
+  '@cloudflare/workerd-windows-64@1.20240725.0':
     optional: true
 
-  '@cloudflare/workers-shared@0.2.0': {}
-
   '@cspotcode/source-map-support@0.8.1':
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
@@ -3953,6 +4142,10 @@ snapshots:
     dependencies:
       '@iconify/types': 2.0.0
 
+  '@iconify-json/lucide@1.1.207':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify-json/mdi@1.1.68':
     dependencies:
       '@iconify/types': 2.0.0
@@ -3980,13 +4173,13 @@ snapshots:
   '@jridgewell/gen-mapping@0.3.3':
     dependencies:
       '@jridgewell/set-array': 1.1.2
-      '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.25
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/trace-mapping': 0.3.20
 
   '@jridgewell/gen-mapping@0.3.5':
     dependencies:
       '@jridgewell/set-array': 1.2.1
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
       '@jridgewell/trace-mapping': 0.3.25
 
   '@jridgewell/resolve-uri@3.1.1': {}
@@ -4002,15 +4195,22 @@ snapshots:
 
   '@jridgewell/sourcemap-codec@1.4.15': {}
 
+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
+  '@jridgewell/trace-mapping@0.3.20':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.1
+      '@jridgewell/sourcemap-codec': 1.5.0
+
   '@jridgewell/trace-mapping@0.3.25':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.1
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
 
   '@jridgewell/trace-mapping@0.3.9':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.1
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
 
   '@mapbox/node-pre-gyp@1.0.11':
     dependencies:
@@ -4178,7 +4378,7 @@ snapshots:
       estree-walker: 2.0.2
       glob: 8.1.0
       is-reference: 1.2.1
-      magic-string: 0.30.5
+      magic-string: 0.30.11
     optionalDependencies:
       rollup: 3.29.4
 
@@ -4186,7 +4386,7 @@ snapshots:
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.29.4)
       estree-walker: 2.0.2
-      magic-string: 0.30.5
+      magic-string: 0.30.11
     optionalDependencies:
       rollup: 3.29.4
 
@@ -4210,7 +4410,7 @@ snapshots:
   '@rollup/plugin-replace@5.0.5(rollup@3.29.4)':
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.29.4)
-      magic-string: 0.30.5
+      magic-string: 0.30.11
     optionalDependencies:
       rollup: 3.29.4
 
@@ -4399,6 +4599,10 @@ snapshots:
 
   '@types/nprogress@0.2.3': {}
 
+  '@types/parse-author@2.0.3': {}
+
+  '@types/parse-json@4.0.2': {}
+
   '@types/resolve@1.20.2': {}
 
   '@types/unist@3.0.2': {}
@@ -4427,7 +4631,7 @@ snapshots:
       colorette: 2.0.20
       consola: 3.2.3
       fast-glob: 3.3.2
-      magic-string: 0.30.10
+      magic-string: 0.30.11
       pathe: 1.1.2
       perfect-debounce: 1.0.0
     transitivePeerDependencies:
@@ -4458,7 +4662,7 @@ snapshots:
       '@unocss/rule-utils': 0.58.9
       css-tree: 2.3.1
       fast-glob: 3.3.2
-      magic-string: 0.30.10
+      magic-string: 0.30.11
       postcss: 8.4.39
 
   '@unocss/preset-attributify@0.58.9':
@@ -4511,7 +4715,7 @@ snapshots:
   '@unocss/rule-utils@0.58.9':
     dependencies:
       '@unocss/core': 0.58.9
-      magic-string: 0.30.10
+      magic-string: 0.30.11
 
   '@unocss/scope@0.58.9': {}
 
@@ -4553,7 +4757,7 @@ snapshots:
       '@unocss/transformer-directives': 0.58.9
       chokidar: 3.6.0
       fast-glob: 3.3.2
-      magic-string: 0.30.10
+      magic-string: 0.30.11
       vite: 5.3.4(@types/node@20.15.0)(terser@5.22.0)
     transitivePeerDependencies:
       - rollup
@@ -4601,7 +4805,7 @@ snapshots:
       '@vue/compiler-ssr': 3.4.38
       '@vue/shared': 3.4.38
       estree-walker: 2.0.2
-      magic-string: 0.30.10
+      magic-string: 0.30.11
       postcss: 8.4.41
       source-map-js: 1.2.0
 
@@ -4700,6 +4904,8 @@ snapshots:
 
   acorn@8.11.3: {}
 
+  acorn@8.12.1: {}
+
   agent-base@6.0.2:
     dependencies:
       debug: 4.3.4
@@ -4786,6 +4992,8 @@ snapshots:
 
   async@3.2.4: {}
 
+  author-regex@1.0.0: {}
+
   b4a@1.6.4: {}
 
   balanced-match@1.0.2: {}
@@ -4871,6 +5079,8 @@ snapshots:
       get-intrinsic: 1.2.2
       set-function-length: 1.1.1
 
+  callsites@3.1.0: {}
+
   camelize@1.0.1: {}
 
   caniuse-lite@1.0.30001642: {}
@@ -4952,6 +5162,8 @@ snapshots:
 
   commander@2.20.3: {}
 
+  commander@4.1.1: {}
+
   commondir@1.0.1: {}
 
   compress-commons@5.0.1:
@@ -4989,6 +5201,14 @@ snapshots:
 
   core-util-is@1.0.3: {}
 
+  cosmiconfig@7.1.0:
+    dependencies:
+      '@types/parse-json': 4.0.2
+      import-fresh: 3.3.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+      yaml: 1.10.2
+
   crc-32@1.2.2: {}
 
   crc32-stream@5.0.0:
@@ -5017,7 +5237,7 @@ snapshots:
   css-tree@2.3.1:
     dependencies:
       mdn-data: 2.0.30
-      source-map-js: 1.0.2
+      source-map-js: 1.2.0
 
   csstype@3.1.3: {}
 
@@ -5087,6 +5307,10 @@ snapshots:
 
   entities@4.5.0: {}
 
+  error-ex@1.3.2:
+    dependencies:
+      is-arrayish: 0.2.1
+
   esbuild@0.17.19:
     optionalDependencies:
       '@esbuild/android-arm': 0.17.19
@@ -5181,7 +5405,7 @@ snapshots:
 
   estree-walker@3.0.3:
     dependencies:
-      '@types/estree': 1.0.3
+      '@types/estree': 1.0.5
 
   etag@1.8.1: {}
 
@@ -5288,6 +5512,12 @@ snapshots:
 
   fresh@0.5.2: {}
 
+  fs-extra@10.1.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.0
+
   fs-extra@11.2.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -5461,6 +5691,11 @@ snapshots:
 
   ignore@5.2.4: {}
 
+  import-fresh@3.3.0:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
   inflight@1.0.6:
     dependencies:
       once: 1.4.0
@@ -5486,6 +5721,8 @@ snapshots:
 
   iron-webcrypto@0.10.1: {}
 
+  is-arrayish@0.2.1: {}
+
   is-binary-path@2.1.0:
     dependencies:
       binary-extensions: 2.2.0
@@ -5518,7 +5755,7 @@ snapshots:
 
   is-reference@1.2.1:
     dependencies:
-      '@types/estree': 1.0.3
+      '@types/estree': 1.0.5
 
   is-stream@2.0.1: {}
 
@@ -5540,12 +5777,16 @@ snapshots:
 
   js-tokens@4.0.0: {}
 
+  js-tokens@9.0.0: {}
+
   js-yaml@4.1.0:
     dependencies:
       argparse: 2.0.1
 
   jsesc@2.5.2: {}
 
+  json-parse-even-better-errors@2.3.1: {}
+
   json5@2.2.3: {}
 
   jsonc-parser@3.2.0: {}
@@ -5571,6 +5812,8 @@ snapshots:
       base64-js: 0.0.8
       unicode-trie: 2.0.0
 
+  lines-and-columns@1.2.4: {}
+
   listhen@1.5.5:
     dependencies:
       '@parcel/watcher': 2.3.0
@@ -5596,7 +5839,7 @@ snapshots:
   local-pkg@0.5.0:
     dependencies:
       mlly: 1.7.1
-      pkg-types: 1.0.3
+      pkg-types: 1.1.3
 
   locate-path@6.0.0:
     dependencies:
@@ -5626,6 +5869,10 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
+  magic-string@0.30.11:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+
   magic-string@0.30.5:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -5665,7 +5912,7 @@ snapshots:
 
   mimic-fn@2.1.0: {}
 
-  miniflare@3.20240806.1:
+  miniflare@3.20240725.0:
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       acorn: 8.11.3
@@ -5675,7 +5922,7 @@ snapshots:
       glob-to-regexp: 0.4.1
       stoppable: 1.1.0
       undici: 5.28.4
-      workerd: 1.20240806.0
+      workerd: 1.20240725.0
       ws: 8.18.0
       youch: 3.3.3
       zod: 3.23.8
@@ -5692,6 +5939,10 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.1
+
   minimist@1.2.8: {}
 
   minipass@3.3.6:
@@ -5718,16 +5969,9 @@ snapshots:
       pkg-types: 1.0.3
       ufo: 1.5.4
 
-  mlly@1.5.0:
-    dependencies:
-      acorn: 8.11.3
-      pathe: 1.1.2
-      pkg-types: 1.0.3
-      ufo: 1.5.4
-
   mlly@1.7.1:
     dependencies:
-      acorn: 8.11.3
+      acorn: 8.12.1
       pathe: 1.1.2
       pkg-types: 1.1.3
       ufo: 1.5.4
@@ -5923,11 +6167,26 @@ snapshots:
 
   pako@0.2.9: {}
 
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  parse-author@2.0.0:
+    dependencies:
+      author-regex: 1.0.0
+
   parse-css-color@0.2.1:
     dependencies:
       color-name: 1.1.4
       hex-rgb: 4.3.0
 
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+
   parseurl@1.3.3: {}
 
   path-exists@4.0.0: {}
@@ -5980,6 +6239,27 @@ snapshots:
 
   preact@10.19.3: {}
 
+  prettier-package-json@2.8.0:
+    dependencies:
+      '@types/parse-author': 2.0.3
+      commander: 4.1.1
+      cosmiconfig: 7.1.0
+      fs-extra: 10.1.0
+      glob: 7.2.3
+      minimatch: 3.1.2
+      parse-author: 2.0.0
+      sort-object-keys: 1.1.3
+      sort-order: 1.1.2
+
+  prettier-plugin-pkgsort@0.2.1(prettier@3.3.3):
+    dependencies:
+      prettier: 3.3.3
+      prettier-package-json: 2.8.0
+
+  prettier-plugin-tailwindcss@0.6.6(prettier@3.3.3):
+    dependencies:
+      prettier: 3.3.3
+
   prettier@3.3.3: {}
 
   pretty-bytes@6.1.1: {}
@@ -6054,6 +6334,8 @@ snapshots:
 
   require-directory@2.1.1: {}
 
+  resolve-from@4.0.0: {}
+
   resolve-from@5.0.0: {}
 
   resolve.exports@2.0.2: {}
@@ -6152,6 +6434,8 @@ snapshots:
 
   scule@1.0.0: {}
 
+  scule@1.3.0: {}
+
   selfsigned@2.4.1:
     dependencies:
       '@types/node-forge': 1.3.11
@@ -6238,7 +6522,9 @@ snapshots:
 
   smob@1.4.1: {}
 
-  source-map-js@1.0.2: {}
+  sort-object-keys@1.1.3: {}
+
+  sort-order@1.1.2: {}
 
   source-map-js@1.2.0: {}
 
@@ -6297,7 +6583,11 @@ snapshots:
 
   strip-literal@1.3.0:
     dependencies:
-      acorn: 8.11.3
+      acorn: 8.12.1
+
+  strip-literal@2.1.0:
+    dependencies:
+      js-tokens: 9.0.0
 
   superjson@2.2.1:
     dependencies:
@@ -6371,7 +6661,7 @@ snapshots:
       '@antfu/utils': 0.7.7
       defu: 6.1.4
       jiti: 1.21.0
-      mlly: 1.5.0
+      mlly: 1.7.1
 
   uncrypto@0.1.3: {}
 
@@ -6379,7 +6669,7 @@ snapshots:
     dependencies:
       acorn: 8.11.0
       estree-walker: 3.0.3
-      magic-string: 0.30.5
+      magic-string: 0.30.11
       unplugin: 1.5.0
 
   undici-types@6.13.0: {}
@@ -6414,13 +6704,31 @@ snapshots:
       pako: 0.2.9
       tiny-inflate: 1.0.3
 
+  unimport@3.10.0(rollup@4.19.0):
+    dependencies:
+      '@rollup/pluginutils': 5.1.0(rollup@4.19.0)
+      acorn: 8.12.1
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      magic-string: 0.30.11
+      mlly: 1.7.1
+      pathe: 1.1.2
+      pkg-types: 1.1.3
+      scule: 1.3.0
+      strip-literal: 2.1.0
+      unplugin: 1.12.2
+    transitivePeerDependencies:
+      - rollup
+
   unimport@3.4.0(rollup@3.29.4):
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.29.4)
       escape-string-regexp: 5.0.0
       fast-glob: 3.3.2
       local-pkg: 0.4.3
-      magic-string: 0.30.5
+      magic-string: 0.30.11
       mlly: 1.4.2
       pathe: 1.1.2
       pkg-types: 1.0.3
@@ -6462,9 +6770,31 @@ snapshots:
 
   unpipe@1.0.0: {}
 
+  unplugin-auto-import@0.18.2(@vueuse/core@10.11.0(vue@3.4.38))(rollup@4.19.0):
+    dependencies:
+      '@antfu/utils': 0.7.10
+      '@rollup/pluginutils': 5.1.0(rollup@4.19.0)
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      magic-string: 0.30.10
+      minimatch: 9.0.5
+      unimport: 3.10.0(rollup@4.19.0)
+      unplugin: 1.12.2
+    optionalDependencies:
+      '@vueuse/core': 10.11.0(vue@3.4.38)
+    transitivePeerDependencies:
+      - rollup
+
+  unplugin@1.12.2:
+    dependencies:
+      acorn: 8.12.1
+      chokidar: 3.6.0
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.6.2
+
   unplugin@1.5.0:
     dependencies:
-      acorn: 8.11.3
+      acorn: 8.12.1
       chokidar: 3.6.0
       webpack-sources: 3.2.3
       webpack-virtual-modules: 0.5.0
@@ -6535,6 +6865,8 @@ snapshots:
 
   webpack-virtual-modules@0.5.0: {}
 
+  webpack-virtual-modules@0.6.2: {}
+
   whatwg-url@5.0.0:
     dependencies:
       tr46: 0.0.3
@@ -6548,25 +6880,24 @@ snapshots:
     dependencies:
       string-width: 4.2.3
 
-  workerd@1.20240806.0:
+  workerd@1.20240725.0:
     optionalDependencies:
-      '@cloudflare/workerd-darwin-64': 1.20240806.0
-      '@cloudflare/workerd-darwin-arm64': 1.20240806.0
-      '@cloudflare/workerd-linux-64': 1.20240806.0
-      '@cloudflare/workerd-linux-arm64': 1.20240806.0
-      '@cloudflare/workerd-windows-64': 1.20240806.0
+      '@cloudflare/workerd-darwin-64': 1.20240725.0
+      '@cloudflare/workerd-darwin-arm64': 1.20240725.0
+      '@cloudflare/workerd-linux-64': 1.20240725.0
+      '@cloudflare/workerd-linux-arm64': 1.20240725.0
+      '@cloudflare/workerd-windows-64': 1.20240725.0
 
-  wrangler@3.72.0:
+  wrangler@3.68.0:
     dependencies:
       '@cloudflare/kv-asset-handler': 0.3.4
-      '@cloudflare/workers-shared': 0.2.0
       '@esbuild-plugins/node-globals-polyfill': 0.2.3(esbuild@0.17.19)
       '@esbuild-plugins/node-modules-polyfill': 0.2.2(esbuild@0.17.19)
       blake3-wasm: 2.1.5
       chokidar: 3.6.0
       date-fns: 3.6.0
       esbuild: 0.17.19
-      miniflare: 3.20240806.1
+      miniflare: 3.20240725.0
       nanoid: 3.3.7
       path-to-regexp: 6.2.2
       resolve: 1.22.8
@@ -6574,7 +6905,7 @@ snapshots:
       selfsigned: 2.4.1
       source-map: 0.6.1
       unenv: unenv-nightly@1.10.0-1717606461.a117952
-      workerd: 1.20240806.0
+      workerd: 1.20240725.0
       xxhash-wasm: 1.0.2
     optionalDependencies:
       fsevents: 2.3.3
@@ -6615,6 +6946,8 @@ snapshots:
 
   yallist@4.0.0: {}
 
+  yaml@1.10.2: {}
+
   yargs-parser@21.1.1: {}
 
   yargs@17.7.2:
diff --git a/tsconfig.json b/tsconfig.json
index 43008af1c..f58c0b727 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,3 +1,26 @@
 {
-  "extends": "./.nitro/types/tsconfig.json"
+  "compilerOptions": {
+    "verbatimModuleSyntax": true,
+    "baseUrl": ".",
+    "module": "esnext",
+    "target": "esnext",
+    "lib": ["DOM", "ESNext"],
+    "strict": true,
+    "jsx": "preserve",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "noUnusedLocals": true,
+    "strictNullChecks": true,
+    "forceConsistentCasingInFileNames": true,
+    "types": ["vitepress"]
+  },
+  "exclude": ["node_modules"],
+  "include": [
+    "**/.vitepress/**/*.ts",
+    "**/.vitepress/**/*.mts",
+    "**/.vitepress/**/*.vue",
+    "./docs/.vitepress/imports.d.ts"
+  ]
 }