UI Consolidation Cont.

src/routes/blog/[title]/index.tsx

@@ -6,7 +6,7 @@ import {
   query,
   useSearchParams
 } from "@solidjs/router";
-import { Title, Meta } from "@solidjs/meta";
+import { PageHead } from "~/components/PageHead";
 import { createAsync } from "@solidjs/router";
 import { getRequestEvent } from "solid-js/web";
 import SessionDependantLike from "~/components/blog/SessionDependantLike";
@@ -316,12 +316,9 @@ export default function PostPage() {
 
               return (
                 <>
-                  <Title>
-                    {p().title.replaceAll("_", " ")} | Michael Freno
-                  </Title>
-                  <Meta
-                    name="description"
-                    content={
+                  <PageHead
+                    title={p().title.replaceAll("_", " ")}
+                    description={
                       p().subtitle ||
                       `Read ${p().title.replaceAll("_", " ")} by Michael Freno on the freno.me blog.`
                     }

src/routes/blog/create/index.tsx

@@ -1,6 +1,6 @@
 import { Show, lazy } from "solid-js";
 import { query, redirect } from "@solidjs/router";
-import { Title, Meta } from "@solidjs/meta";
+import { PageHead } from "~/components/PageHead";
 import { createAsync } from "@solidjs/router";
 import { getEvent } from "vinxi/http";
 import { Spinner } from "~/components/Spinner";
@@ -31,10 +31,9 @@ export default function CreatePost() {
 
   return (
     <>
-      <Title>Create Blog Post | Michael Freno</Title>
-      <Meta
-        name="description"
-        content="Create a new blog post with rich text editing, image uploads, and tag management."
+      <PageHead
+        title="Create Blog Post"
+        description="Create a new blog post with rich text editing, image uploads, and tag management."
       />
 
       <Show when={authState()?.userID} fallback={<Spinner />}>

src/routes/blog/edit/[id].tsx

@@ -1,6 +1,6 @@
 import { Show, lazy } from "solid-js";
-import { useParams, query } from "@solidjs/router";
-import { Title, Meta } from "@solidjs/meta";
+import { useParams, query, redirect } from "@solidjs/router";
+import { PageHead } from "~/components/PageHead";
 import { createAsync } from "@solidjs/router";
 import { getEvent } from "vinxi/http";
 import "../post.css";
@@ -66,10 +66,9 @@ export default function EditPost() {
 
   return (
     <>
-      <Title>Edit Post | Michael Freno</Title>
-      <Meta
-        name="description"
-        content="Edit your blog post with rich text editing, image management, and tag updates."
+      <PageHead
+        title="Edit Post"
+        description="Edit your blog post with rich text editing, image management, and tag updates."
       />
 
       <Show

src/routes/blog/index.tsx

@@ -1,6 +1,6 @@
 import { Show } from "solid-js";
 import { useSearchParams, A, query } from "@solidjs/router";
-import { Title } from "@solidjs/meta";
+import { PageHead } from "~/components/PageHead";
 import { createAsync } from "@solidjs/router";
 import { getRequestEvent } from "solid-js/web";
 import PostSortingSelect from "~/components/blog/PostSortingSelect";
@@ -91,7 +91,10 @@ export default function BlogIndex() {
 
   return (
     <>
-      <Title>Blog | Michael Freno</Title>
+      <PageHead
+        title="Blog"
+        description="Technical blog posts about web development, programming, and software engineering."
+      />
 
       <div class="mx-auto py-16 pb-24">
         <Show when={data()} fallback={<TerminalSplash />}>