get seo data

app.vue

@@ -1,5 +1,30 @@
+<script setup lang="ts">
+const config = useRuntimeConfig()
+const apiBase = config.public.apiBase
+
+type ApiKpType = {
+  id: number
+  title: string
+  content: string
+  url: string
+  meta_title: any
+  meta_description: string
+  keywords: any
+  is_indexed: boolean
+}
+
+const { data: seoData } = await useFetch<ApiKpType>(`${apiBase}/kp/1`)
+useSeoMeta({
+  title: seoData.value?.title,
+  ogTitle: seoData.value?.title,
+  description: seoData.value?.content,
+  ogDescription: seoData.value?.content,
+  // ogImage: 'https://example.com/image.png',
+  // twitterCard: 'summary_large_image',
+})
+</script>
 <template>
   <div>
-    <NuxtWelcome />
+    <NuxtPage />
   </div>
 </template>

pages/index.vue

@@ -0,0 +1,3 @@
+<template>
+    this is index page
+</template>