27 lines
629 B
TypeScript
27 lines
629 B
TypeScript
import React, { useState } from "react";
|
|
import { useData } from "vike-react/useData";
|
|
import type { Data } from "./+data.js";
|
|
import { TodoList } from "./TodoList.js";
|
|
|
|
export default function Page() {
|
|
const todoItemsInitial = useData<Data>();
|
|
return (
|
|
<>
|
|
<h1>To-do List</h1>
|
|
<TodoList todoItemsInitial={todoItemsInitial} />
|
|
<Counter />
|
|
</>
|
|
);
|
|
}
|
|
|
|
function Counter() {
|
|
const [count, setCount] = useState(0);
|
|
return (
|
|
<div>
|
|
This page is interactive:
|
|
<button type="button" onClick={() => setCount((count) => count + 1)}>
|
|
Counter {count}
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|