v3 initialized

examples/netlify-build/package.json

@@ -11,7 +11,6 @@
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
-		"@ethercorps/sveltekit-og": "link:../../package",
 		"@playwright/test": "^1.34.3",
 		"@sveltejs/adapter-netlify": "^2.0.7",
 		"@sveltejs/kit": "^1.20.2",
@@ -23,5 +22,8 @@
 		"svelte": "^3.59.1",
 		"vite": "^4.3.9"
 	},
-	"type": "module"
+	"type": "module",
+	"dependencies": {
+		"@ethercorps/sveltekit-og": "link:../../"
+	}
 }

examples/netlify-build/pnpm-lock.yaml

@@ -1,13 +1,15 @@
-lockfileVersion: '6.1'
+lockfileVersion: '6.0'
 
 settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
-devDependencies:
+dependencies:
   '@ethercorps/sveltekit-og':
-    specifier: link:../../package
-    version: link:../../package
+    specifier: link:../../
+    version: link:../..
+
+devDependencies:
   '@playwright/test':
     specifier: ^1.34.3
     version: 1.34.3

examples/netlify-build/src/routes/+server.ts

@@ -19,11 +19,13 @@ const template = `
     </div>
   </div>
 `;
-const fontFile = await fetch('https://og-playground.vercel.app/inter-latin-ext-400-normal.woff');
-const fontData: ArrayBuffer = await fontFile.arrayBuffer();
 
-export const GET: RequestHandler = async () => {
-	return ImageResponse(template, {
+export const GET: RequestHandler = async ({fetch}) => {
+
+	const fontFile = await fetch('https://og-playground.vercel.app/inter-latin-ext-400-normal.woff');
+	const fontData: ArrayBuffer = await fontFile.arrayBuffer();
+
+	return new ImageResponse(template, {
 		height: 400,
 		width: 800,
 		fonts: [

examples/netlify-build/src/routes/cog/+server.ts

@@ -1,14 +1,14 @@
 import OG from './OG.svelte';
 import type { RequestHandler } from '@sveltejs/kit';
-import { componentToImageResponse } from '@ethercorps/sveltekit-og';
+import { ImageResponse } from '@ethercorps/sveltekit-og';
 
-const fontFile = await fetch('https://og-playground.vercel.app/inter-latin-ext-700-normal.woff');
-const fontData: ArrayBuffer = await fontFile.arrayBuffer();
+export const GET: RequestHandler = async ({fetch}) => {
 
-export const GET: RequestHandler = async () => {
-	return componentToImageResponse(
+	const fontFile = await fetch('https://og-playground.vercel.app/inter-latin-ext-700-normal.woff');
+	const fontData: ArrayBuffer = await fontFile.arrayBuffer();
+
+	return new ImageResponse(
 		OG,
-		{ text: 'Ready to dive in?', spanText: 'Start your free trial today.' },
 		{
 			height: 250,
 			width: 500,
@@ -19,6 +19,7 @@ export const GET: RequestHandler = async () => {
 					weight: 700
 				}
 			]
-		}
+		},
+		{ text: 'Ready to dive in?', spanText: 'Start your free trial today.' }
 	);
 };