docs: add og image for landing page

Author: larbish

docs/app/pages/index.vue

@@ -1,12 +1,19 @@
 <script setup lang="ts">
-useSeoMeta({
-  title: 'Nuxt Content made easy for Vue Developers',
-  description: 'Nuxt Content reads the content/ directory in your project, parses .md, .yml, .csv and .json files to create a powerful data layer for your application. Use Vue components in Markdown with the MDC syntax.',
-})
+const siteConfig = useSiteConfig()
+
 const { data: page } = await useAsyncData('index', () => queryCollection('content').first())
 if (!page.value) {
   throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
 }
+
+useSeoMeta({
+  title: page.value.title,
+  description: page.value.description,
+  ogTitle: page.value.title,
+  ogDescription: page.value.description,
+  ogImage: `${siteConfig.url}/social.png`,
+  twitterImage: `${siteConfig.url}/social.png`,
+})
 </script>
 
 <template>

docs/content.config.ts

@@ -21,8 +21,8 @@ export const collections = {
     }),
   }),
   content: defineCollection({
-    type: 'data',
-    source: '*.yml',
+    type: 'page',
+    source: 'index.yml',
     schema: z.object({
       hero: z.object({
         title: z.string(),

docs/content/index.yml

@@ -1,3 +1,5 @@
+title: The git-based CMS for Nuxt projects.
+description: Nuxt Content is a module for Nuxt that provides a simple way to manage content for your application. It allows developers to write their content in Markdown, YAML, or JSON files and then query and display it in their application.
 hero:
   title: The git-based CMS for<br> Nuxt projects.
   description: Nuxt Content is a module for Nuxt that provides a simple way to manage content for your application. It allows developers to write their content in Markdown, YAML, or JSON files and then query and display it in their application.

docs/public/social.png

@@ -63,7 +63,7 @@
     "micromatch": "^4.0.8",
     "ohash": "^1.1.4",
     "pathe": "^1.1.2",
-    "remark-mdc": "^3.2.1",
+    "remark-mdc": "latest",
     "scule": "^1.3.0",
     "shiki": "^1.22.2",
     "slugify": "^1.6.6",