añadido opengraph

src/routes/+page.svelte

@@ -33,6 +33,14 @@
 	}
 </script>
 
+<svelte:head>
+	<meta property="og:title" content="Mini-x" />
+	<meta property="og:description" content="Pagina Principal" />
+	<meta property="og:image" content="https://tusitio.com/x.png" />
+	<meta property="og:url" content="https://minix-front.vercel.app/" />
+	<meta property="og:type" content="website" />
+</svelte:head>
+
 <div class="flex min-h-fit w-full items-center justify-center p-6 md:p-10">
 	<div class="w-full max-w-6xl">
 		<div class="flex flex-col gap-2">

src/routes/[perfil]/+page.svelte

@@ -177,3 +177,10 @@
 		</DialogContent>
 	</Dialog>
 </div>
+<svelte:head>
+	<meta property="og:title" content="Mini-x" />
+	<meta property="og:description" content={`viendo el perfil de @${data.username}`} />
+	<meta property="og:image" content={data.imageUrl} />
+	<meta property="og:url" content="https://minix-front.vercel.app/" />
+	<meta property="og:type" content="website" />
+</svelte:head>

src/routes/htag/[htag]/+page.svelte

@@ -9,6 +9,7 @@
 	import { updatePostStore } from '@/stores/posts';
 	import { updatePost } from '@/hooks/updatePost';
 	import Separator from '@/components/ui/separator/separator.svelte';
+	import { page } from '$app/state';
 
 	interface props {
 		data: {
@@ -78,3 +79,11 @@
 		<ModalEditar callbackfn={handleEditar} bind:post={postAModificar} />
 	</div>
 {/if}
+
+<svelte:head>
+	<meta property="og:title" content="Mini-x" />
+	<meta property="og:description" content={`Buscando #${page.params.htag}`} />
+	<meta property="og:image" content="https://minix-front.vercel.app/x.png" />
+	<meta property="og:url" content="https://minix-front.vercel.app/" />
+	<meta property="og:type" content="website" />
+</svelte:head>

src/routes/login/+page.svelte

@@ -52,3 +52,11 @@
 		{/if}
 	</div>
 </div>
+
+<svelte:head>
+	<meta property="og:title" content="Mini-x" />
+	<meta property="og:description" content={`Inicia Sesion`} />
+	<meta property="og:image" content="https://minix-front.vercel.app/x.png" />
+	<meta property="og:url" content="https://minix-front.vercel.app/" />
+	<meta property="og:type" content="website" />
+</svelte:head>

src/routes/register/+page.svelte

@@ -32,3 +32,11 @@
 		{/if}
 	</div>
 </div>
+
+<svelte:head>
+	<meta property="og:title" content="Mini-x" />
+	<meta property="og:description" content={`Registra un usuario`} />
+	<meta property="og:image" content="https://minix-front.vercel.app/x.png" />
+	<meta property="og:url" content="https://minix-front.vercel.app/" />
+	<meta property="og:type" content="website" />
+</svelte:head>

src/routes/search/[user]/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { page } from '$app/state';
 	import UserCard from '@/components/UserCard.svelte';
 	let { data } = $props();
 </script>
@@ -8,3 +9,11 @@
 		<UserCard {usu} />
 	{/each}
 </div>
+
+<svelte:head>
+	<meta property="og:title" content="Mini-x" />
+	<meta property="og:description" content={`Buscando ${page.params.user}`} />
+	<meta property="og:image" content="https://minix-front.vercel.app/x.png" />
+	<meta property="og:url" content="https://minix-front.vercel.app/" />
+	<meta property="og:type" content="website" />
+</svelte:head>