From 28985cc6b753c7f79dbaa4b5ca377323a94587a4 Mon Sep 17 00:00:00 2001
From: minhtrannhat <minh@minhtrannhat.com>
Date: Tue, 25 Feb 2025 20:03:01 -0500
Subject: [PATCH] feat(meta): update meta info for tag ids

---
 src/routes/tags/[id].tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/routes/tags/[id].tsx b/src/routes/tags/[id].tsx
index 7ba782b..0b9b69a 100644
--- a/src/routes/tags/[id].tsx
+++ b/src/routes/tags/[id].tsx
@@ -3,6 +3,7 @@ import { type Component, Show } from "solid-js";
 import { posts } from "~/data/posts";
 import { Posts } from "~/components/Posts";
 import { tags } from "~/data/tags";
+import { Title, Meta } from "@solidjs/meta";
 
 /*
  * Code from andii.dev
@@ -11,6 +12,18 @@ const TagId: Component<RouteSectionProps<unknown>> = (props) => {
 	const tag = () => tags[props.params.id];
 	return (
 		<Show when={tag()} fallback={<div>No posts with that tag</div>}>
+			<Title>minhtran_dev - Tag: {tag().id}</Title>
+
+			<Meta
+				property="og:title"
+				content={`minhtran_dev Articles Tag: ${tag().id}`}
+			/>
+			<Meta property="og:description" content={`My ${tag().id} Articles`} />
+			<Meta property="og:image" content="/og.png" />
+			<Meta property="og:image:alt" content="minhtran_dev site" />
+			<Meta property="og:image:width" content="1200" />
+			<Meta property="og:image:height" content="630" />
+
 			<div>
 				<h1 class="text-lg font-bold mb-6">Tag: {tag().id}</h1>