add opengraph meta tags

src/routes/+page.js

@@ -1,5 +1,6 @@
 export async function load({ data }) {
     let post = await import(`./_posts/${data.slug}.svx`);
+    post.metadata.slug = data.slug;
     post.metadata.next = data.next;
     return {
         post: post.default,

src/routes/+page.svelte

@@ -3,7 +3,3 @@
 </script>
 
 <svelte:component this={data.post} />
-
-<svelte:head>
-    <title>Joe's Blog</title>
-</svelte:head>

src/routes/[slug]/+page.js

@@ -4,6 +4,7 @@ import { error } from '@sveltejs/kit';
 export async function load({ url, params, data }) {
     try {
         let post = await import(`../_posts/${params.slug}.svx`);
+        post.metadata.slug = params.slug;
         post.metadata.prev = data.prev;
         post.metadata.next = data.next;
         return {

src/routes/about/+page.svelte

@@ -6,7 +6,7 @@
 </style>
 
 <svelte:head>
-    <title>About Me</title>
+    <title>About Me | Joe's Blog</title>
 </svelte:head>