[{"data":1,"prerenderedAt":385},["ShallowReactive",2],{"navigation_docs":3,"-going-further-explorer":134,"-going-further-explorer-surround":380},[4,31,82,113],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":30},"Getting Started","i-lucide-play","\u002Fgetting-started","1.getting-started",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-home",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-plug",{"title":21,"path":22,"stem":23,"icon":24},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-code",{"title":26,"path":27,"stem":28,"icon":29},"Editor","\u002Fgetting-started\u002Feditor","1.getting-started\u002F5.editor","i-lucide-wrench",false,{"title":32,"icon":33,"path":34,"stem":35,"children":36,"page":30},"Essentials","i-lucide-book","\u002Fessentials","2.essentials",[37,42,47,52,57,62,67,72,77],{"title":38,"path":39,"stem":40,"icon":41},"Setup Shopify","\u002Fessentials\u002Fsetup-shopify","2.essentials\u002F1.setup-shopify","i-lucide-shopping-bag",{"title":43,"path":44,"stem":45,"icon":46},"Module Config","\u002Fessentials\u002Fconfiguration","2.essentials\u002F2.configuration","i-lucide-anvil",{"title":48,"path":49,"stem":50,"icon":51},"Storefront API","\u002Fessentials\u002Fstorefront","2.essentials\u002F3.storefront","i-lucide-store",{"title":53,"path":54,"stem":55,"icon":56},"Customer API","\u002Fessentials\u002Fcustomer-account","2.essentials\u002F4.customer-account","i-lucide-user",{"title":58,"path":59,"stem":60,"icon":61},"Admin API","\u002Fessentials\u002Fadmin","2.essentials\u002F5.admin","i-lucide-shield",{"title":63,"path":64,"stem":65,"icon":66},"Error Handling","\u002Fessentials\u002Ferror-handling","2.essentials\u002F6.error-handling","i-lucide-bug",{"title":68,"path":69,"stem":70,"icon":71},"Caching","\u002Fessentials\u002Fcaching","2.essentials\u002F7.caching","i-lucide-rabbit",{"title":73,"path":74,"stem":75,"icon":76},"Codegen","\u002Fessentials\u002Fcodegen","2.essentials\u002F8.codegen","i-lucide-wand-sparkles",{"title":78,"path":79,"stem":80,"icon":81},"Analytics","\u002Fessentials\u002Fanalytics","2.essentials\u002F9.analytics","i-lucide-chart-line",{"title":83,"icon":84,"path":85,"stem":86,"children":87,"page":30},"Recipes","i-lucide-chef-hat","\u002Frecipes","3.recipes",[88,93,98,103,108],{"title":89,"path":90,"stem":91,"icon":92},"Navigation Menu","\u002Frecipes\u002Fnavigation-tree","3.recipes\u002F1.navigation-tree","i-lucide-menu",{"title":94,"path":95,"stem":96,"icon":97},"Collection Page","\u002Frecipes\u002Fcollection-page","3.recipes\u002F2.collection-page","i-lucide-group",{"title":99,"path":100,"stem":101,"icon":102},"Collection Filters","\u002Frecipes\u002Fcollection-filters","3.recipes\u002F3.collection-filters","i-lucide-funnel",{"title":104,"path":105,"stem":106,"icon":107},"Product Page","\u002Frecipes\u002Fproduct-page","3.recipes\u002F4.product-page","i-lucide-shirt",{"title":109,"path":110,"stem":111,"icon":112},"Using the Cart","\u002Frecipes\u002Fcart","3.recipes\u002F5.cart","i-lucide-shopping-cart",{"title":114,"icon":115,"path":116,"stem":117,"children":118,"page":30},"Going Further","i-lucide-pickaxe","\u002Fgoing-further","4.going-further",[119,124,129],{"title":120,"path":121,"stem":122,"icon":123},"Hooks","\u002Fgoing-further\u002Fhooks","4.going-further\u002F1.hooks","i-lucide-between-horizontal-start",{"title":125,"path":126,"stem":127,"icon":128},"GraphQL Explorer","\u002Fgoing-further\u002Fexplorer","4.going-further\u002F2.explorer","i-lucide-app-window",{"title":130,"path":131,"stem":132,"icon":133},"Webhooks","\u002Fgoing-further\u002Fwebhooks","4.going-further\u002F3.webhooks","i-lucide-fishing-hook",{"id":135,"title":125,"body":136,"description":371,"extension":372,"links":373,"meta":374,"navigation":375,"path":126,"seo":376,"stem":127,"__hash__":379},"docs\u002F4.going-further\u002F2.explorer.md",{"type":137,"value":138,"toc":369},"minimark",[139,143,146,170,183,190,352,365],[140,141,142],"p",{},"The Nuxt Shopify module mounts a GraphQL explorer for each API client that\nyou can access in development mode to explore and test your GraphQL queries.",[140,144,145],{},"When starting the Nuxt development server you can then access each explorer in your browser:",[147,148,149,158,164],"ul",{},[150,151,152],"li",{},[153,154,155],"a",{"href":155,"rel":156},"http:\u002F\u002Flocalhost:3000\u002F_explorer\u002Fstorefront",[157],"nofollow",[150,159,160],{},[153,161,162],{"href":162,"rel":163},"http:\u002F\u002Flocalhost:3000\u002F_explorer\u002Fcustomer-account",[157],[150,165,166],{},[153,167,168],{"href":168,"rel":169},"http:\u002F\u002Flocalhost:3000\u002F_explorer\u002Fadmin",[157],[171,172,173,174,178,179,182],"warning",{},"Explorers are only registered in dev mode, and they are unauthenticated: anyone who can reach your dev server can run\nqueries against the configured clients, including the Admin API. Set ",[175,176,177],"code",{},"explorer: false"," on the admin client (or bind the\ndev server to ",[175,180,181],{},"localhost"," only) when sharing your dev server over a tunnel or a local network.",[140,184,185,186,189],{},"By default, each client mounts an explorer when running in dev mode.\nYou can customize this behavior by setting the ",[175,187,188],{},"explorer"," option in the client config:",[191,192,198],"pre",{"className":193,"code":194,"filename":195,"language":196,"meta":197,"style":197},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  shopify: {\n    clients: {\n      storefront: {\n        explorer: true,\n      },\n      customerAccount: {\n        explorer: false,\n      },\n      admin: {\n        explorer: true,\n      },\n    },\n  },\n})\n","~\u002Fnuxt.config.ts","ts","",[175,199,200,224,237,247,257,272,278,288,300,305,315,326,331,337,343],{"__ignoreMap":197},[201,202,205,209,212,216,220],"span",{"class":203,"line":204},"line",1,[201,206,208],{"class":207},"s7zQu","export",[201,210,211],{"class":207}," default",[201,213,215],{"class":214},"s2Zo4"," defineNuxtConfig",[201,217,219],{"class":218},"sTEyZ","(",[201,221,223],{"class":222},"sMK4o","{\n",[201,225,227,231,234],{"class":203,"line":226},2,[201,228,230],{"class":229},"swJcz","  shopify",[201,232,233],{"class":222},":",[201,235,236],{"class":222}," {\n",[201,238,240,243,245],{"class":203,"line":239},3,[201,241,242],{"class":229},"    clients",[201,244,233],{"class":222},[201,246,236],{"class":222},[201,248,250,253,255],{"class":203,"line":249},4,[201,251,252],{"class":229},"      storefront",[201,254,233],{"class":222},[201,256,236],{"class":222},[201,258,260,263,265,269],{"class":203,"line":259},5,[201,261,262],{"class":229},"        explorer",[201,264,233],{"class":222},[201,266,268],{"class":267},"sfNiH"," true",[201,270,271],{"class":222},",\n",[201,273,275],{"class":203,"line":274},6,[201,276,277],{"class":222},"      },\n",[201,279,281,284,286],{"class":203,"line":280},7,[201,282,283],{"class":229},"      customerAccount",[201,285,233],{"class":222},[201,287,236],{"class":222},[201,289,291,293,295,298],{"class":203,"line":290},8,[201,292,262],{"class":229},[201,294,233],{"class":222},[201,296,297],{"class":267}," false",[201,299,271],{"class":222},[201,301,303],{"class":203,"line":302},9,[201,304,277],{"class":222},[201,306,308,311,313],{"class":203,"line":307},10,[201,309,310],{"class":229},"      admin",[201,312,233],{"class":222},[201,314,236],{"class":222},[201,316,318,320,322,324],{"class":203,"line":317},11,[201,319,262],{"class":229},[201,321,233],{"class":222},[201,323,268],{"class":267},[201,325,271],{"class":222},[201,327,329],{"class":203,"line":328},12,[201,330,277],{"class":222},[201,332,334],{"class":203,"line":333},13,[201,335,336],{"class":222},"    },\n",[201,338,340],{"class":203,"line":339},14,[201,341,342],{"class":222},"  },\n",[201,344,346,349],{"class":203,"line":345},15,[201,347,348],{"class":222},"}",[201,350,351],{"class":218},")\n",[353,354,355,356,361,362,364],"note",{},"The explorer UI is currently rendered by ",[153,357,360],{"href":358,"rel":359},"https:\u002F\u002Fthe-guild.dev\u002Fgraphql\u002Fyoga-server",[157],"graphql-yoga",". The ",[175,363,188],{},"\noption describes the capability rather than the renderer, so swapping it out later will not change your config.",[366,367,368],"style",{},"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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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);}",{"title":197,"searchDepth":226,"depth":226,"links":370},[],"Exploring the Shopify APIs from your Nuxt dev server","md",null,{},{"icon":128},{"title":377,"description":378},"Explorer","Exploring the Shopify GraphQL APIs from your Nuxt dev server","xdXUV8wjcByDMP8aMpInNFgdUuUyvbnCn_uEO6sHdWs",[381,383],{"title":120,"path":121,"stem":122,"description":382,"icon":123,"children":-1},"Hooks for the Nuxt Shopify module",{"title":130,"path":131,"stem":132,"description":384,"icon":133,"children":-1},"Using Webhooks with Shopify in Nuxt",1786296575895]