docs: fix page render

docs/package.json

@@ -12,7 +12,7 @@
  "@iconify-json/simple-icons": "^1.1.87",
  "@nuxt/content": "^2.10.0",
  "@nuxt/devtools": "1.0.5",
- "@nuxt/ui-pro": "^0.6.1",
+ "@nuxt/ui-pro": "^1.3.0",
  "nuxt": "^3.12.1",
  "typescript": "^5.4.5"
  },

docs/pages/index.vue

@@ -13,12 +13,12 @@ const { data: code } = await useAsyncData('code', () =>
 )
 
 useSeoMeta({
- title: page.value.title,
- ogTitle: page.value.title,
- description: page.value.description,
- ogDescription: page.value.description,
- ogImage: page.value.cover,
- twitterImage: page.value.cover,
+ title: page.value?.title,
+ ogTitle: page.value?.title,
+ description: page.value?.description,
+ ogDescription: page.value?.description,
+ ogImage: page.value?.cover,
+ twitterImage: page.value?.cover,
 })
 </script>
 
@@ -34,18 +34,18 @@ useSeoMeta({
  </div>
  <template #title>
  <!-- eslint-disable vue/no-v-html -->
- <span v-html="page.hero?.title" />
+ <span v-html="page?.hero?.title" />
  </template>
  <template #description>
- {{ page.hero?.description }}
+ {{ page?.hero?.description }}
  </template>
  <template #links>
  <UButton
  to="/getting-started"
  icon="i-ph-rocket-launch-duotone"
  size="xl"
  >
- {{ page.hero?.button }}
+ {{ page?.hero?.button }}
  </UButton>
  <UButton
  size="xl"
@@ -75,12 +75,12 @@ useSeoMeta({
  </ULandingHero>
 
  <ULandingSection
- :title="page.features.title"
+ :title="page?.features.title"
  style="padding-top: 0px"
  >
  <UPageGrid>
  <ULandingCard
- v-for="(item, index) of page.features.items"
+ v-for="(item, index) of page?.features.items"
  :key="index"
  v-bind="item"
  />