New Code Editor and fun

src/components/TagComponent.astro

@@ -0,0 +1,16 @@
+---
+
+import {l} from "../util/util";
+import {capitalize} from "./admin/util";
+
+interface Props {
+    tag: string;
+}
+
+const {tag} = Astro.props;
+
+---
+
+<a href={l(`/announcements/tags/${tag}`)}>
+    <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 shadow-2xl">{capitalize(tag)}</span>
+</a>