chore: rename to manifest and docs improvements

Author: atinux

docs/app.vue

@@ -26,7 +26,7 @@ useSeoMeta({
   twitterCard: 'summary_large_image'
 })
 
-provide('navigation', navigation)
+provide('navigation', navigation.value?.[0]?.children || [])
 </script>
 
 <template>
@@ -42,7 +42,7 @@ provide('navigation', navigation)
     <Footer />
 
     <ClientOnly>
-      <LazyUDocsSearch :files="files" :navigation="navigation" />
+      <LazyUContentSearch :files="files" :navigation="navigation" />
     </ClientOnly>
 
     <UNotifications />

docs/components/Background.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+const points = useState(() => new Array(16).fill(0).map(() => [Math.random(), Math.random()]))
+
+const poly = computed(() => points.value.map(([x, y]) => `${x * 100}% ${y * 100}%`).join(', '))
+
+function jumpVal(val: number) {
+  return Math.random() > 0.5 ? val + (Math.random() - 0.5) / 2 : Math.random()
+}
+
+let timeout: any
+function jumpPoints() {
+  for (let i = 0; i < points.value.length; i++) {
+    points.value[i] = [jumpVal(points.value[i][0]), jumpVal(points.value[i][1])]
+  }
+  timeout = setTimeout(jumpPoints, 2000 + Math.random() * 1000)
+}
+
+onMounted(() => {
+  setTimeout(() => jumpPoints(), 1000)
+  onUnmounted(() => timeout && clearTimeout(timeout))
+})
+</script>
+
+<template>
+  <div
+    class="bg absolute inset-0 -z-10 transform-gpu blur-3xl overflow-hidden pointer-events-none"
+    aria-hidden="true"
+  >
+    <div
+      class="aspect-[1.7] w-full h-full bg-gradient-to-r from-[rgb(var(--color-primary-DEFAULT))] to-white/10 opacity-50"
+      :style="{ 'clip-path': `polygon(${poly})` }"
+    />
+  </div>
+</template>
+
+<style scoped>
+.bg > div {
+  clip-path: circle(75%);
+  transition: clip-path 3s;
+}
+
+.light .bg > div {
+  opacity: 1 !important;
+}
+</style>

docs/components/Header.vue

@@ -7,7 +7,7 @@ const { header } = useAppConfig()
 </script>
 
 <template>
-  <UHeader>
+  <UHeader :ui="{}">
     <template #logo>
       <template v-if="header?.logo?.dark || header?.logo?.light">
         <UColorModeImage v-bind="{ class: 'h-6 w-auto', ...header?.logo }" />
@@ -18,11 +18,11 @@ const { header } = useAppConfig()
     </template>
 
     <template v-if="header?.search" #center>
-      <UDocsSearchButton class="hidden lg:flex" />
+      <UContentSearchButton class="hidden lg:flex" />
     </template>
 
     <template #right>
-      <UDocsSearchButton v-if="header?.search" :label="null" class="lg:hidden" />
+      <UContentSearchButton v-if="header?.search" :label="null" class="lg:hidden" />
 
       <UColorModeButton v-if="header?.colorMode" />
 
@@ -42,7 +42,7 @@ const { header } = useAppConfig()
       <UNavigationTree :links="mapContentNavigation(navigation)" />
 
       <div class="flex py-2">
-        <UButton to="https://console.hub.nuxt.com/?utm_source=nuxthub-docs&utm_medium=header" external icon="i-simple-icons-nuxtdotjs" color="black" block>
+        <UButton to="https://console.hub.nuxt.com/?utm_source=nuxthub-docs&utm_medium=header" external icon="i-simple-icons-nuxtdotjs" color="black" block class="sm:hidden">
           NuxtHub Console
         </UButton>
       </div>

docs/content/1.getting-started/_dir.yml

@@ -9,16 +9,16 @@ NuxtHub aims to provide a complete backend experience for [Nuxt](https://nuxt.co
 It is **currently made to be deployed on [Cloudflare Pages](https://pages.cloudflare.com)** as it leverages many Cloudflare features such as KV, D1, and R2. We are looking to support other platforms in the future.
 ::
 
-## Features
+## Storage
 
-NuxtHub provides a set of features to help you build full-stack applications:
-- **SQL database** to store your application's data
-- **Blob storage** to store static assets, such as images, video and more
-- **Key-Value** to store JSON data accessible globally with low-latency
+NuxtHub provides different storage to help you build full-stack applications:
+- **SQL database** to store your application's data with [`useDatabase()`](/docs/storage/database)
+- **Key-Value** to store JSON data accessible globally with low-latency with [`useKV()`](/docs/storage/kv)
+- **Blob storage** to store static assets, such as images, video and more with [`useBlob()`](/docs/storage/blob)
 
-Each feature comes with its auto-imported server composable to use in your [Nuxt's server directory](https://nuxt.com/docs/guide/directory-structure/server).
+Each storage utils is auto-imported and ready to be used in your [Nuxt's server directory](https://nuxt.com/docs/guide/directory-structure/server).
 
-::callout{icon="i-ph-plugs-connected-duotone"}
+::callout{icon="i-ph-plugs-connected-duotone" to="/docs/getting-started/deploy#remote-storage"}
 NuxtHub comes with a powerful proxy system to connect to your project's resources from your local environment, allowing you to work with your remote storage as if it was local.
 ::
 

docs/content/3.recipes/2.drizzle.md

@@ -0,0 +1,2 @@
+title: Getting Started
+icon: i-ph-rocket-launch-duotone

docs/content/1.getting-started/1.index.md docs/content/docs/1.getting-started/1.index.md

@@ -0,0 +1 @@
+icon: i-ph-floppy-disk-duotone

docs/content/1.getting-started/2.installation.md docs/content/docs/1.getting-started/2.installation.md

@@ -61,5 +61,6 @@ export default defineNitroPlugin(() => {
 ```
 
 ::callout{icon="i-ph-info-duotone"}
-Note that `hubHooks` is a [`hookable`](https://hookable.unjs.io) instance.
+Note that `hubHooks` is a [hookable](https://hookable.unjs.io) instance.
 ::
+