[{"data":1,"prerenderedAt":1317},["ShallowReactive",2],{"content-query-YelQoNCtKd":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"tags":11,"image":18,"imageAlt":19,"body":20,"_type":1310,"_id":1311,"_source":1312,"_file":1313,"_stem":1314,"_extension":1315,"sitemap":1316},"/project/nuxt-gql-pulse","project",false,"","Nuxt GQL Pulse – GraphQL Monitoring Module for Nuxt","A lightweight Nuxt module for monitoring and visualizing GraphQL requests in real-time, helping developers debug and optimize API interactions.","28.09.2025",[12,13,14,15,16,17],"nuxt","nuxt3","graphql","monitoring","frontend","module","nuxt-gql-pulse-screenshot.webp","Nuxt GQL Pulse Logo",{"type":21,"children":22,"toc":1302},"root",[23,32,51,63,69,124,130,135,177,188,194,199,243,253,439,444,450,1215,1220,1244,1249,1255,1283,1296],{"type":24,"tag":25,"props":26,"children":28},"element","h3",{"id":27},"nuxt-gql-pulse",[29],{"type":30,"value":31},"text","⚡ Nuxt GQL Pulse",{"type":24,"tag":33,"props":34,"children":35},"p",{},[36,42,44,49],{"type":24,"tag":37,"props":38,"children":39},"strong",{},[40],{"type":30,"value":41},"Nuxt GQL Pulse",{"type":30,"value":43}," is a module I built to help developers ",{"type":24,"tag":37,"props":45,"children":46},{},[47],{"type":30,"value":48},"monitor and visualize GraphQL requests",{"type":30,"value":50}," in Nuxt apps in real-time. It provides quick insights into queries and mutations, tracks response times, and helps debug GraphQL interactions efficiently.",{"type":24,"tag":33,"props":52,"children":53},{},[54,56,61],{"type":30,"value":55},"The module integrates seamlessly with Nuxt 3 projects and gives a lightweight, ",{"type":24,"tag":37,"props":57,"children":58},{},[59],{"type":30,"value":60},"developer-friendly overlay",{"type":30,"value":62}," for monitoring API activity without adding heavy dependencies.",{"type":24,"tag":25,"props":64,"children":66},{"id":65},"technologies-used",[67],{"type":30,"value":68},"🔧 Technologies Used",{"type":24,"tag":70,"props":71,"children":72},"ul",{},[73,84,94,104,114],{"type":24,"tag":74,"props":75,"children":76},"li",{},[77,82],{"type":24,"tag":37,"props":78,"children":79},{},[80],{"type":30,"value":81},"Nuxt 3",{"type":30,"value":83}," – Framework for modern Vue applications",{"type":24,"tag":74,"props":85,"children":86},{},[87,92],{"type":24,"tag":37,"props":88,"children":89},{},[90],{"type":30,"value":91},"GraphQL",{"type":30,"value":93}," – For API queries and mutations",{"type":24,"tag":74,"props":95,"children":96},{},[97,102],{"type":24,"tag":37,"props":98,"children":99},{},[100],{"type":30,"value":101},"Vue 3 / Composition API",{"type":30,"value":103}," – Reactive UI components for displaying requests",{"type":24,"tag":74,"props":105,"children":106},{},[107,112],{"type":24,"tag":37,"props":108,"children":109},{},[110],{"type":30,"value":111},"TypeScript (optional)",{"type":30,"value":113}," – For type-safe development",{"type":24,"tag":74,"props":115,"children":116},{},[117,122],{"type":24,"tag":37,"props":118,"children":119},{},[120],{"type":30,"value":121},"Tailwind CSS / SCSS",{"type":30,"value":123}," – For styling the module interface",{"type":24,"tag":25,"props":125,"children":127},{"id":126},"why-i-built-it",[128],{"type":30,"value":129},"🧠 Why I Built It",{"type":24,"tag":33,"props":131,"children":132},{},[133],{"type":30,"value":134},"GraphQL is powerful but can be tricky to debug, especially in larger Nuxt projects. I wanted a simple way to:",{"type":24,"tag":70,"props":136,"children":137},{},[138,148,160,165],{"type":24,"tag":74,"props":139,"children":140},{},[141,143],{"type":30,"value":142},"See ",{"type":24,"tag":37,"props":144,"children":145},{},[146],{"type":30,"value":147},"real-time GraphQL requests and responses",{"type":24,"tag":74,"props":149,"children":150},{},[151,153,158],{"type":30,"value":152},"Track ",{"type":24,"tag":37,"props":154,"children":155},{},[156],{"type":30,"value":157},"latency and errors",{"type":30,"value":159}," during development",{"type":24,"tag":74,"props":161,"children":162},{},[163],{"type":30,"value":164},"Integrate monitoring without changing existing code",{"type":24,"tag":74,"props":166,"children":167},{},[168,170,175],{"type":30,"value":169},"Make a ",{"type":24,"tag":37,"props":171,"children":172},{},[173],{"type":30,"value":174},"lightweight, reusable module",{"type":30,"value":176}," for any Nuxt project",{"type":24,"tag":33,"props":178,"children":179},{},[180,182,186],{"type":30,"value":181},"The result is ",{"type":24,"tag":37,"props":183,"children":184},{},[185],{"type":30,"value":41},{"type":30,"value":187}," — easy to set up, extend, and use in development environments.",{"type":24,"tag":25,"props":189,"children":191},{"id":190},"getting-started",[192],{"type":30,"value":193},"🚀 Getting Started",{"type":24,"tag":33,"props":195,"children":196},{},[197],{"type":30,"value":198},"Install the module and peer deps:",{"type":24,"tag":200,"props":201,"children":205},"pre",{"className":202,"code":203,"language":204,"meta":7,"style":7},"language-bash shiki shiki-themes vitesse-dark","npm install nuxt-gql-pulse graphql graphql-request\n","bash",[206],{"type":24,"tag":207,"props":208,"children":209},"code",{"__ignoreMap":7},[210],{"type":24,"tag":211,"props":212,"children":215},"span",{"class":213,"line":214},"line",1,[216,222,228,233,238],{"type":24,"tag":211,"props":217,"children":219},{"style":218},"--shiki-default:#80A665",[220],{"type":30,"value":221},"npm",{"type":24,"tag":211,"props":223,"children":225},{"style":224},"--shiki-default:#C98A7D",[226],{"type":30,"value":227}," install",{"type":24,"tag":211,"props":229,"children":230},{"style":224},[231],{"type":30,"value":232}," nuxt-gql-pulse",{"type":24,"tag":211,"props":234,"children":235},{"style":224},[236],{"type":30,"value":237}," graphql",{"type":24,"tag":211,"props":239,"children":240},{"style":224},[241],{"type":30,"value":242}," graphql-request\n",{"type":24,"tag":33,"props":244,"children":245},{},[246,248],{"type":30,"value":247},"Add it to your ",{"type":24,"tag":37,"props":249,"children":250},{},[251],{"type":30,"value":252},"nuxt.config.ts:",{"type":24,"tag":200,"props":254,"children":258},{"className":255,"code":256,"language":257,"meta":7,"style":7},"language-ts shiki shiki-themes vitesse-dark","export default defineNuxtConfig({\n  modules: ['nuxt-gql-pulse'],\n\n  gqlPulse: {\n    clients: {\n      rickandmortyapi: {\n        endpoint: 'https://rickandmortyapi.com/graphql',\n      },\n    },\n  },\n})\n","ts",[259],{"type":24,"tag":207,"props":260,"children":261},{"__ignoreMap":7},[262,287,321,331,345,358,371,403,412,421,430],{"type":24,"tag":211,"props":263,"children":264},{"class":213,"line":214},[265,271,276,281],{"type":24,"tag":211,"props":266,"children":268},{"style":267},"--shiki-default:#4D9375",[269],{"type":30,"value":270},"export",{"type":24,"tag":211,"props":272,"children":273},{"style":267},[274],{"type":30,"value":275}," default",{"type":24,"tag":211,"props":277,"children":278},{"style":218},[279],{"type":30,"value":280}," defineNuxtConfig",{"type":24,"tag":211,"props":282,"children":284},{"style":283},"--shiki-default:#666666",[285],{"type":30,"value":286},"({\n",{"type":24,"tag":211,"props":288,"children":290},{"class":213,"line":289},2,[291,297,302,308,312,316],{"type":24,"tag":211,"props":292,"children":294},{"style":293},"--shiki-default:#B8A965",[295],{"type":30,"value":296},"  modules",{"type":24,"tag":211,"props":298,"children":299},{"style":283},[300],{"type":30,"value":301},": [",{"type":24,"tag":211,"props":303,"children":305},{"style":304},"--shiki-default:#C98A7D77",[306],{"type":30,"value":307},"'",{"type":24,"tag":211,"props":309,"children":310},{"style":224},[311],{"type":30,"value":27},{"type":24,"tag":211,"props":313,"children":314},{"style":304},[315],{"type":30,"value":307},{"type":24,"tag":211,"props":317,"children":318},{"style":283},[319],{"type":30,"value":320},"],\n",{"type":24,"tag":211,"props":322,"children":324},{"class":213,"line":323},3,[325],{"type":24,"tag":211,"props":326,"children":328},{"emptyLinePlaceholder":327},true,[329],{"type":30,"value":330},"\n",{"type":24,"tag":211,"props":332,"children":334},{"class":213,"line":333},4,[335,340],{"type":24,"tag":211,"props":336,"children":337},{"style":293},[338],{"type":30,"value":339},"  gqlPulse",{"type":24,"tag":211,"props":341,"children":342},{"style":283},[343],{"type":30,"value":344},": {\n",{"type":24,"tag":211,"props":346,"children":348},{"class":213,"line":347},5,[349,354],{"type":24,"tag":211,"props":350,"children":351},{"style":293},[352],{"type":30,"value":353},"    clients",{"type":24,"tag":211,"props":355,"children":356},{"style":283},[357],{"type":30,"value":344},{"type":24,"tag":211,"props":359,"children":361},{"class":213,"line":360},6,[362,367],{"type":24,"tag":211,"props":363,"children":364},{"style":293},[365],{"type":30,"value":366},"      rickandmortyapi",{"type":24,"tag":211,"props":368,"children":369},{"style":283},[370],{"type":30,"value":344},{"type":24,"tag":211,"props":372,"children":374},{"class":213,"line":373},7,[375,380,385,389,394,398],{"type":24,"tag":211,"props":376,"children":377},{"style":293},[378],{"type":30,"value":379},"        endpoint",{"type":24,"tag":211,"props":381,"children":382},{"style":283},[383],{"type":30,"value":384},": ",{"type":24,"tag":211,"props":386,"children":387},{"style":304},[388],{"type":30,"value":307},{"type":24,"tag":211,"props":390,"children":391},{"style":224},[392],{"type":30,"value":393},"https://rickandmortyapi.com/graphql",{"type":24,"tag":211,"props":395,"children":396},{"style":304},[397],{"type":30,"value":307},{"type":24,"tag":211,"props":399,"children":400},{"style":283},[401],{"type":30,"value":402},",\n",{"type":24,"tag":211,"props":404,"children":406},{"class":213,"line":405},8,[407],{"type":24,"tag":211,"props":408,"children":409},{"style":283},[410],{"type":30,"value":411},"      },\n",{"type":24,"tag":211,"props":413,"children":415},{"class":213,"line":414},9,[416],{"type":24,"tag":211,"props":417,"children":418},{"style":283},[419],{"type":30,"value":420},"    },\n",{"type":24,"tag":211,"props":422,"children":424},{"class":213,"line":423},10,[425],{"type":24,"tag":211,"props":426,"children":427},{"style":283},[428],{"type":30,"value":429},"  },\n",{"type":24,"tag":211,"props":431,"children":433},{"class":213,"line":432},11,[434],{"type":24,"tag":211,"props":435,"children":436},{"style":283},[437],{"type":30,"value":438},"})\n",{"type":24,"tag":33,"props":440,"children":441},{},[442],{"type":30,"value":443},"That’s it! You can now use Nuxt GQL Pulse in your Nuxt app ✨",{"type":24,"tag":25,"props":445,"children":447},{"id":446},"example-query-characters-from-rick-morty-api",[448],{"type":30,"value":449},"Example: Query characters from Rick & Morty API",{"type":24,"tag":200,"props":451,"children":455},{"className":452,"code":453,"language":454,"meta":7,"style":7},"language-vue shiki shiki-themes vitesse-dark","\u003Cscript setup lang=\"ts\">\nconst query = /* GraphQL */ `\n  query {\n    characters(page: 1) {\n      results {\n        id\n        name\n        status\n        species\n      }\n    }\n  }\n`\n\nconst { data } = await useAsyncGqlPulse\u003C{\n  characters: {\n    results: { id: string; name: string; status: string; species: string }[]\n  }\n}>({\n  client: 'rickandmortyapi',\n  document: query,\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Ch2>Rick & Morty Characters\u003C/h2>\n    \u003Cul>\n      \u003Cli v-for=\"character in data.characters.results\" :key=\"character.id\">\n        {{ character.name }} — {{ character.status }} ({{ character.species }})\n      \u003C/li>\n    \u003C/ul>\n  \u003C/div>\n\u003C/template>\n","vue",[456],{"type":24,"tag":207,"props":457,"children":458},{"__ignoreMap":7},[459,506,536,544,552,560,568,576,584,592,600,608,617,626,634,676,689,775,783,792,822,843,851,868,876,893,911,948,964,1065,1148,1165,1182,1199],{"type":24,"tag":211,"props":460,"children":461},{"class":213,"line":214},[462,467,472,478,483,488,493,497,501],{"type":24,"tag":211,"props":463,"children":464},{"style":283},[465],{"type":30,"value":466},"\u003C",{"type":24,"tag":211,"props":468,"children":469},{"style":267},[470],{"type":30,"value":471},"script",{"type":24,"tag":211,"props":473,"children":475},{"style":474},"--shiki-default:#BD976A",[476],{"type":30,"value":477}," setup",{"type":24,"tag":211,"props":479,"children":480},{"style":474},[481],{"type":30,"value":482}," lang",{"type":24,"tag":211,"props":484,"children":485},{"style":283},[486],{"type":30,"value":487},"=",{"type":24,"tag":211,"props":489,"children":490},{"style":304},[491],{"type":30,"value":492},"\"",{"type":24,"tag":211,"props":494,"children":495},{"style":224},[496],{"type":30,"value":257},{"type":24,"tag":211,"props":498,"children":499},{"style":304},[500],{"type":30,"value":492},{"type":24,"tag":211,"props":502,"children":503},{"style":283},[504],{"type":30,"value":505},">\n",{"type":24,"tag":211,"props":507,"children":508},{"class":213,"line":289},[509,515,520,525,531],{"type":24,"tag":211,"props":510,"children":512},{"style":511},"--shiki-default:#CB7676",[513],{"type":30,"value":514},"const ",{"type":24,"tag":211,"props":516,"children":517},{"style":474},[518],{"type":30,"value":519},"query",{"type":24,"tag":211,"props":521,"children":522},{"style":283},[523],{"type":30,"value":524}," =",{"type":24,"tag":211,"props":526,"children":528},{"style":527},"--shiki-default:#758575DD",[529],{"type":30,"value":530}," /* GraphQL */",{"type":24,"tag":211,"props":532,"children":533},{"style":304},[534],{"type":30,"value":535}," `\n",{"type":24,"tag":211,"props":537,"children":538},{"class":213,"line":323},[539],{"type":24,"tag":211,"props":540,"children":541},{"style":224},[542],{"type":30,"value":543},"  query {\n",{"type":24,"tag":211,"props":545,"children":546},{"class":213,"line":333},[547],{"type":24,"tag":211,"props":548,"children":549},{"style":224},[550],{"type":30,"value":551},"    characters(page: 1) {\n",{"type":24,"tag":211,"props":553,"children":554},{"class":213,"line":347},[555],{"type":24,"tag":211,"props":556,"children":557},{"style":224},[558],{"type":30,"value":559},"      results {\n",{"type":24,"tag":211,"props":561,"children":562},{"class":213,"line":360},[563],{"type":24,"tag":211,"props":564,"children":565},{"style":224},[566],{"type":30,"value":567},"        id\n",{"type":24,"tag":211,"props":569,"children":570},{"class":213,"line":373},[571],{"type":24,"tag":211,"props":572,"children":573},{"style":224},[574],{"type":30,"value":575},"        name\n",{"type":24,"tag":211,"props":577,"children":578},{"class":213,"line":405},[579],{"type":24,"tag":211,"props":580,"children":581},{"style":224},[582],{"type":30,"value":583},"        status\n",{"type":24,"tag":211,"props":585,"children":586},{"class":213,"line":414},[587],{"type":24,"tag":211,"props":588,"children":589},{"style":224},[590],{"type":30,"value":591},"        species\n",{"type":24,"tag":211,"props":593,"children":594},{"class":213,"line":423},[595],{"type":24,"tag":211,"props":596,"children":597},{"style":224},[598],{"type":30,"value":599},"      }\n",{"type":24,"tag":211,"props":601,"children":602},{"class":213,"line":432},[603],{"type":24,"tag":211,"props":604,"children":605},{"style":224},[606],{"type":30,"value":607},"    }\n",{"type":24,"tag":211,"props":609,"children":611},{"class":213,"line":610},12,[612],{"type":24,"tag":211,"props":613,"children":614},{"style":224},[615],{"type":30,"value":616},"  }\n",{"type":24,"tag":211,"props":618,"children":620},{"class":213,"line":619},13,[621],{"type":24,"tag":211,"props":622,"children":623},{"style":304},[624],{"type":30,"value":625},"`\n",{"type":24,"tag":211,"props":627,"children":629},{"class":213,"line":628},14,[630],{"type":24,"tag":211,"props":631,"children":632},{"emptyLinePlaceholder":327},[633],{"type":30,"value":330},{"type":24,"tag":211,"props":635,"children":637},{"class":213,"line":636},15,[638,642,647,652,657,661,666,671],{"type":24,"tag":211,"props":639,"children":640},{"style":511},[641],{"type":30,"value":514},{"type":24,"tag":211,"props":643,"children":644},{"style":283},[645],{"type":30,"value":646},"{",{"type":24,"tag":211,"props":648,"children":649},{"style":474},[650],{"type":30,"value":651}," data",{"type":24,"tag":211,"props":653,"children":654},{"style":283},[655],{"type":30,"value":656}," }",{"type":24,"tag":211,"props":658,"children":659},{"style":283},[660],{"type":30,"value":524},{"type":24,"tag":211,"props":662,"children":663},{"style":267},[664],{"type":30,"value":665}," await",{"type":24,"tag":211,"props":667,"children":668},{"style":218},[669],{"type":30,"value":670}," useAsyncGqlPulse",{"type":24,"tag":211,"props":672,"children":673},{"style":283},[674],{"type":30,"value":675},"\u003C{\n",{"type":24,"tag":211,"props":677,"children":679},{"class":213,"line":678},16,[680,685],{"type":24,"tag":211,"props":681,"children":682},{"style":474},[683],{"type":30,"value":684},"  characters",{"type":24,"tag":211,"props":686,"children":687},{"style":283},[688],{"type":30,"value":344},{"type":24,"tag":211,"props":690,"children":692},{"class":213,"line":691},17,[693,698,703,708,712,718,723,728,732,736,740,745,749,753,757,762,766,770],{"type":24,"tag":211,"props":694,"children":695},{"style":474},[696],{"type":30,"value":697},"    results",{"type":24,"tag":211,"props":699,"children":700},{"style":283},[701],{"type":30,"value":702},": { ",{"type":24,"tag":211,"props":704,"children":705},{"style":474},[706],{"type":30,"value":707},"id",{"type":24,"tag":211,"props":709,"children":710},{"style":283},[711],{"type":30,"value":384},{"type":24,"tag":211,"props":713,"children":715},{"style":714},"--shiki-default:#5DA994",[716],{"type":30,"value":717},"string",{"type":24,"tag":211,"props":719,"children":720},{"style":283},[721],{"type":30,"value":722},"; ",{"type":24,"tag":211,"props":724,"children":725},{"style":474},[726],{"type":30,"value":727},"name",{"type":24,"tag":211,"props":729,"children":730},{"style":283},[731],{"type":30,"value":384},{"type":24,"tag":211,"props":733,"children":734},{"style":714},[735],{"type":30,"value":717},{"type":24,"tag":211,"props":737,"children":738},{"style":283},[739],{"type":30,"value":722},{"type":24,"tag":211,"props":741,"children":742},{"style":474},[743],{"type":30,"value":744},"status",{"type":24,"tag":211,"props":746,"children":747},{"style":283},[748],{"type":30,"value":384},{"type":24,"tag":211,"props":750,"children":751},{"style":714},[752],{"type":30,"value":717},{"type":24,"tag":211,"props":754,"children":755},{"style":283},[756],{"type":30,"value":722},{"type":24,"tag":211,"props":758,"children":759},{"style":474},[760],{"type":30,"value":761},"species",{"type":24,"tag":211,"props":763,"children":764},{"style":283},[765],{"type":30,"value":384},{"type":24,"tag":211,"props":767,"children":768},{"style":714},[769],{"type":30,"value":717},{"type":24,"tag":211,"props":771,"children":772},{"style":283},[773],{"type":30,"value":774}," }[]\n",{"type":24,"tag":211,"props":776,"children":778},{"class":213,"line":777},18,[779],{"type":24,"tag":211,"props":780,"children":781},{"style":283},[782],{"type":30,"value":616},{"type":24,"tag":211,"props":784,"children":786},{"class":213,"line":785},19,[787],{"type":24,"tag":211,"props":788,"children":789},{"style":283},[790],{"type":30,"value":791},"}>({\n",{"type":24,"tag":211,"props":793,"children":795},{"class":213,"line":794},20,[796,801,805,809,814,818],{"type":24,"tag":211,"props":797,"children":798},{"style":293},[799],{"type":30,"value":800},"  client",{"type":24,"tag":211,"props":802,"children":803},{"style":283},[804],{"type":30,"value":384},{"type":24,"tag":211,"props":806,"children":807},{"style":304},[808],{"type":30,"value":307},{"type":24,"tag":211,"props":810,"children":811},{"style":224},[812],{"type":30,"value":813},"rickandmortyapi",{"type":24,"tag":211,"props":815,"children":816},{"style":304},[817],{"type":30,"value":307},{"type":24,"tag":211,"props":819,"children":820},{"style":283},[821],{"type":30,"value":402},{"type":24,"tag":211,"props":823,"children":825},{"class":213,"line":824},21,[826,831,835,839],{"type":24,"tag":211,"props":827,"children":828},{"style":293},[829],{"type":30,"value":830},"  document",{"type":24,"tag":211,"props":832,"children":833},{"style":283},[834],{"type":30,"value":384},{"type":24,"tag":211,"props":836,"children":837},{"style":474},[838],{"type":30,"value":519},{"type":24,"tag":211,"props":840,"children":841},{"style":283},[842],{"type":30,"value":402},{"type":24,"tag":211,"props":844,"children":846},{"class":213,"line":845},22,[847],{"type":24,"tag":211,"props":848,"children":849},{"style":283},[850],{"type":30,"value":438},{"type":24,"tag":211,"props":852,"children":854},{"class":213,"line":853},23,[855,860,864],{"type":24,"tag":211,"props":856,"children":857},{"style":283},[858],{"type":30,"value":859},"\u003C/",{"type":24,"tag":211,"props":861,"children":862},{"style":267},[863],{"type":30,"value":471},{"type":24,"tag":211,"props":865,"children":866},{"style":283},[867],{"type":30,"value":505},{"type":24,"tag":211,"props":869,"children":871},{"class":213,"line":870},24,[872],{"type":24,"tag":211,"props":873,"children":874},{"emptyLinePlaceholder":327},[875],{"type":30,"value":330},{"type":24,"tag":211,"props":877,"children":879},{"class":213,"line":878},25,[880,884,889],{"type":24,"tag":211,"props":881,"children":882},{"style":283},[883],{"type":30,"value":466},{"type":24,"tag":211,"props":885,"children":886},{"style":267},[887],{"type":30,"value":888},"template",{"type":24,"tag":211,"props":890,"children":891},{"style":283},[892],{"type":30,"value":505},{"type":24,"tag":211,"props":894,"children":896},{"class":213,"line":895},26,[897,902,907],{"type":24,"tag":211,"props":898,"children":899},{"style":283},[900],{"type":30,"value":901},"  \u003C",{"type":24,"tag":211,"props":903,"children":904},{"style":267},[905],{"type":30,"value":906},"div",{"type":24,"tag":211,"props":908,"children":909},{"style":283},[910],{"type":30,"value":505},{"type":24,"tag":211,"props":912,"children":914},{"class":213,"line":913},27,[915,920,925,930,936,940,944],{"type":24,"tag":211,"props":916,"children":917},{"style":283},[918],{"type":30,"value":919},"    \u003C",{"type":24,"tag":211,"props":921,"children":922},{"style":267},[923],{"type":30,"value":924},"h2",{"type":24,"tag":211,"props":926,"children":927},{"style":283},[928],{"type":30,"value":929},">",{"type":24,"tag":211,"props":931,"children":933},{"style":932},"--shiki-default:#DBD7CAEE",[934],{"type":30,"value":935},"Rick & Morty Characters",{"type":24,"tag":211,"props":937,"children":938},{"style":283},[939],{"type":30,"value":859},{"type":24,"tag":211,"props":941,"children":942},{"style":267},[943],{"type":30,"value":924},{"type":24,"tag":211,"props":945,"children":946},{"style":283},[947],{"type":30,"value":505},{"type":24,"tag":211,"props":949,"children":951},{"class":213,"line":950},28,[952,956,960],{"type":24,"tag":211,"props":953,"children":954},{"style":283},[955],{"type":30,"value":919},{"type":24,"tag":211,"props":957,"children":958},{"style":267},[959],{"type":30,"value":70},{"type":24,"tag":211,"props":961,"children":962},{"style":283},[963],{"type":30,"value":505},{"type":24,"tag":211,"props":965,"children":967},{"class":213,"line":966},29,[968,973,977,982,986,990,995,1000,1004,1009,1014,1018,1023,1027,1032,1037,1041,1045,1049,1053,1057,1061],{"type":24,"tag":211,"props":969,"children":970},{"style":283},[971],{"type":30,"value":972},"      \u003C",{"type":24,"tag":211,"props":974,"children":975},{"style":267},[976],{"type":30,"value":74},{"type":24,"tag":211,"props":978,"children":979},{"style":267},[980],{"type":30,"value":981}," v-for",{"type":24,"tag":211,"props":983,"children":984},{"style":283},[985],{"type":30,"value":487},{"type":24,"tag":211,"props":987,"children":988},{"style":283},[989],{"type":30,"value":492},{"type":24,"tag":211,"props":991,"children":992},{"style":474},[993],{"type":30,"value":994},"character",{"type":24,"tag":211,"props":996,"children":997},{"style":511},[998],{"type":30,"value":999}," in",{"type":24,"tag":211,"props":1001,"children":1002},{"style":474},[1003],{"type":30,"value":651},{"type":24,"tag":211,"props":1005,"children":1006},{"style":283},[1007],{"type":30,"value":1008},".",{"type":24,"tag":211,"props":1010,"children":1011},{"style":474},[1012],{"type":30,"value":1013},"characters",{"type":24,"tag":211,"props":1015,"children":1016},{"style":283},[1017],{"type":30,"value":1008},{"type":24,"tag":211,"props":1019,"children":1020},{"style":474},[1021],{"type":30,"value":1022},"results",{"type":24,"tag":211,"props":1024,"children":1025},{"style":283},[1026],{"type":30,"value":492},{"type":24,"tag":211,"props":1028,"children":1029},{"style":283},[1030],{"type":30,"value":1031}," :",{"type":24,"tag":211,"props":1033,"children":1034},{"style":218},[1035],{"type":30,"value":1036},"key",{"type":24,"tag":211,"props":1038,"children":1039},{"style":283},[1040],{"type":30,"value":487},{"type":24,"tag":211,"props":1042,"children":1043},{"style":283},[1044],{"type":30,"value":492},{"type":24,"tag":211,"props":1046,"children":1047},{"style":474},[1048],{"type":30,"value":994},{"type":24,"tag":211,"props":1050,"children":1051},{"style":283},[1052],{"type":30,"value":1008},{"type":24,"tag":211,"props":1054,"children":1055},{"style":474},[1056],{"type":30,"value":707},{"type":24,"tag":211,"props":1058,"children":1059},{"style":283},[1060],{"type":30,"value":492},{"type":24,"tag":211,"props":1062,"children":1063},{"style":283},[1064],{"type":30,"value":505},{"type":24,"tag":211,"props":1066,"children":1068},{"class":213,"line":1067},30,[1069,1074,1079,1083,1087,1092,1097,1102,1106,1110,1114,1118,1123,1127,1131,1135,1139,1143],{"type":24,"tag":211,"props":1070,"children":1071},{"style":283},[1072],{"type":30,"value":1073},"        {{",{"type":24,"tag":211,"props":1075,"children":1076},{"style":474},[1077],{"type":30,"value":1078}," character",{"type":24,"tag":211,"props":1080,"children":1081},{"style":283},[1082],{"type":30,"value":1008},{"type":24,"tag":211,"props":1084,"children":1085},{"style":474},[1086],{"type":30,"value":727},{"type":24,"tag":211,"props":1088,"children":1089},{"style":283},[1090],{"type":30,"value":1091}," }}",{"type":24,"tag":211,"props":1093,"children":1094},{"style":932},[1095],{"type":30,"value":1096}," — ",{"type":24,"tag":211,"props":1098,"children":1099},{"style":283},[1100],{"type":30,"value":1101},"{{",{"type":24,"tag":211,"props":1103,"children":1104},{"style":474},[1105],{"type":30,"value":1078},{"type":24,"tag":211,"props":1107,"children":1108},{"style":283},[1109],{"type":30,"value":1008},{"type":24,"tag":211,"props":1111,"children":1112},{"style":474},[1113],{"type":30,"value":744},{"type":24,"tag":211,"props":1115,"children":1116},{"style":283},[1117],{"type":30,"value":1091},{"type":24,"tag":211,"props":1119,"children":1120},{"style":932},[1121],{"type":30,"value":1122}," (",{"type":24,"tag":211,"props":1124,"children":1125},{"style":283},[1126],{"type":30,"value":1101},{"type":24,"tag":211,"props":1128,"children":1129},{"style":474},[1130],{"type":30,"value":1078},{"type":24,"tag":211,"props":1132,"children":1133},{"style":283},[1134],{"type":30,"value":1008},{"type":24,"tag":211,"props":1136,"children":1137},{"style":474},[1138],{"type":30,"value":761},{"type":24,"tag":211,"props":1140,"children":1141},{"style":283},[1142],{"type":30,"value":1091},{"type":24,"tag":211,"props":1144,"children":1145},{"style":932},[1146],{"type":30,"value":1147},")\n",{"type":24,"tag":211,"props":1149,"children":1151},{"class":213,"line":1150},31,[1152,1157,1161],{"type":24,"tag":211,"props":1153,"children":1154},{"style":283},[1155],{"type":30,"value":1156},"      \u003C/",{"type":24,"tag":211,"props":1158,"children":1159},{"style":267},[1160],{"type":30,"value":74},{"type":24,"tag":211,"props":1162,"children":1163},{"style":283},[1164],{"type":30,"value":505},{"type":24,"tag":211,"props":1166,"children":1168},{"class":213,"line":1167},32,[1169,1174,1178],{"type":24,"tag":211,"props":1170,"children":1171},{"style":283},[1172],{"type":30,"value":1173},"    \u003C/",{"type":24,"tag":211,"props":1175,"children":1176},{"style":267},[1177],{"type":30,"value":70},{"type":24,"tag":211,"props":1179,"children":1180},{"style":283},[1181],{"type":30,"value":505},{"type":24,"tag":211,"props":1183,"children":1185},{"class":213,"line":1184},33,[1186,1191,1195],{"type":24,"tag":211,"props":1187,"children":1188},{"style":283},[1189],{"type":30,"value":1190},"  \u003C/",{"type":24,"tag":211,"props":1192,"children":1193},{"style":267},[1194],{"type":30,"value":906},{"type":24,"tag":211,"props":1196,"children":1197},{"style":283},[1198],{"type":30,"value":505},{"type":24,"tag":211,"props":1200,"children":1202},{"class":213,"line":1201},34,[1203,1207,1211],{"type":24,"tag":211,"props":1204,"children":1205},{"style":283},[1206],{"type":30,"value":859},{"type":24,"tag":211,"props":1208,"children":1209},{"style":267},[1210],{"type":30,"value":888},{"type":24,"tag":211,"props":1212,"children":1213},{"style":283},[1214],{"type":30,"value":505},{"type":24,"tag":33,"props":1216,"children":1217},{},[1218],{"type":30,"value":1219},"Start your Nuxt app:",{"type":24,"tag":200,"props":1221,"children":1223},{"className":202,"code":1222,"language":204,"meta":7,"style":7},"npm run dev\n",[1224],{"type":24,"tag":207,"props":1225,"children":1226},{"__ignoreMap":7},[1227],{"type":24,"tag":211,"props":1228,"children":1229},{"class":213,"line":214},[1230,1234,1239],{"type":24,"tag":211,"props":1231,"children":1232},{"style":218},[1233],{"type":30,"value":221},{"type":24,"tag":211,"props":1235,"children":1236},{"style":224},[1237],{"type":30,"value":1238}," run",{"type":24,"tag":211,"props":1240,"children":1241},{"style":224},[1242],{"type":30,"value":1243}," dev\n",{"type":24,"tag":33,"props":1245,"children":1246},{},[1247],{"type":30,"value":1248},"You’ll now see a real-time overlay tracking your GraphQL queries and mutations in development mode.",{"type":24,"tag":25,"props":1250,"children":1252},{"id":1251},"features",[1253],{"type":30,"value":1254},"✅ Features",{"type":24,"tag":70,"props":1256,"children":1257},{},[1258,1263,1268,1273,1278],{"type":24,"tag":74,"props":1259,"children":1260},{},[1261],{"type":30,"value":1262},"Real-time GraphQL request monitoring",{"type":24,"tag":74,"props":1264,"children":1265},{},[1266],{"type":30,"value":1267},"Query and mutation logs",{"type":24,"tag":74,"props":1269,"children":1270},{},[1271],{"type":30,"value":1272},"Response times and error tracking",{"type":24,"tag":74,"props":1274,"children":1275},{},[1276],{"type":30,"value":1277},"Easy integration with Nuxt 3",{"type":24,"tag":74,"props":1279,"children":1280},{},[1281],{"type":30,"value":1282},"Lightweight and developer-friendly",{"type":24,"tag":33,"props":1284,"children":1285},{},[1286,1288],{"type":30,"value":1287},"Explore the module or contribute on GitHub: ",{"type":24,"tag":1289,"props":1290,"children":1294},"a",{"href":1291,"rel":1292},"https://github.com/Abbasmoe/nuxt-gql-pulse",[1293],"nofollow",[1295],{"type":30,"value":27},{"type":24,"tag":1297,"props":1298,"children":1299},"style",{},[1300],{"type":30,"value":1301},"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);}",{"title":7,"searchDepth":289,"depth":289,"links":1303},[1304,1305,1306,1307,1308,1309],{"id":27,"depth":323,"text":31},{"id":65,"depth":323,"text":68},{"id":126,"depth":323,"text":129},{"id":190,"depth":323,"text":193},{"id":446,"depth":323,"text":449},{"id":1251,"depth":323,"text":1254},"markdown","content:project:nuxt-gql-pulse.md","content","project/nuxt-gql-pulse.md","project/nuxt-gql-pulse","md",{"loc":4},1766592751599]