Function QueryPage

examples/solid/todo/src/routes/query.tsx:20–43

()

})

function QueryPage() {
  // Get data using live queries with Query collections
  const todos = useLiveQuery((q) =>
    q
      .from({ todo: queryTodoCollection })
      .orderBy(({ todo }) => todo.created_at, `asc`),
  )

  const configData = useLiveQuery((q) =>
    q.from({ config: queryConfigCollection }),
  )

  return (
    <Suspense fallback="Loading...">
      <TodoApp
        todos={todos()}
        configData={configData()}
        todoCollection={queryTodoCollection}
        configCollection={queryConfigCollection}
        title="todos (query)"
      />
    </Suspense>
  )
}