{"_path":"/getting-started/quick-start","_draft":false,"_partial":false,"_empty":false,"title":"Quick Start","description":"Integrate Nuxt Apollo into your project.","excerpt":{"type":"root","children":[{"type":"element","tag":"h2","props":{"id":"installation"},"children":[{"type":"text","value":"Installation"}]},{"type":"element","tag":"ol","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Add the "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"@nuxtjs/apollo"}]},{"type":"text","value":" development dependency."},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code","props":{"code":"yarn add -D @nuxtjs/apollo@next\n","filename":"Yarn","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"yarn add -D @nuxtjs/apollo@next\n"}]}]}]},{"type":"element","tag":"code","props":{"code":"npm i -D @nuxtjs/apollo@next\n","filename":"NPM","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"npm i -D @nuxtjs/apollo@next\n"}]}]}]}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Enable the module."},{"type":"element","tag":"code","props":{"code":"import { defineNuxtConfig } from 'nuxt/config'\n\nexport default defineNuxtConfig({\n  modules: ['@nuxtjs/apollo'],\n})\n","filename":"nuxt.config.ts","language":"ts"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"import { defineNuxtConfig } from 'nuxt/config'\n\nexport default defineNuxtConfig({\n  modules: ['@nuxtjs/apollo'],\n})\n"}]}]}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Add Nuxt Apollo Configuration."},{"type":"element","tag":"code","props":{"code":"import { defineNuxtConfig } from 'nuxt/config'\n\nexport default defineNuxtConfig({\n  modules: ['@nuxtjs/apollo'],\n\n  apollo: {\n    clients: {\n      default: {\n        httpEndpoint: 'https://api.spacex.land/graphql'\n      }\n    },\n  },\n})\n","filename":"nuxt.config.ts","language":"ts"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"import { defineNuxtConfig } from 'nuxt/config'\n\nexport default defineNuxtConfig({\n  modules: ['@nuxtjs/apollo'],\n\n  apollo: {\n    clients: {\n      default: {\n        httpEndpoint: 'https://api.spacex.land/graphql'\n      }\n    },\n  },\n})\n"}]}]}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Example Usage."},{"type":"element","tag":"alert","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Apollo automatically imports the "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"gql"}]},{"type":"text","value":" tag function as well as "},{"type":"element","tag":"a","props":{"href":"/getting-started/composables"},"children":[{"type":"text","value":"key composables"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"code","props":{"code":"<template>\n  <p>There are {{ data?.ships?.length || 0 }} ships.</p>\n</template>\n\n<script lang=\"ts\" setup>\nconst query = gql`\n  query getShips($limit: Int!) {\n    ships(limit: $limit) {\n      id\n      name\n    }\n  }\n`\nconst variables = { limit: 5 }\n\nconst { data } = await useAsyncQuery(query, variables)\n</script>\n","filename":"app.vue","language":"vue"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"<template>\n  <p>There are {{ data?.ships?.length || 0 }} ships.</p>\n</template>\n\n<script lang=\"ts\" setup>\nconst query = gql`\n  query getShips($limit: Int!) {\n    ships(limit: $limit) {\n      id\n      name\n    }\n  }\n`\nconst variables = { limit: 5 }\n\nconst { data } = await useAsyncQuery(query, variables)\n</script>\n"}]}]}]}]}]}]},"body":{"type":"root","children":[{"type":"element","tag":"h2","props":{"id":"installation"},"children":[{"type":"text","value":"Installation"}]},{"type":"element","tag":"ol","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Add the "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"@nuxtjs/apollo"}]},{"type":"text","value":" development dependency."},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code","props":{"code":"yarn add -D @nuxtjs/apollo@next\n","filename":"Yarn","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"yarn add -D @nuxtjs/apollo@next"}]}]}]}]}]},{"type":"element","tag":"code","props":{"code":"npm i -D @nuxtjs/apollo@next\n","filename":"NPM","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"npm i -D @nuxtjs/apollo@next"}]}]}]}]}]}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Enable the module."},{"type":"element","tag":"code","props":{"code":"import { defineNuxtConfig } from 'nuxt/config'\n\nexport default defineNuxtConfig({\n  modules: ['@nuxtjs/apollo'],\n})\n","filename":"nuxt.config.ts","language":"ts"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" } "}]},{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"'nuxt/config'"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-1e9cfe"},"children":[{"type":"text","value":"defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"modules"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":": ["}]},{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"'@nuxtjs/apollo'"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"],"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"})"}]}]}]}]}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Add Nuxt Apollo Configuration."},{"type":"element","tag":"code","props":{"code":"import { defineNuxtConfig } from 'nuxt/config'\n\nexport default defineNuxtConfig({\n  modules: ['@nuxtjs/apollo'],\n\n  apollo: {\n    clients: {\n      default: {\n        httpEndpoint: 'https://api.spacex.land/graphql'\n      }\n    },\n  },\n})\n","filename":"nuxt.config.ts","language":"ts"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" } "}]},{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"'nuxt/config'"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-1e9cfe"},"children":[{"type":"text","value":"defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"modules"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":": ["}]},{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"'@nuxtjs/apollo'"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"],"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"apollo"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":": {"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"clients"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":": {"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":": {"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"        "}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"httpEndpoint"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"'https://api.spacex.land/graphql'"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"      }"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"    },"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"  },"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"})"}]}]}]}]}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Example Usage."},{"type":"element","tag":"alert","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Apollo automatically imports the "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"gql"}]},{"type":"text","value":" tag function as well as "},{"type":"element","tag":"a","props":{"href":"/getting-started/composables"},"children":[{"type":"text","value":"key composables"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"code","props":{"code":"<template>\n  <p>There are {{ data?.ships?.length || 0 }} ships.</p>\n</template>\n\n<script lang=\"ts\" setup>\nconst query = gql`\n  query getShips($limit: Int!) {\n    ships(limit: $limit) {\n      id\n      name\n    }\n  }\n`\nconst variables = { limit: 5 }\n\nconst { data } = await useAsyncQuery(query, variables)\n</script>\n","filename":"app.vue","language":"vue"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"  <"}]},{"type":"element","tag":"span","props":{"class":"ct-5c0d55"},"children":[{"type":"text","value":"p"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":">"}]},{"type":"element","tag":"span","props":{"class":"ct-5c0d55"},"children":[{"type":"text","value":"There"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-5c0d55"},"children":[{"type":"text","value":"are"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" {{ "}]},{"type":"element","tag":"span","props":{"class":"ct-5c0d55"},"children":[{"type":"text","value":"data"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"?."}]},{"type":"element","tag":"span","props":{"class":"ct-5c0d55"},"children":[{"type":"text","value":"ships"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"?."}]},{"type":"element","tag":"span","props":{"class":"ct-5c0d55"},"children":[{"type":"text","value":"length"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" || 0 }} "}]},{"type":"element","tag":"span","props":{"class":"ct-5c0d55"},"children":[{"type":"text","value":"ships"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":".</"}]},{"type":"element","tag":"span","props":{"class":"ct-5c0d55"},"children":[{"type":"text","value":"p"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"</"}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-5c0d55"},"children":[{"type":"text","value":"lang"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"\"ts\""}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-5c0d55"},"children":[{"type":"text","value":"setup"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-2ec2b8"},"children":[{"type":"text","value":"query"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-1a2f6e"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-1e9cfe"},"children":[{"type":"text","value":"gql"}]},{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"`"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"  query getShips($limit: Int!) {"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"    ships(limit: $limit) {"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"      id"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"      name"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"    }"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"  }"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-eb6777"},"children":[{"type":"text","value":"`"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-2ec2b8"},"children":[{"type":"text","value":"variables"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-1a2f6e"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"limit"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-5c0d55"},"children":[{"type":"text","value":"5"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"class":"ct-2ec2b8"},"children":[{"type":"text","value":"data"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" } "}]},{"type":"element","tag":"span","props":{"class":"ct-1a2f6e"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-e35843"},"children":[{"type":"text","value":"await"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-1e9cfe"},"children":[{"type":"text","value":"useAsyncQuery"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"query"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"variables"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":"</"}]},{"type":"element","tag":"span","props":{"class":"ct-c27cfb"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"class":"ct-c23406"},"children":[{"type":"text","value":">"}]}]}]}]}]}]}]},{"type":"element","tag":"style","children":[{"type":"text","value":".ct-1a2f6e{color:#56B6C2}.ct-2ec2b8{color:#E5C07B}.ct-5c0d55{color:#D19A66}.ct-1e9cfe{color:#61AFEF}.ct-eb6777{color:#98C379}.ct-c27cfb{color:#E06C75}.ct-e35843{color:#C678DD}.ct-c23406{color:#ABB2BF}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"installation","depth":2,"text":"Installation"}]}},"_type":"markdown","_id":"content:1.getting-started:1.quick-start.md","_source":"content","_file":"1.getting-started/1.quick-start.md","_extension":"md"}