Todo work

packages/example/src/routes/index.tsx

@@ -1,10 +1,9 @@
-import { Reffuse } from "@/reffuse"
-import { FetchData } from "@/services"
-import { PostsContext } from "@/views/posts/reffuse"
-import { PostsState } from "@/views/posts/services"
-import { VPosts } from "@/views/posts/VPosts"
+import { TodosContext } from "@/todos/reffuse"
+import { TodosState } from "@/todos/services"
+import { VTodos } from "@/todos/views/VTodos"
 import { createFileRoute } from "@tanstack/react-router"
-import { Effect } from "effect"
+import { Layer } from "effect"
+import { useMemo } from "react"
 
 
 export const Route = createFileRoute("/")({
@@ -13,17 +12,16 @@ export const Route = createFileRoute("/")({
 
 function Index() {
 
-    const postsLayer = Reffuse.useMemo(FetchData.FetchData.pipe(
-        Effect.flatMap(({ fetchPosts }) => fetchPosts),
-        Effect.map(PostsState.make),
-    ))
+    const todosLayer = useMemo(() => Layer.empty.pipe(
+        Layer.provideMerge(TodosState.make("todos"))
+    ), [])
 
 
     return (
         <div className="container mx-auto">
-            <PostsContext.Provider layer={postsLayer}>
-                <VPosts />
-            </PostsContext.Provider>
+            <TodosContext.Provider layer={todosLayer}>
+                <VTodos />
+            </TodosContext.Provider>
         </div>
     )