FrostByte/client-solid/src/Primary.tsx

import { Route, Routes } from "@solidjs/router";
import { Posts } from "./Posts";
import { SinglePost } from "./SinglePost";
import { NewPostInputArea } from "./NewPost";

// Primary is the section of the page that holds the main content
export function Primary() {
  return (
    <Routes>
      <Route path="/" element={<Posts />} />
      <Route path="/post/:postid" element={<SinglePost />} />
      <Route path="/new" element={<NewPostInputArea />} />
      <Route path="*" element={<h1>404</h1>} />
    </Routes>
  );
}