Usage

This module reexports @urql/vue composables :

  • useQuery
  • useMutation
  • useSubscription
  • useClientHandle
  • gql

Read @urql/vue documentation to learn more.

useQuery

<template>
  <div>{{ data }}</div>
</template>
<script setup lang="ts">
import { useQuery, gql } from "#imports";
const { data } = useQuery({
  query: gql`
    query name {
      # ...
    }
  `,
});
</script>

useQuery with SSR

Await query to run it on the server :

<template>
  <div>{{ data }}</div>
</template>
<script setup lang="ts">
import { useQuery, gql } from "#imports";
const { data } = await useQuery({
  query: gql`
    query name {
      # ...
    }
  `,
});
</script>
Table of Contents