chore(app): improve defineOgImage usage

nuxt-ui-pro · Oct 22, 2024 · 312a64c · 312a64c
1 parent 9e571e0
commit 312a64c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git a/app/error.vue b/app/error.vue
@@ -2,11 +2,6 @@
 import type { ParsedContent } from '@nuxt/content'
 import type { NuxtError } from '#app'
 
-useSeoMeta({
-  title: 'Page not found',
-  description: 'We are sorry but this page could not be found.'
-})
-
 defineProps({
   error: {
     type: Object as PropType<NuxtError>,
@@ -20,6 +15,11 @@ useHead({
   }
 })
 
+useSeoMeta({
+  title: 'Page not found',
+  description: 'We are sorry but this page could not be found.'
+})
+
 const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation())
 const { data: files } = useLazyFetch<ParsedContent[]>('/api/search.json', {
   default: () => [],

diff --git a/app/pages/[...slug].vue b/app/pages/[...slug].vue
@@ -26,11 +26,7 @@ useSeoMeta({
   ogDescription: page.value.description
 })
 
-defineOgImage({
-  component: 'Docs',
-  title: page.value.title,
-  description: page.value.description
-})
+defineOgImageComponent('Docs')
 
 const headline = computed(() => findPageHeadline(page.value))