refactor(whatislove-dev): edit og image generation style wd-577 (#609)

what1s1ove · Jun 13, 2024 · 57c692c · 57c692c
1 parent 0dfdbf6
commit 57c692c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 18 deletions.
diff --git a/apps/whatislove-dev/eleventy.config.js b/apps/whatislove-dev/eleventy.config.js
@@ -102,18 +102,16 @@ let init = (config) => {
 	config.addPlugin(ogImage, {
 		outputDir: `images/covers`,
 		/**
-		 * @returns {string}
-		 * @this {{
+		 * @param {{
 		 * 	data: {
 		 * 		page: {
 		 * 			fileSlug: string
 		 * 		}
 		 * 	}
-		 * }}
+		 * }} ogImage
+		 * @returns {string}
 		 */
-		outputFileSlug: function () {
-			return this.data.page.fileSlug
-		},
+		outputFileSlug: (ogImage) => ogImage.data.page.fileSlug,
 		satoriOptions: {
 			fonts: [400, 700].map((weight) => ({
 				data: readFileSync(
@@ -128,14 +126,12 @@ let init = (config) => {
 			})),
 		},
 		/**
-		 * @returns {Promise<string>}
-		 * @this {{
+		 * @param {{
 		 * 	outputUrl: () => Promise<string>
-		 * }}
+		 * }} ogImage
+		 * @returns {Promise<string>}
 		 */
-		shortcodeOutput() {
-			return this.outputUrl()
-		},
+		shortcodeOutput: (ogImage) => ogImage.outputUrl(),
 	})
 
 	// filters

diff --git a/apps/whatislove-dev/package.json b/apps/whatislove-dev/package.json
@@ -35,7 +35,7 @@
 		"bemlint": "1.7.0",
 		"browserslist": "4.22.1",
 		"dotenv": "16.4.5",
-		"eleventy-plugin-og-image": "4.0.0-beta.6",
+		"eleventy-plugin-og-image": "4.0.0-beta.7",
 		"esbuild": "0.19.5",
 		"html-minifier-terser": "7.2.0",
 		"json-server": "0.17.4",

diff --git a/package-lock.json b/package-lock.json