feat: rewrite to use app config and rework docs (#143)

Co-authored-by: Daniel Roe <daniel@roe.dev>
Co-authored-by: Sébastien Chopin <seb@nuxt.com>

docs/components/docs/DocsAside.vue

@@ -0,0 +1,33 @@
+<template>
+  <aside
+    class="hidden pb-8 overflow-y-auto lg:block lg:self-start lg:top-16 lg:max-h-[calc(100vh-64px)] lg:sticky lg:pr-8 lg:pl-[2px]"
+  >
+    <div class="relative">
+      <div class="sticky top-0 pointer-events-none">
+        <div class="h-8 bg-white dark:bg-gray-900" />
+        <div class="bg-white dark:bg-gray-900 relative pointer-events-auto">
+          <UButton
+            icon="i-heroicons-magnifying-glass-20-solid"
+            class="w-full"
+            color="gray"
+            @click="isSearchModalOpen = true"
+          >
+            Search
+
+            <div class="hidden lg:flex items-center gap-1 ml-auto -my-1">
+              <Shortcut value="meta" />
+              <Shortcut value="K" />
+            </div>
+          </UButton>
+        </div>
+        <div class="h-8 bg-gradient-to-b from-white dark:from-gray-900" />
+      </div>
+
+      <DocsAsideLinks />
+    </div>
+  </aside>
+</template>
+
+<script setup lang="ts">
+const { isSearchModalOpen } = useDocs()
+</script>