feat: update schema org

unjs · Jan 23, 2024 · 79f651c · 79f651c
1 parent 9d62129
commit 79f651c
Show file tree

Hide file tree

Showing 10 changed files with 38 additions and 30 deletions.
diff --git a/pages/blog/[...slug].vue b/pages/blog/[...slug].vue
@@ -28,8 +28,13 @@ useSchemaOrg([
     '@type': 'BlogPosting',
     'datePublished': page.value?.publishedAt,
     'dateModified': page.value?.modifiedAt,
+    'author': page.value?.authors?.map(author => ({
+      name: author.name,
+      url: `https://x.com/${author.twitter}`,
+    })),
   }),
 ])
+defineOgImageComponent('OgImageBlog')
 
 const packages = ref<{ _path: string, title: string }[] | null>()
 if (page.value?.packages) {
@@ -38,11 +43,6 @@ if (page.value?.packages) {
   if (data.value)
     packages.value = data.value
 }
-
-defineOgImageComponent('OgImageBlog', {
-  title: page.value?.title,
-  description: page.value?.description,
-})
 </script>
 
 <template>

diff --git a/pages/blog/index.vue b/pages/blog/index.vue
@@ -18,10 +18,12 @@ useSeoMeta({
   title: page.value?.title,
   description: page.value?.description,
 })
-
+useSchemaOrg([
+  defineWebPage({
+    '@type': 'CollectionPage',
+  }),
+])
 defineOgImageComponent('OgImagePage', {
-  title: page.value?.title,
-  description: page.value?.description,
   illustration: '/assets/header/dark/blog.png',
 })
 
@@ -138,9 +140,6 @@ watchDebounced(search, () => {
 </script>
 
 <template>
-  <Head>
-    <SchemaOrgWebPage :type="['CollectionPage']" />
-  </Head>
   <Main v-if="page">
     <template #header>
       <PageHeader :title="page.title" :description="page.description">

diff --git a/pages/categories/[category].vue b/pages/categories/[category].vue
@@ -26,6 +26,12 @@ useSeoMeta({
   title: category,
   description,
 })
+useSchemaOrg([
+  defineWebPage({
+    '@type': 'CollectionPage',
+  }),
+])
+defineOgImageComponent('OgImagePage')
 </script>
 
 <template>

diff --git a/pages/categories/index.vue b/pages/categories/index.vue
@@ -15,6 +15,12 @@ useSeoMeta({
   title,
   description,
 })
+useSchemaOrg([
+  defineWebPage({
+    '@type': 'CollectionPage',
+  }),
+])
+defineOgImageComponent('OgImagePage')
 
 const categories = computed(() => {
   const dedupeCategories = new Set<string>()
@@ -32,9 +38,6 @@ const categories = computed(() => {
 </script>
 
 <template>
-  <Head>
-    <SchemaOrgWebPage :type="['CollectionPage']" />
-  </Head>
   <Main v-if="data">
     <template #header>
       <PageHeader :title="title" :description="description" />

diff --git a/pages/design-kit.vue b/pages/design-kit.vue
@@ -15,10 +15,7 @@ useSeoMeta({
   title: page.value?.title,
   description: page.value?.description,
 })
-
 defineOgImageComponent('OgImagePage', {
-  title: page.value?.title,
-  description: page.value?.description,
   illustration: '/assets/header/dark/design-kit.png',
 })
 </script>

diff --git a/pages/index.vue b/pages/index.vue
@@ -14,10 +14,8 @@ useSeoMeta({
   title: 'Unleash JavaScript\'s Potential',
   description: page.value?.description,
 })
-
 defineOgImageComponent('OgImagePage', {
   title: 'UnJS',
-  description: page.value?.description,
   illustration: '/assets/header/dark/home.png',
 })
 </script>

diff --git a/pages/packages/[...slug].vue b/pages/packages/[...slug].vue
@@ -23,6 +23,11 @@ useSeoMeta({
   title: page.value?.title,
   description: page.value?.description,
 })
+useSchemaOrg([
+  defineWebPage({
+    '@type': 'ItemPage',
+  }),
+])
 
 const { data: readme } = await useFetch<ParsedContent>(`/api/github/${page.value?.github.owner}/${page.value?.github.repo}/readme`, { default: () => {
   return { _id: '', body: null }

diff --git a/pages/packages/index.vue b/pages/packages/index.vue
@@ -18,6 +18,11 @@ useSeoMeta({
   title: page.value?.title,
   description: page.value?.description,
 })
+useSchemaOrg([
+  defineWebPage({
+    '@type': 'CollectionPage',
+  }),
+])
 
 const { data: packages } = await useFetch('/api/content/packages.json', { default: () => [] }) as { data: Ref<Package[]> }
 
@@ -62,8 +67,6 @@ function resetFilter() {
 }
 
 defineOgImageComponent('OgImagePackages', {
-  title: page.value?.title,
-  description: page.value?.description,
   packages: packages.value.length,
   monthlyDownloads: monthlyDownloads.value,
 })
@@ -78,9 +81,6 @@ watchDebounced(search, () => {
 </script>
 
 <template>
-  <Head>
-    <SchemaOrgWebPage :type="['CollectionPage']" />
-  </Head>
   <Main v-if="page">
     <template #header>
       <PageHeader :title="page.title" :description="page.description">

diff --git a/pages/rss.vue b/pages/rss.vue
@@ -15,12 +15,15 @@ useSeoMeta({
   title: page.value?.title,
   description: page.value?.description,
 })
+useSchemaOrg([
+  defineWebPage({
+    '@type': 'CollectionPage',
+  }),
+])
+defineOgImageComponent('OgImagePage')
 </script>
 
 <template>
-  <Head>
-    <SchemaOrgWebPage :type="['CollectionPage']" />
-  </Head>
   <Main v-if="page">
     <Prose :toc="page.body?.toc">
       <template #header>

diff --git a/pages/search.vue b/pages/search.vue
@@ -19,10 +19,7 @@ useSeoMeta({
   title: page.value?.title,
   description: page.value?.description,
 })
-
 defineOgImageComponent('OgImagePage', {
-  title: page.value?.title,
-  description: page.value?.description,
   illustration: '/assets/header/dark/search.png',
 })