[{"data":1,"prerenderedAt":317},["ShallowReactive",2],{"navigation_docs":3,"-reference-faq":113,"-reference-faq-surround":312},[4,31,77,108],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":30},"Getting started","i-lucide-rocket","\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-info",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Using the picker","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage","i-lucide-mouse-pointer-click",{"title":26,"path":27,"stem":28,"icon":29},"Resolving picks","\u002Fgetting-started\u002Fresolve-the-picks","1.getting-started\u002F4.resolve-the-picks","i-lucide-bot",false,{"title":32,"icon":33,"path":34,"stem":35,"children":36,"page":30},"Guides","i-lucide-book-open","\u002Fguides","2.guides",[37,42,47,52,57,62,67,72],{"title":38,"path":39,"stem":40,"icon":41},"Vite","\u002Fguides\u002Fvite","2.guides\u002F1.vite","i-simple-icons-vite",{"title":43,"path":44,"stem":45,"icon":46},"Nuxt","\u002Fguides\u002Fnuxt","2.guides\u002F2.nuxt","i-simple-icons-nuxtdotjs",{"title":48,"path":49,"stem":50,"icon":51},"SvelteKit","\u002Fguides\u002Fsveltekit","2.guides\u002F3.sveltekit","i-simple-icons-svelte",{"title":53,"path":54,"stem":55,"icon":56},"Astro","\u002Fguides\u002Fastro","2.guides\u002F4.astro","i-simple-icons-astro",{"title":58,"path":59,"stem":60,"icon":61},"Next.js","\u002Fguides\u002Fnext","2.guides\u002F5.next","i-simple-icons-nextdotjs",{"title":63,"path":64,"stem":65,"icon":66},"webpack","\u002Fguides\u002Fwebpack","2.guides\u002F6.webpack","i-simple-icons-webpack",{"title":68,"path":69,"stem":70,"icon":71},"Angular","\u002Fguides\u002Fangular","2.guides\u002F7.angular","i-simple-icons-angular",{"title":73,"path":74,"stem":75,"icon":76},"Plain HTML & more","\u002Fguides\u002Fvanilla","2.guides\u002F8.vanilla","i-lucide-file-code",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":30},"Reference","i-lucide-list","\u002Freference","3.reference",[83,88,93,98,103],{"title":84,"path":85,"stem":86,"icon":87},"Compatibility","\u002Freference\u002Fcompatibility","3.reference\u002F1.compatibility","i-lucide-table",{"title":89,"path":90,"stem":91,"icon":92},"Plugin options","\u002Freference\u002Fplugin-options","3.reference\u002F2.plugin-options","i-lucide-settings-2",{"title":94,"path":95,"stem":96,"icon":97},"CLI","\u002Freference\u002Fcli","3.reference\u002F3.cli","i-lucide-terminal",{"title":99,"path":100,"stem":101,"icon":102},"The pick object","\u002Freference\u002Fpick-object","3.reference\u002F4.pick-object","i-lucide-braces",{"title":104,"path":105,"stem":106,"icon":107},"FAQ & troubleshooting","\u002Freference\u002Ffaq","3.reference\u002F5.faq","i-lucide-help-circle",{"title":109,"path":110,"stem":111,"icon":112},"Sponsor","\u002Fsponsor","4.sponsor","i-lucide-heart",{"id":114,"title":104,"body":115,"description":305,"extension":306,"links":307,"meta":308,"navigation":309,"path":105,"seo":310,"stem":106,"__hash__":311},"docs\u002F3.reference\u002F5.faq.md",{"type":116,"value":117,"toc":291},"minimark",[118,123,127,163,167,178,181,185,188,192,199,203,210,214,229,236,240,243,251,269,280,284],[119,120,122],"h2",{"id":121},"the-toolbar-does-not-appear","The toolbar does not appear",[124,125,126],"p",{},"Check, in order:",[128,129,130,138,153],"ol",{},[131,132,133,137],"li",{},[134,135,136],"strong",{},"Is the dev server the one running?"," The plugins are development-only by design and are absent\nfrom a production build.",[131,139,140,143,144,152],{},[134,141,142],{},"Does your framework render its own HTML?"," Nuxt, SvelteKit and Astro need the\n",[145,146,147,151],"a",{"href":44},[148,149,150],"code",{},"virtual:quello"," import","; the plugin alone is not enough.",[131,154,155,158,159,162],{},[134,156,157],{},"Is the runtime being served?"," Open ",[148,160,161],{},"\u002F__quello\u002Fclient.js"," in the browser. A 404 means the\nplugin is not attached; a 500 means the package was not built.",[119,164,166],{"id":165},"picks-are-not-saved","Picks are not saved",[124,168,169,170,173,174,177],{},"Open ",[148,171,172],{},"\u002F__quello\u002Fpicks"," directly. If it 404s, the endpoint is not attached — with webpack this\nusually means ",[148,175,176],{},"devServer"," is not in the config, and with the CLI that the page is pointing at the\nwrong port.",[124,179,180],{},"The picker keeps working without the endpoint: badges still appear, they just do not persist.",[119,182,184],{"id":183},"the-shortcut-does-nothing","The shortcut does nothing",[124,186,187],{},"The page needs focus — click it once after a reload. If you changed the shortcut, remember a\ncombination with no Alt, Ctrl or Cmd is deliberately ignored while you are typing in a field.",[119,189,191],{"id":190},"copying-to-the-clipboard-fails","Copying to the clipboard fails",[124,193,194,195,198],{},"Browsers require a real user gesture to write to the clipboard. A pick made by a real click works;\na pick made programmatically from the console reports ",[148,196,197],{},"Copy failed",", which is the browser refusing,\nnot a bug.",[119,200,202],{"id":201},"no-component-name-on-my-picks","No component name on my picks",[124,204,205,206,209],{},"Expected for Solid, Astro static pages, plain HTML and anything else without a framework runtime in\nthe browser — see ",[145,207,208],{"href":85},"compatibility",". The selector, DOM path and text are\nstill there, and an agent can find the code from those.",[119,211,213],{"id":212},"no-line-number-on-react-picks","No line number on React picks",[124,215,216,217,220,221,224,225,228],{},"You are on ",[134,218,219],{},"React 19",", which removed the ",[148,222,223],{},"_debugSource"," annotation quello read the line from. Its\nreplacement, owner stacks, still yields the file — and quello reports it — but the line in a stack\nframe belongs to the compiled module, and a browser does not run ",[148,226,227],{},"error.stack"," through source maps.\nReporting it would point at the wrong element, so quello does not.",[124,230,231,232,235],{},"This follows the React version, not the bundler: Next's App Router bundles React 19 whatever your\n",[148,233,234],{},"package.json"," says. The component name and file are there either way, which is enough for an agent\nto find the element.",[119,237,239],{"id":238},"the-badge-is-in-the-wrong-place","The badge is in the wrong place",[124,241,242],{},"Badges are re-anchored every animation frame, so they follow scrolling and sticky elements. If one\nis stuck, its element was probably removed from the DOM — a filtered list, an unmounted route. The\nbadge hides itself rather than drawing at the origin, and comes back if the element does.",[119,244,246,247,250],{"id":245},"should-i-commit-quellopicksjson","Should I commit ",[148,248,249],{},".quello\u002Fpicks.json","?",[124,252,253,254,257,258,261,262,268],{},"No — and you do not have to do anything: quello adds ",[148,255,256],{},".quello\u002F"," to your ",[148,259,260],{},".gitignore"," on first run.\nTurn that off with ",[145,263,265],{"href":264},"\u002Freference\u002Fplugin-options#gitignorepicks",[148,266,267],{},"gitignorePicks: false",".",[124,270,271,272,275,276,279],{},"Your ",[134,273,274],{},"agent file"," is the opposite: ",[148,277,278],{},"AGENTS.md"," belongs in the repository, since it tells every\nagent on the project how to read the picks.",[119,281,283],{"id":282},"does-it-work-in-production","Does it work in production?",[124,285,286,287,290],{},"No, deliberately. The Vite plugin is ",[148,288,289],{},"apply: 'serve'",", the webpack plugin returns early in\nproduction mode, and the framework internals quello reads exist only in development builds.",{"title":292,"searchDepth":293,"depth":293,"links":294},"",2,[295,296,297,298,299,300,301,302,304],{"id":121,"depth":293,"text":122},{"id":165,"depth":293,"text":166},{"id":183,"depth":293,"text":184},{"id":190,"depth":293,"text":191},{"id":201,"depth":293,"text":202},{"id":212,"depth":293,"text":213},{"id":238,"depth":293,"text":239},{"id":245,"depth":293,"text":303},"Should I commit .quello\u002Fpicks.json?",{"id":282,"depth":293,"text":283},"The toolbar is missing, picks are not saving, and other common cases.","md",null,{},{"icon":107},{"title":104,"description":305},"TZzHkBbFengw14pODUSkaqIL8ZqpfqbychjKFq3dIdI",[313,315],{"title":99,"path":100,"stem":101,"description":314,"icon":102,"children":-1},"Every field in .quello\u002Fpicks.json, and why it is there.",{"title":109,"path":110,"stem":111,"description":316,"icon":112,"children":-1},"Where sponsorship goes, what each tier carries, and the other ways to help.",1788454295356]