kuk

package-lock.json

@@ -14,6 +14,7 @@
 				"@sveltejs/adapter-auto": "^2.0.0",
 				"@sveltejs/kit": "^1.20.4",
 				"svelte": "^4.0.5",
+				"svelte-meta-tags": "^3.0.3",
 				"vite": "^4.4.2"
 			}
 		},
@@ -866,6 +867,15 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/schema-dts": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/schema-dts/-/schema-dts-1.1.2.tgz",
+			"integrity": "sha512-MpNwH0dZJHinVxk9bT8XUdjKTxMYrA5bLtrrGmFA6PTLwlOKnhi67XoRd6/ty+Djt6ZC0slR57qFhZDNMI6DhQ==",
+			"dev": true,
+			"peerDependencies": {
+				"typescript": ">=4.1.0"
+			}
+		},
 		"node_modules/set-cookie-parser": {
 			"version": "2.6.0",
 			"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
@@ -934,6 +944,18 @@
 				"svelte": "^3.19.0 || ^4.0.0"
 			}
 		},
+		"node_modules/svelte-meta-tags": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/svelte-meta-tags/-/svelte-meta-tags-3.0.3.tgz",
+			"integrity": "sha512-av5B6MQb1ujpM11GOYj9PDridXYJmWWJdfQvtJivFDeEc7t4Xh0hBQqcL5oEONd4Tt8UjSi0cIQG0mshTM4s+A==",
+			"dev": true,
+			"dependencies": {
+				"schema-dts": "^1.1.2"
+			},
+			"peerDependencies": {
+				"svelte": "^3.55.0 || ^4.0.0"
+			}
+		},
 		"node_modules/tiny-glob": {
 			"version": "0.2.9",
 			"resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
@@ -951,6 +973,20 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/typescript": {
+			"version": "5.2.2",
+			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+			"integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+			"dev": true,
+			"peer": true,
+			"bin": {
+				"tsc": "bin/tsc",
+				"tsserver": "bin/tsserver"
+			},
+			"engines": {
+				"node": ">=14.17"
+			}
+		},
 		"node_modules/undici": {
 			"version": "5.23.0",
 			"resolved": "https://registry.npmjs.org/undici/-/undici-5.23.0.tgz",

package.json

@@ -11,6 +11,7 @@
 		"@sveltejs/adapter-auto": "^2.0.0",
 		"@sveltejs/kit": "^1.20.4",
 		"svelte": "^4.0.5",
+		"svelte-meta-tags": "^3.0.3",
 		"vite": "^4.4.2"
 	},
 	"type": "module",

src/routes/+page.svelte

@@ -1,9 +1,28 @@
 <script>
     import Countdown from "./countdown.svelte";
+    import { MetaTags } from "svelte-meta-tags";
 </script>
 
-<svelte:head>
+<MetaTags
+    title="Kukfest"
+    titleTemplate="%s | Kukfest"
+    description="Kukfest har masse kuk"
+    canonical="https://kukfest.eu"
+    openGraph={{
+        url: "https://www.url.ie/a",
+        title: "Kukfest",
+        description: "Mye kuk",
+        images: [
+            {
+                url: "https://www.example.ie/og-image-01.jpg",
+                width: 800,
+                height: 600,
+                alt: "Og Image Alt",
+            },],
+        siteName: "Kukfest",
+    }}
+/>
 
-</svelte:head>
+<svelte:head />
 
-<Countdown/>
+<Countdown />