[{"data":1,"prerenderedAt":636},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-quick-start":43,"-getting-started-quick-start-surround":633},[4,26],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Getting Started","/getting-started","1.getting-started",[9,13,17,21],{"title":10,"path":11,"stem":12},"Quick Start","/getting-started/quick-start","1.getting-started/1.quick-start",{"title":14,"path":15,"stem":16},"Configuration","/getting-started/configuration","1.getting-started/2.configuration",{"title":18,"path":19,"stem":20},"Composables","/getting-started/composables","1.getting-started/3.composables",{"title":22,"path":23,"stem":24},"Auth Helpers","/getting-started/auth-helpers","1.getting-started/4.auth-helpers",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"Recipes","/recipes","2.recipes",[31,35,39],{"title":32,"path":33,"stem":34},"Authentication","/recipes/authentication","2.recipes/1.authentication",{"title":36,"path":37,"stem":38},"Error Policy","/recipes/error-handling","2.recipes/2.error-handling",{"title":40,"path":41,"stem":42},"TypesScript support","/recipes/typescript-support","2.recipes/3.typescript-support",{"id":44,"title":10,"body":45,"description":55,"extension":628,"links":629,"meta":630,"navigation":189,"path":11,"seo":631,"stem":12,"__hash__":632},"docs/1.getting-started/1.quick-start.md",{"type":46,"value":47,"toc":625},"minimark",[48,52,56,59,64,621],[49,50,10],"h1",{"id":51},"quick-start",[53,54,55],"p",{},"Integrate Nuxt Apollo into your project.",[57,58],"hr",{},[60,61,63],"h2",{"id":62},"installation","Installation",[65,66,67,144,244,379],"ol",{},[68,69,70,71,75,76],"li",{},"Add the ",[72,73,74],"code",{},"@nuxtjs/apollo"," development dependency.",[77,78,79,108,126],"code-group",{},[80,81,87],"pre",{"className":82,"code":83,"filename":84,"language":85,"meta":86,"style":86},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","yarn add -D @nuxtjs/apollo@next\n","Yarn","bash","",[72,88,89],{"__ignoreMap":86},[90,91,94,98,102,105],"span",{"class":92,"line":93},"line",1,[90,95,97],{"class":96},"sBMFI","yarn",[90,99,101],{"class":100},"sfazB"," add",[90,103,104],{"class":100}," -D",[90,106,107],{"class":100}," @nuxtjs/apollo@next\n",[80,109,112],{"className":82,"code":110,"filename":111,"language":85,"meta":86,"style":86},"npm i -D @nuxtjs/apollo@next\n","NPM",[72,113,114],{"__ignoreMap":86},[90,115,116,119,122,124],{"class":92,"line":93},[90,117,118],{"class":96},"npm",[90,120,121],{"class":100}," i",[90,123,104],{"class":100},[90,125,107],{"class":100},[80,127,130],{"className":82,"code":128,"filename":129,"language":85,"meta":86,"style":86},"pnpm add @nuxtjs/apollo@next --save-dev\n","pnpm",[72,131,132],{"__ignoreMap":86},[90,133,134,136,138,141],{"class":92,"line":93},[90,135,129],{"class":96},[90,137,101],{"class":100},[90,139,140],{"class":100}," @nuxtjs/apollo@next",[90,142,143],{"class":100}," --save-dev\n",[68,145,146,147],{},"Enable the module.",[80,148,153],{"className":149,"code":150,"filename":151,"language":152,"meta":86,"style":86},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { defineNuxtConfig } from 'nuxt/config'\n\nexport default defineNuxtConfig({\n  modules: ['@nuxtjs/apollo'],\n})\n","nuxt.config.ts","ts",[72,154,155,184,191,209,235],{"__ignoreMap":86},[90,156,157,161,165,169,172,175,178,181],{"class":92,"line":93},[90,158,160],{"class":159},"s7zQu","import",[90,162,164],{"class":163},"sMK4o"," {",[90,166,168],{"class":167},"sTEyZ"," defineNuxtConfig",[90,170,171],{"class":163}," }",[90,173,174],{"class":159}," from",[90,176,177],{"class":163}," '",[90,179,180],{"class":100},"nuxt/config",[90,182,183],{"class":163},"'\n",[90,185,187],{"class":92,"line":186},2,[90,188,190],{"emptyLinePlaceholder":189},true,"\n",[90,192,194,197,200,203,206],{"class":92,"line":193},3,[90,195,196],{"class":159},"export",[90,198,199],{"class":159}," default",[90,201,168],{"class":202},"s2Zo4",[90,204,205],{"class":167},"(",[90,207,208],{"class":163},"{\n",[90,210,212,216,219,222,225,227,229,232],{"class":92,"line":211},4,[90,213,215],{"class":214},"swJcz","  modules",[90,217,218],{"class":163},":",[90,220,221],{"class":167}," [",[90,223,224],{"class":163},"'",[90,226,74],{"class":100},[90,228,224],{"class":163},[90,230,231],{"class":167},"]",[90,233,234],{"class":163},",\n",[90,236,238,241],{"class":92,"line":237},5,[90,239,240],{"class":163},"}",[90,242,243],{"class":167},")\n",[68,245,246,247],{},"Add Nuxt Apollo Configuration.",[80,248,250],{"className":149,"code":249,"filename":151,"language":152,"meta":86,"style":86},"import { defineNuxtConfig } from 'nuxt/config'\n\nexport default defineNuxtConfig({\n  modules: ['@nuxtjs/apollo'],\n\n  apollo: {\n    clients: {\n      default: {\n        httpEndpoint: 'https://spacex-production.up.railway.app'\n      }\n    },\n  },\n})\n",[72,251,252,270,274,286,304,308,319,329,339,354,360,366,372],{"__ignoreMap":86},[90,253,254,256,258,260,262,264,266,268],{"class":92,"line":93},[90,255,160],{"class":159},[90,257,164],{"class":163},[90,259,168],{"class":167},[90,261,171],{"class":163},[90,263,174],{"class":159},[90,265,177],{"class":163},[90,267,180],{"class":100},[90,269,183],{"class":163},[90,271,272],{"class":92,"line":186},[90,273,190],{"emptyLinePlaceholder":189},[90,275,276,278,280,282,284],{"class":92,"line":193},[90,277,196],{"class":159},[90,279,199],{"class":159},[90,281,168],{"class":202},[90,283,205],{"class":167},[90,285,208],{"class":163},[90,287,288,290,292,294,296,298,300,302],{"class":92,"line":211},[90,289,215],{"class":214},[90,291,218],{"class":163},[90,293,221],{"class":167},[90,295,224],{"class":163},[90,297,74],{"class":100},[90,299,224],{"class":163},[90,301,231],{"class":167},[90,303,234],{"class":163},[90,305,306],{"class":92,"line":237},[90,307,190],{"emptyLinePlaceholder":189},[90,309,311,314,316],{"class":92,"line":310},6,[90,312,313],{"class":214},"  apollo",[90,315,218],{"class":163},[90,317,318],{"class":163}," {\n",[90,320,322,325,327],{"class":92,"line":321},7,[90,323,324],{"class":214},"    clients",[90,326,218],{"class":163},[90,328,318],{"class":163},[90,330,332,335,337],{"class":92,"line":331},8,[90,333,334],{"class":214},"      default",[90,336,218],{"class":163},[90,338,318],{"class":163},[90,340,342,345,347,349,352],{"class":92,"line":341},9,[90,343,344],{"class":214},"        httpEndpoint",[90,346,218],{"class":163},[90,348,177],{"class":163},[90,350,351],{"class":100},"https://spacex-production.up.railway.app",[90,353,183],{"class":163},[90,355,357],{"class":92,"line":356},10,[90,358,359],{"class":163},"      }\n",[90,361,363],{"class":92,"line":362},11,[90,364,365],{"class":163},"    },\n",[90,367,369],{"class":92,"line":368},12,[90,370,371],{"class":163},"  },\n",[90,373,375,377],{"class":92,"line":374},13,[90,376,240],{"class":163},[90,378,243],{"class":167},[68,380,381,382,397],{},"Example Usage.",[383,384,385],"alert",{},[53,386,387,388,391,392,396],{},"Nuxt Apollo automatically imports the ",[72,389,390],{},"gql"," tag function as well as ",[393,394,395],"a",{"href":19},"key composables",".",[80,398,403],{"className":399,"code":400,"filename":401,"language":402,"meta":86,"style":86},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cp>There are {{ data?.ships?.length || 0 }} ships.\u003C/p>\n\u003C/template>\n\n\u003Cscript 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\u003C/script>\n","app.vue","vue",[72,404,405,416,466,474,478,504,520,525,530,535,540,545,550,554,577,582,612],{"__ignoreMap":86},[90,406,407,410,413],{"class":92,"line":93},[90,408,409],{"class":163},"\u003C",[90,411,412],{"class":214},"template",[90,414,415],{"class":163},">\n",[90,417,418,421,423,426,429,432,435,438,441,443,446,449,453,456,459,462,464],{"class":92,"line":186},[90,419,420],{"class":163},"  \u003C",[90,422,53],{"class":214},[90,424,425],{"class":163},">",[90,427,428],{"class":167},"There are ",[90,430,431],{"class":163},"{{",[90,433,434],{"class":167}," data",[90,436,437],{"class":163},"?.",[90,439,440],{"class":167},"ships",[90,442,437],{"class":163},[90,444,445],{"class":167},"length ",[90,447,448],{"class":163},"||",[90,450,452],{"class":451},"sbssI"," 0",[90,454,455],{"class":163}," }}",[90,457,458],{"class":167}," ships.",[90,460,461],{"class":163},"\u003C/",[90,463,53],{"class":214},[90,465,415],{"class":163},[90,467,468,470,472],{"class":92,"line":193},[90,469,461],{"class":163},[90,471,412],{"class":214},[90,473,415],{"class":163},[90,475,476],{"class":92,"line":211},[90,477,190],{"emptyLinePlaceholder":189},[90,479,480,482,485,489,492,495,497,499,502],{"class":92,"line":237},[90,481,409],{"class":163},[90,483,484],{"class":214},"script",[90,486,488],{"class":487},"spNyl"," lang",[90,490,491],{"class":163},"=",[90,493,494],{"class":163},"\"",[90,496,152],{"class":100},[90,498,494],{"class":163},[90,500,501],{"class":487}," setup",[90,503,415],{"class":163},[90,505,506,509,512,514,517],{"class":92,"line":310},[90,507,508],{"class":487},"const",[90,510,511],{"class":167}," query ",[90,513,491],{"class":163},[90,515,516],{"class":202}," gql",[90,518,519],{"class":163},"`\n",[90,521,522],{"class":92,"line":321},[90,523,524],{"class":100},"  query getShips($limit: Int!) {\n",[90,526,527],{"class":92,"line":331},[90,528,529],{"class":100},"    ships(limit: $limit) {\n",[90,531,532],{"class":92,"line":341},[90,533,534],{"class":100},"      id\n",[90,536,537],{"class":92,"line":356},[90,538,539],{"class":100},"      name\n",[90,541,542],{"class":92,"line":362},[90,543,544],{"class":100},"    }\n",[90,546,547],{"class":92,"line":368},[90,548,549],{"class":100},"  }\n",[90,551,552],{"class":92,"line":374},[90,553,519],{"class":163},[90,555,557,559,562,564,566,569,571,574],{"class":92,"line":556},14,[90,558,508],{"class":487},[90,560,561],{"class":167}," variables ",[90,563,491],{"class":163},[90,565,164],{"class":163},[90,567,568],{"class":214}," limit",[90,570,218],{"class":163},[90,572,573],{"class":451}," 5",[90,575,576],{"class":163}," }\n",[90,578,580],{"class":92,"line":579},15,[90,581,190],{"emptyLinePlaceholder":189},[90,583,585,587,589,592,594,597,600,603,606,609],{"class":92,"line":584},16,[90,586,508],{"class":487},[90,588,164],{"class":163},[90,590,591],{"class":167}," data ",[90,593,240],{"class":163},[90,595,596],{"class":163}," =",[90,598,599],{"class":159}," await",[90,601,602],{"class":202}," useAsyncQuery",[90,604,605],{"class":167},"(query",[90,607,608],{"class":163},",",[90,610,611],{"class":167}," variables)\n",[90,613,615,617,619],{"class":92,"line":614},17,[90,616,461],{"class":163},[90,618,484],{"class":214},[90,620,415],{"class":163},[622,623,624],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":86,"searchDepth":186,"depth":186,"links":626},[627],{"id":62,"depth":186,"text":63},"md",null,{},{"title":10,"description":55},"nd2YNaA55N6WfkSNDVP-BJMXC4Q3FVF5kq24Z8zwcQU",[629,634],{"title":14,"path":15,"stem":16,"description":635,"children":-1},"Configure Nuxt Apollo via the apollo property.",1785308700769]