ConvexQuery

<script setup lang="ts">
import { api } from '#convex/api'
</script>

<template>
  <ConvexQuery :query="api.tasks.list" :args="{ userId: 'user_123' }">
    <template #loading>
      Loading tasks...
    </template>

    <template #error="{ error }">
      {{ error.message }}
    </template>

    <template #empty>
      No tasks yet.
    </template>

    <template #default="{ data }">
      <ul>
        <li v-for="task in data" :key="task._id">
          {{ task.title }}
        </li>
      </ul>
    </template>
  </ConvexQuery>
</template>