docs: update command palette links

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