feat: rebuild app using vike

pages/@id/+Page.tsx

@@ -0,0 +1,17 @@
+import { useData } from "~/renderer/hooks";
+import { Data } from "./+data";
+import Link from "~/renderer/link";
+
+const ViewPostPage = () => {
+  const { post } = useData<Data>();
+
+  return (
+    <div>
+      <Link href="/">Go Back</Link>
+      <h1>{post.title}</h1>
+      <p>{post.body}</p>
+    </div>
+  );
+};
+
+export default ViewPostPage;

pages/@id/+data.ts

@@ -0,0 +1,12 @@
+import { PageContext } from "vike/types";
+
+export const data = async (ctx: PageContext) => {
+  const id = ctx.routeParams?.id;
+  const post = await fetch(
+    "https://jsonplaceholder.typicode.com/posts/" + id
+  ).then((response) => response.json());
+
+  return { post, title: post?.title };
+};
+
+export type Data = Awaited<ReturnType<typeof data>>;