From 983ac182bccec6c1c96bd01d0c217320ac47e8a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxt.com>
Date: Thu, 22 Aug 2024 15:24:32 +0200
Subject: [PATCH] docs: update command palette links

---
 docs/app.vue                  | 39 +++++++++++++++++++++--------------
 docs/components/AppHeader.vue | 14 ++++++++-----
 docs/content/0.index.yml      |  2 +-
 docs/content/1.docs/_dir.yml  |  2 ++
 docs/content/2.templates.yml  |  1 +
 docs/content/3.pricing.yml    |  2 +-
 docs/content/4.changelog.yml  |  2 +-
 docs/content/5.blog.yml       |  1 +
 8 files changed, 39 insertions(+), 24 deletions(-)
 create mode 100644 docs/content/1.docs/_dir.yml

diff --git a/docs/app.vue b/docs/app.vue
index f204424d..1989c505 100644
--- a/docs/app.vue
+++ b/docs/app.vue
@@ -56,22 +56,29 @@ onMounted(() => {
   }, 0)
 })
 
-const links = [{
-  label: 'NuxtHub Admin',
-  to: 'https://admin.hub.nuxt.com',
-  target: '_blank',
-  icon: 'i-simple-icons-nuxtdotjs'
-}, {
-  label: 'NuxtHub repository',
-  to: 'https://github.com/nuxt-hub/core',
-  target: '_blank',
-  icon: 'i-simple-icons-github'
-}, {
-  label: 'NuxtHub on X',
-  to: 'https://x.com/nuxt_hub',
-  target: '_blank',
-  icon: 'i-simple-icons-x'
-}]
+const links = computed(() => [
+  ...navigation.value.map(item => ({
+    label: item.title,
+    icon: item.icon,
+    to: item._path === '/docs' ? '/docs/getting-started' : item._path
+  })),
+  {
+    label: 'NuxtHub Admin',
+    to: 'https://admin.hub.nuxt.com',
+    target: '_blank',
+    icon: 'i-simple-icons-nuxtdotjs'
+  }, {
+    label: 'nuxt-hub/core',
+    to: 'https://github.com/nuxt-hub/core',
+    target: '_blank',
+    icon: 'i-simple-icons-github'
+  }, {
+    label: '@nuxt_hub',
+    to: 'https://x.com/nuxt_hub',
+    target: '_blank',
+    icon: 'i-simple-icons-x'
+  }]
+)
 </script>
 
 <template>
diff --git a/docs/components/AppHeader.vue b/docs/components/AppHeader.vue
index 000d5f46..acb5f2ca 100644
--- a/docs/components/AppHeader.vue
+++ b/docs/components/AppHeader.vue
@@ -5,20 +5,24 @@ const navigation = inject('navigation')
 const links = [
   {
     label: 'Docs',
-    to: '/docs/getting-started'
+    to: '/docs/getting-started',
+    icon: 'i-ph-books'
   }, {
     label: 'Templates',
     to: '/templates',
-    color: 'cyan'
+    icon: 'i-ph-layout'
   }, {
     label: 'Pricing',
-    to: '/pricing'
+    to: '/pricing',
+    icon: 'i-ph-credit-card'
   }, {
     label: 'Changelog',
-    to: '/changelog'
+    to: '/changelog',
+    icon: 'i-ph-pulse'
   }, {
     label: 'Blog',
-    to: '/blog'
+    to: '/blog',
+    icon: 'i-ph-newspaper'
   }
 ]
 const navLinks = links.map((link) => {
diff --git a/docs/content/0.index.yml b/docs/content/0.index.yml
index 51eba356..42857a85 100644
--- a/docs/content/0.index.yml
+++ b/docs/content/0.index.yml
@@ -1,7 +1,7 @@
 title: 'Build, deploy & manage Nuxt apps, globally.'
+navigation: false
 description: 'NuxtHub is a deployment and administration platform for Nuxt, powered by Cloudflare. Deploy your Nuxt applications with a database, key-value and blob storage with zero configuration, on your Cloudflare account.
 NuxtHub lets you affordably run your high performance Nuxt apps everywhere.'
-navigation: false
 hero:
   title: 'Build, deploy & manage <br /> <span class="text-primary">Nuxt apps</span>, globally.'
   description: 'NuxtHub is a deployment and administration platform for Nuxt, powered by Cloudflare.<br />Deploy your app with a database, key-value and blob storage with zero configuration, on your Cloudflare account.<br />NuxtHub lets you affordably run your high performance Nuxt apps everywhere.'
diff --git a/docs/content/1.docs/_dir.yml b/docs/content/1.docs/_dir.yml
new file mode 100644
index 00000000..936c877a
--- /dev/null
+++ b/docs/content/1.docs/_dir.yml
@@ -0,0 +1,2 @@
+icon: i-ph-books
+title: Docs
diff --git a/docs/content/2.templates.yml b/docs/content/2.templates.yml
index 28e170ad..a518f854 100644
--- a/docs/content/2.templates.yml
+++ b/docs/content/2.templates.yml
@@ -1,5 +1,6 @@
 title: Templates
 description: 'Explore full-stack Nuxt templates to get up and running in a few seconds.'
+icon: i-ph-layout
 hero:
   title: 'NuxtHub Templates'
   description: 'Explore full-stack Nuxt templates to get up and running in a few seconds.'
diff --git a/docs/content/3.pricing.yml b/docs/content/3.pricing.yml
index 689c0814..85d83e91 100644
--- a/docs/content/3.pricing.yml
+++ b/docs/content/3.pricing.yml
@@ -1,6 +1,6 @@
 title: 'Pricing'
 description: 'Get started with NuxtHub for free and upgrade as you grow.'
-navigation: false
+icon: i-ph-credit-card
 hero:
   headline: '2 months off with yearly plan'
   title: 'Start for free, upgrade <span class="text-primary">as you grow</span>'
diff --git a/docs/content/4.changelog.yml b/docs/content/4.changelog.yml
index 13d8284d..fd1ebdba 100644
--- a/docs/content/4.changelog.yml
+++ b/docs/content/4.changelog.yml
@@ -1,6 +1,6 @@
 title: 'Changelog'
 description: 'Follow the latest updates and improvements of NuxtHub.'
-navigation: false
+icon: i-ph-pulse
 hero:
   title: 'Changelog'
   description: 'Follow the latest updates and improvements of NuxtHub.'
diff --git a/docs/content/5.blog.yml b/docs/content/5.blog.yml
index f9e36012..c6afb3ad 100644
--- a/docs/content/5.blog.yml
+++ b/docs/content/5.blog.yml
@@ -1,6 +1,7 @@
 title: The NuxtHub Blog
 navigation.title: Blog
 description: 'Read the latest news about NuxtHub or articles about fullstack development with Nuxt.'
+icon: i-ph-newspaper
 hero:
   title: 'Blog'
   description: 'Read the latest news about NuxtHub.'