diff --git a/package.json b/package.json
index 7ef8a63..2899260 100644
--- a/package.json
+++ b/package.json
@@ -3,8 +3,8 @@
"module": "src/main.ts",
"type": "module",
"scripts": {
- "dev": "concurrently \"bun run --hot src/main.tsx\" \"bun run uno:dev\"",
- "start": "bun run uno && bun run src/main.tsx",
+ "dev": "concurrently \"bun run --hot src/main.ts\" \"bun run uno:dev\"",
+ "start": "bun run uno && bun run src/main.ts",
"db:push": "bunx drizzle-kit push:sqlite",
"db:studio": "bunx drizzle-kit studio",
"db:seed": "bun run src/model/store/seed.ts",
diff --git a/src/main.tsx b/src/main.ts
similarity index 58%
rename from src/main.tsx
rename to src/main.ts
index 2142804..eaeccaa 100644
--- a/src/main.tsx
+++ b/src/main.ts
@@ -2,8 +2,7 @@ import { Elysia } from "elysia";
import { swagger } from "@elysiajs/swagger";
import { staticPlugin } from "@elysiajs/static";
import { todosService } from "./services/todos";
-import { BaseHtml } from "./components/base";
-import Html from "@kitajs/html";
+import { pages } from "./pages";
const app = new Elysia({
name: "@app/main",
@@ -12,18 +11,7 @@ const app = new Elysia({
.use(swagger())
.use(staticPlugin())
.use(todosService)
- .get("/", ({ html }) =>
- html(
-
-
-
- )
- )
+ .use(pages)
.listen(3000);
export type App = typeof app;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
new file mode 100644
index 0000000..1424f25
--- /dev/null
+++ b/src/pages/index.tsx
@@ -0,0 +1,21 @@
+import { Elysia } from "elysia";
+import { ctx } from "../context";
+import Html from "@kitajs/html";
+import { BaseHtml } from "../components/base";
+
+export const pages = new Elysia({
+ name: "@app/pages",
+})
+ .use(ctx)
+ .get("/", ({ html }) =>
+ html(
+
+
+
+ )
+ );
diff --git a/src/services/todos.tsx b/src/services/todos.tsx
index 830e2ed..11f350e 100644
--- a/src/services/todos.tsx
+++ b/src/services/todos.tsx
@@ -1,4 +1,4 @@
-import Elysia, { t } from "elysia";
+import { Elysia, t } from "elysia";
import { ctx } from "../context";
import { insertTodoSchema, todos } from "../db/schemas/todos";
import { TodoItem, TodoForm, TodoList } from "../components/todos";