docs: update command palette links

Author: atinux

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>

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) => {

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.'

docs/content/1.docs/_dir.yml

@@ -0,0 +1,2 @@
+icon: i-ph-books
+title: Docs

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.'

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>'

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.'

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.'