Update og:image and other dependencies

directus · Feb 13, 2024 · 610a85a · 610a85a
1 parent 3aa54dd
commit 610a85a
Show file tree

Hide file tree

Showing 6 changed files with 687 additions and 1,339 deletions.
diff --git a/components/ResourcePage.vue b/components/ResourcePage.vue
@@ -86,7 +86,7 @@ if (!unref(resource)) {
 
 const ogProps = await getOgProps(`${directusUrl}/assets`, 'resources', unref(resource));
 
-defineOgImage(ogProps);
+defineOgImageComponent('OgImageDefault', ogProps);
 
 useHead({
 	title: computed(() => unref(resource)?.seo?.title ?? unref(resource)?.title ?? null),

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -20,10 +20,6 @@ export default defineNuxtConfig({
 		url: 'https://directus.io',
 	},
 
-	schemaOrg: {
-		host: 'https://directus.io',
-	},
-
 	app: {
 		head: {
 			link: [
@@ -55,7 +51,7 @@ export default defineNuxtConfig({
 	modules: [
 		'@vueuse/nuxt',
 		'@nuxt/image',
-		'nuxt-simple-sitemap', // https://nuxtseo.com/sitemap/getting-started/how-it-works
+		'@nuxtjs/sitemap', // https://nuxtseo.com/sitemap/getting-started/how-it-works
 		'nuxt-og-image',
 		'floating-vue/nuxt',
 		'@zadigetvoltaire/nuxt-gtm',

diff --git a/package.json b/package.json
@@ -12,14 +12,15 @@
 	},
 	"devDependencies": {
 		"@directus/sdk": "12.0.1",
-		"@nuxt/devtools": "1.0.0-beta.0",
+		"@nuxt/devtools": "1.0.8",
 		"@nuxtjs/eslint-module": "4.1.0",
 		"@nuxtjs/fontaine": "0.4.1",
+		"@nuxtjs/sitemap": "^5.1.0",
 		"@types/node": "20.9.0",
 		"@typescript-eslint/eslint-plugin": "6.10.0",
 		"@typescript-eslint/parser": "6.10.0",
-		"@vueuse/core": "10.4.1",
-		"@vueuse/nuxt": "10.4.1",
+		"@vueuse/core": "10.7.2",
+		"@vueuse/nuxt": "10.7.2",
 		"@zadigetvoltaire/nuxt-gtm": "0.0.13",
 		"eslint": "8.53.0",
 		"eslint-config-prettier": "9.0.0",
@@ -30,9 +31,8 @@
 		"micromark-extension-gfm": "3.0.0",
 		"nuxt": "3.10.1",
 		"nuxt-icon": "0.6.8",
-		"nuxt-og-image": "2.0.11",
-		"nuxt-schema-org": "2.2.0",
-		"nuxt-simple-sitemap": "3.2.5",
+		"nuxt-og-image": "3.0.0-rc.38",
+		"nuxt-schema-org": "3.3.4",
 		"prettier": "3.0.3",
 		"sass": "1.64.1",
 		"shiki": "1.1.2",

diff --git a/pages/[...permalink].vue b/pages/[...permalink].vue
@@ -82,7 +82,7 @@ const sections = computed(
 
 const ogProps = await getOgProps(`${directusUrl}/assets`, 'pages', unref(page));
 
-defineOgImage(ogProps);
+defineOgImageComponent('OgImageDefault', ogProps);
 
 useHead({
 	title: computed(() => unref(page)?.seo?.title ?? unref(page)?.title ?? null),

diff --git a/pages/team/[slug].vue b/pages/team/[slug].vue
@@ -57,7 +57,7 @@ if (!unref(person)) {
 
 const ogProps = await getOgProps(`${directusUrl}/assets`, 'team', unref(person));
 
-defineOgImage(ogProps);
+defineOgImageComponent('OgImageDefault', ogProps);
 
 useHead({
 	title: computed(() => unref(person)?.name ?? null),