A new start

packages/frontend/src/lib/components/meta/meta.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+import { _ } from "svelte-i18n";
+import { PUBLIC_URL || http://localhost:3000 } from "$env/static/public";
+
+interface Props {
+	title: string;
+	description: string;
+	image?: string;
+}
+
+let {
+	title,
+	description,
+	image = `${PUBLIC_URL || http://localhost:3000}/img/kamasutra.jpg`,
+}: Props = $props();
+</script>
+
+<svelte:head>
+    <title>{$_("head.title", { values: { title } })}</title>
+    <meta name="description" content={description} />
+    <meta property="og:title" content={$_("head.title", { values: { title } })} />
+    <meta property="og:description" content={description} />
+    <meta property="og:image" content={image} />
+</svelte:head>