[{"data":1,"prerenderedAt":1134},["ShallowReactive",2],{"navigation_docs":3,"-reference-plugin-options":113,"-reference-plugin-options-surround":1129},[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":89,"body":115,"description":1122,"extension":1123,"links":1124,"meta":1125,"navigation":1126,"path":90,"seo":1127,"stem":91,"__hash__":1128},"docs\u002F3.reference\u002F2.plugin-options.md",{"type":116,"value":117,"toc":1107},"minimark",[118,143,336,340,350,362,366,374,378,386,393,507,528,539,551,555,564,568,575,579,586,670,678,689,693,699,706,723,749,759,763,777,785,789,796,930,1022,1032,1050,1057,1061,1069,1074,1093,1096,1103],[119,120,121,122,129,130,133,134,137,138,142],"p",{},"The Vite and webpack plugins take the same options, and so does\n",[123,124,125],"a",{"href":59},[126,127,128],"code",{},"@quello\u002Fnext"," — through ",[126,131,132],{},"withQuello()",", or as props on ",[126,135,136],{},"\u003CQuello \u002F>",". Everything\nhere is a ",[139,140,141],"strong",{},"project"," decision, set in code — the toolbar's own settings panel is for per-developer\npreferences instead.",[144,145,151],"pre",{"className":146,"code":147,"filename":148,"language":149,"meta":150,"style":150},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","quello({\n  enabled: true,\n  picksFile: '.quello\u002Fpicks.json',\n  shortcut: 'alt+q',\n  textLimit: 120,\n  writeAgentFile: true,\n  agentFile: 'AGENTS.md',\n  gitignorePicks: true,\n  htmlMode: 'truncated',\n  htmlLimit: 1000,\n  theme: { \u002F* see below *\u002F },\n})\n","vite.config.ts","ts","",[126,152,153,170,187,207,224,238,250,267,279,296,309,327],{"__ignoreMap":150},[154,155,158,162,166],"span",{"class":156,"line":157},"line",1,[154,159,161],{"class":160},"s2Zo4","quello",[154,163,165],{"class":164},"sTEyZ","(",[154,167,169],{"class":168},"sMK4o","{\n",[154,171,173,177,180,184],{"class":156,"line":172},2,[154,174,176],{"class":175},"swJcz","  enabled",[154,178,179],{"class":168},":",[154,181,183],{"class":182},"sfNiH"," true",[154,185,186],{"class":168},",\n",[154,188,190,193,195,198,202,205],{"class":156,"line":189},3,[154,191,192],{"class":175},"  picksFile",[154,194,179],{"class":168},[154,196,197],{"class":168}," '",[154,199,201],{"class":200},"sfazB",".quello\u002Fpicks.json",[154,203,204],{"class":168},"'",[154,206,186],{"class":168},[154,208,210,213,215,217,220,222],{"class":156,"line":209},4,[154,211,212],{"class":175},"  shortcut",[154,214,179],{"class":168},[154,216,197],{"class":168},[154,218,219],{"class":200},"alt+q",[154,221,204],{"class":168},[154,223,186],{"class":168},[154,225,227,230,232,236],{"class":156,"line":226},5,[154,228,229],{"class":175},"  textLimit",[154,231,179],{"class":168},[154,233,235],{"class":234},"sbssI"," 120",[154,237,186],{"class":168},[154,239,241,244,246,248],{"class":156,"line":240},6,[154,242,243],{"class":175},"  writeAgentFile",[154,245,179],{"class":168},[154,247,183],{"class":182},[154,249,186],{"class":168},[154,251,253,256,258,260,263,265],{"class":156,"line":252},7,[154,254,255],{"class":175},"  agentFile",[154,257,179],{"class":168},[154,259,197],{"class":168},[154,261,262],{"class":200},"AGENTS.md",[154,264,204],{"class":168},[154,266,186],{"class":168},[154,268,270,273,275,277],{"class":156,"line":269},8,[154,271,272],{"class":175},"  gitignorePicks",[154,274,179],{"class":168},[154,276,183],{"class":182},[154,278,186],{"class":168},[154,280,282,285,287,289,292,294],{"class":156,"line":281},9,[154,283,284],{"class":175},"  htmlMode",[154,286,179],{"class":168},[154,288,197],{"class":168},[154,290,291],{"class":200},"truncated",[154,293,204],{"class":168},[154,295,186],{"class":168},[154,297,299,302,304,307],{"class":156,"line":298},10,[154,300,301],{"class":175},"  htmlLimit",[154,303,179],{"class":168},[154,305,306],{"class":234}," 1000",[154,308,186],{"class":168},[154,310,312,315,317,320,324],{"class":156,"line":311},11,[154,313,314],{"class":175},"  theme",[154,316,179],{"class":168},[154,318,319],{"class":168}," {",[154,321,323],{"class":322},"sHwdD"," \u002F* see below *\u002F",[154,325,326],{"class":168}," },\n",[154,328,330,333],{"class":156,"line":329},12,[154,331,332],{"class":168},"}",[154,334,335],{"class":164},")\n",[337,338,339],"h2",{"id":339},"enabled",[119,341,342,345,346,349],{},[126,343,344],{},"boolean"," — default ",[126,347,348],{},"true",". Turns the plugin off without removing it from the config.",[119,351,352,353,357,358,361],{},"In ",[123,354,355],{"href":59},[126,356,128],{}," it can only ever turn quello ",[139,359,360],{},"off",": production is off regardless,\nbecause the picks endpoint there is a route handler in your own app rather than dev-server\nmiddleware, and it writes to disk.",[337,363,365],{"id":364},"picksfile","picksFile",[119,367,368,345,371,373],{},[126,369,370],{},"string",[126,372,201],{},". Where picks are stored, relative to the project root.",[337,375,377],{"id":376},"shortcut-shortcut","shortcut {#shortcut}",[119,379,380,345,382,385],{},[126,381,370],{},[126,383,384],{},"'alt+q'",".",[119,387,388,389,392],{},"A whole combination, not a key with ",[126,390,391],{},"Alt"," assumed around it:",[144,394,396],{"className":146,"code":395,"language":149,"meta":150,"style":150},"quello({ shortcut: 'alt+q' })          \u002F\u002F the default\nquello({ shortcut: 'ctrl+shift+p' })   \u002F\u002F no Alt in sight\nquello({ shortcut: 'cmd+k' })          \u002F\u002F cmd, command, meta, super and win all mean Meta\nquello({ shortcut: 'f2' })             \u002F\u002F no modifier at all\n",[126,397,398,427,454,480],{"__ignoreMap":150},[154,399,400,402,404,407,410,412,414,416,418,421,424],{"class":156,"line":157},[154,401,161],{"class":160},[154,403,165],{"class":164},[154,405,406],{"class":168},"{",[154,408,409],{"class":175}," shortcut",[154,411,179],{"class":168},[154,413,197],{"class":168},[154,415,219],{"class":200},[154,417,204],{"class":168},[154,419,420],{"class":168}," }",[154,422,423],{"class":164},")          ",[154,425,426],{"class":322},"\u002F\u002F the default\n",[154,428,429,431,433,435,437,439,441,444,446,448,451],{"class":156,"line":172},[154,430,161],{"class":160},[154,432,165],{"class":164},[154,434,406],{"class":168},[154,436,409],{"class":175},[154,438,179],{"class":168},[154,440,197],{"class":168},[154,442,443],{"class":200},"ctrl+shift+p",[154,445,204],{"class":168},[154,447,420],{"class":168},[154,449,450],{"class":164},")   ",[154,452,453],{"class":322},"\u002F\u002F no Alt in sight\n",[154,455,456,458,460,462,464,466,468,471,473,475,477],{"class":156,"line":189},[154,457,161],{"class":160},[154,459,165],{"class":164},[154,461,406],{"class":168},[154,463,409],{"class":175},[154,465,179],{"class":168},[154,467,197],{"class":168},[154,469,470],{"class":200},"cmd+k",[154,472,204],{"class":168},[154,474,420],{"class":168},[154,476,423],{"class":164},[154,478,479],{"class":322},"\u002F\u002F cmd, command, meta, super and win all mean Meta\n",[154,481,482,484,486,488,490,492,494,497,499,501,504],{"class":156,"line":209},[154,483,161],{"class":160},[154,485,165],{"class":164},[154,487,406],{"class":168},[154,489,409],{"class":175},[154,491,179],{"class":168},[154,493,197],{"class":168},[154,495,496],{"class":200},"f2",[154,498,204],{"class":168},[154,500,420],{"class":168},[154,502,503],{"class":164},")             ",[154,505,506],{"class":322},"\u002F\u002F no modifier at all\n",[119,508,509,510,513,514,517,518,521,522,525,526,385],{},"Parsing ignores case and spaces; ",[126,511,512],{},"opt","\u002F",[126,515,516],{},"option"," mean Alt, ",[126,519,520],{},"control"," means Ctrl, ",[126,523,524],{},"esc"," means Escape.\nA string naming no key falls back to ",[126,527,219],{},[119,529,530,531,534,535,538],{},"Matching uses the physical key code as well as the character, because holding Alt rewrites the\ncharacter on macOS — ",[126,532,533],{},"Alt+Q"," arrives as ",[126,536,537],{},"œ"," — and a shortcut comparing only characters would never\nfire there.",[540,541,542,543,546,547,550],"note",{},"A combination with ",[139,544,545],{},"no"," Alt, Ctrl or Cmd is ignored while the focus is in an input, textarea,\nselect or contenteditable, so a bare ",[126,548,549],{},"q"," cannot toggle picker mode mid-sentence.",[337,552,554],{"id":553},"textlimit","textLimit",[119,556,557,345,560,563],{},[126,558,559],{},"number",[126,561,562],{},"120",". Characters of element text kept per pick.",[337,565,567],{"id":566},"writeagentfile","writeAgentFile",[119,569,570,345,572,574],{},[126,571,344],{},[126,573,348],{},". Whether to write the quello section into an agent instructions file on\nfirst run.",[337,576,578],{"id":577},"agentfile-agentfile","agentFile {#agentfile}",[119,580,581,345,583,385],{},[126,582,370],{},[126,584,585],{},"'AGENTS.md'",[144,587,589],{"className":146,"code":588,"language":149,"meta":150,"style":150},"quello({ agentFile: 'CLAUDE.md' })                        \u002F\u002F Claude Code only\nquello({ agentFile: '.github\u002Fcopilot-instructions.md' })  \u002F\u002F directories are created\nquello({ writeAgentFile: false })                         \u002F\u002F write nothing\n",[126,590,591,619,646],{"__ignoreMap":150},[154,592,593,595,597,599,602,604,606,609,611,613,616],{"class":156,"line":157},[154,594,161],{"class":160},[154,596,165],{"class":164},[154,598,406],{"class":168},[154,600,601],{"class":175}," agentFile",[154,603,179],{"class":168},[154,605,197],{"class":168},[154,607,608],{"class":200},"CLAUDE.md",[154,610,204],{"class":168},[154,612,420],{"class":168},[154,614,615],{"class":164},")                        ",[154,617,618],{"class":322},"\u002F\u002F Claude Code only\n",[154,620,621,623,625,627,629,631,633,636,638,640,643],{"class":156,"line":172},[154,622,161],{"class":160},[154,624,165],{"class":164},[154,626,406],{"class":168},[154,628,601],{"class":175},[154,630,179],{"class":168},[154,632,197],{"class":168},[154,634,635],{"class":200},".github\u002Fcopilot-instructions.md",[154,637,204],{"class":168},[154,639,420],{"class":168},[154,641,642],{"class":164},")  ",[154,644,645],{"class":322},"\u002F\u002F directories are created\n",[154,647,648,650,652,654,657,659,662,664,667],{"class":156,"line":189},[154,649,161],{"class":160},[154,651,165],{"class":164},[154,653,406],{"class":168},[154,655,656],{"class":175}," writeAgentFile",[154,658,179],{"class":168},[154,660,661],{"class":182}," false",[154,663,420],{"class":168},[154,665,666],{"class":164},")                         ",[154,668,669],{"class":322},"\u002F\u002F write nothing\n",[119,671,672,674,675,677],{},[126,673,262],{}," is the open convention Codex, Cursor, Zed and Aider read, and Claude Code reads it\nalongside its own ",[126,676,608],{}," — so one file reaches every agent.",[119,679,680,681,684,685,688],{},"The section is fenced in ",[126,682,683],{},"\u003C!-- quello:start -->"," \u002F ",[126,686,687],{},"\u003C!-- quello:end -->"," and is never rewritten, so\nyour edits stick. Calling quello twice with two different values writes both files.",[337,690,692],{"id":691},"gitignorepicks","gitignorePicks",[119,694,695,345,697,385],{},[126,696,344],{},[126,698,348],{},[119,700,701,702,705],{},"Adds the picks directory to your ",[126,703,704],{},".gitignore"," on first run, since picks describe the browser session\nin front of you rather than the project:",[144,707,711],{"className":708,"code":709,"language":710,"meta":150,"style":150},"language-gitignore shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# quello — visual element picks (generated, safe to delete)\n.quello\u002F\n","gitignore",[126,712,713,718],{"__ignoreMap":150},[154,714,715],{"class":156,"line":157},[154,716,717],{},"# quello — visual element picks (generated, safe to delete)\n",[154,719,720],{"class":156,"line":172},[154,721,722],{},".quello\u002F\n",[119,724,725,726,729,730,729,733,736,737,739,740,745,746,385],{},"It appends once and never duplicates: an entry already ignoring that path in any of its usual\nspellings — ",[126,727,728],{},".quello",", ",[126,731,732],{},"\u002F.quello\u002F",[126,734,735],{},".quello\u002F*"," — counts as done. If you have no ",[126,738,704],{},", one\nis created. The pattern follows ",[123,741,743],{"href":742},"#picksfile",[126,744,365],{},", so a custom location is ignored instead\nof ",[126,747,748],{},".quello\u002F",[119,750,751,752,755,756,385],{},"Set it to ",[126,753,754],{},"false"," to keep quello out of a file you own. The CLI equivalent is ",[126,757,758],{},"--no-gitignore",[337,760,762],{"id":761},"htmlmode-htmllimit","htmlMode \u002F htmlLimit",[119,764,765,345,768,771,772,345,774,385],{},[126,766,767],{},"'none' | 'truncated' | 'full'",[126,769,770],{},"'truncated'",", and ",[126,773,559],{},[126,775,776],{},"1000",[119,778,779,780,784],{},"The starting point for the ",[123,781,783],{"href":782},"\u002Fgetting-started\u002Fusage#settings","HTML setting",". Once a developer chooses\na mode in the panel, their choice wins.",[337,786,788],{"id":787},"theme-theme","theme {#theme}",[119,790,791,792,795],{},"How the outlines quello draws on ",[139,793,794],{},"your page"," look. Six values, everything else derived from them:",[144,797,799],{"className":146,"code":798,"language":149,"meta":150,"style":150},"quello({\n  theme: {\n    hoverColor: '#0ea5e9',                  \u002F\u002F hover outline; its fill and label follow\n    hoverBorderWidth: 3,                    \u002F\u002F a bare number means px\n    pickedFill: 'rgba(16, 185, 129, 0.12)', \u002F\u002F inside a picked element\n    pickedBorderColor: '#10b981',\n    pickedBorderStyle: 'solid',             \u002F\u002F solid | dashed | dotted | double\n    pickedBorderWidth: 2,\n  },\n})\n",[126,800,801,809,818,838,853,872,888,907,919,924],{"__ignoreMap":150},[154,802,803,805,807],{"class":156,"line":157},[154,804,161],{"class":160},[154,806,165],{"class":164},[154,808,169],{"class":168},[154,810,811,813,815],{"class":156,"line":172},[154,812,314],{"class":175},[154,814,179],{"class":168},[154,816,817],{"class":168}," {\n",[154,819,820,823,825,827,830,832,835],{"class":156,"line":189},[154,821,822],{"class":175},"    hoverColor",[154,824,179],{"class":168},[154,826,197],{"class":168},[154,828,829],{"class":200},"#0ea5e9",[154,831,204],{"class":168},[154,833,834],{"class":168},",",[154,836,837],{"class":322},"                  \u002F\u002F hover outline; its fill and label follow\n",[154,839,840,843,845,848,850],{"class":156,"line":209},[154,841,842],{"class":175},"    hoverBorderWidth",[154,844,179],{"class":168},[154,846,847],{"class":234}," 3",[154,849,834],{"class":168},[154,851,852],{"class":322},"                    \u002F\u002F a bare number means px\n",[154,854,855,858,860,862,865,867,869],{"class":156,"line":226},[154,856,857],{"class":175},"    pickedFill",[154,859,179],{"class":168},[154,861,197],{"class":168},[154,863,864],{"class":200},"rgba(16, 185, 129, 0.12)",[154,866,204],{"class":168},[154,868,834],{"class":168},[154,870,871],{"class":322}," \u002F\u002F inside a picked element\n",[154,873,874,877,879,881,884,886],{"class":156,"line":240},[154,875,876],{"class":175},"    pickedBorderColor",[154,878,179],{"class":168},[154,880,197],{"class":168},[154,882,883],{"class":200},"#10b981",[154,885,204],{"class":168},[154,887,186],{"class":168},[154,889,890,893,895,897,900,902,904],{"class":156,"line":252},[154,891,892],{"class":175},"    pickedBorderStyle",[154,894,179],{"class":168},[154,896,197],{"class":168},[154,898,899],{"class":200},"solid",[154,901,204],{"class":168},[154,903,834],{"class":168},[154,905,906],{"class":322},"             \u002F\u002F solid | dashed | dotted | double\n",[154,908,909,912,914,917],{"class":156,"line":269},[154,910,911],{"class":175},"    pickedBorderWidth",[154,913,179],{"class":168},[154,915,916],{"class":234}," 2",[154,918,186],{"class":168},[154,920,921],{"class":156,"line":281},[154,922,923],{"class":168},"  },\n",[154,925,926,928],{"class":156,"line":298},[154,927,332],{"class":168},[154,929,335],{"class":164},[931,932,933,946],"table",{},[934,935,936],"thead",{},[937,938,939,943],"tr",{},[940,941,942],"th",{},"Option",[940,944,945],{},"Default",[947,948,949,962,974,986,998,1010],"tbody",{},[937,950,951,957],{},[952,953,954],"td",{},[126,955,956],{},"hoverColor",[952,958,959],{},[126,960,961],{},"#e09000",[937,963,964,969],{},[952,965,966],{},[126,967,968],{},"hoverBorderWidth",[952,970,971],{},[126,972,973],{},"2px",[937,975,976,981],{},[952,977,978],{},[126,979,980],{},"pickedFill",[952,982,983],{},[126,984,985],{},"transparent",[937,987,988,993],{},[952,989,990],{},[126,991,992],{},"pickedBorderColor",[952,994,995],{},[126,996,997],{},"rgba(224, 144, 0, 0.85)",[937,999,1000,1005],{},[952,1001,1002],{},[126,1003,1004],{},"pickedBorderStyle",[952,1006,1007],{},[126,1008,1009],{},"dashed",[937,1011,1012,1017],{},[952,1013,1014],{},[126,1015,1016],{},"pickedBorderWidth",[952,1018,1019],{},[126,1020,1021],{},"1.5px",[119,1023,1024,1025,1028,1029,1031],{},"Derived rather than configured: the hover fill (",[126,1026,1027],{},"color-mix"," at 12% of ",[126,1030,956],{},") and the element\nlabel's background. Set the hover colour and all three stay coherent.",[119,1033,1034,1035,729,1038,1041,1042,1045,1046,1049],{},"Values become CSS custom properties, so any valid CSS value works — ",[126,1036,1037],{},"tomato",[126,1039,1040],{},"0.125rem",", a\n",[126,1043,1044],{},"color-mix()"," of your own. Values carrying ",[126,1047,1048],{},";",", braces or comment markers are refused and the\ndefault for that option stands.",[540,1051,1052,1053,1056],{},"This is not the same as the toolbar's ",[139,1054,1055],{},"Theme"," tab, which chooses how quello itself looks. One is\nhow quello marks your work; the other is how quello looks doing it.",[337,1058,1060],{"id":1059},"next-only","Next only",[119,1062,1063,1064,1068],{},"Two more, for ",[123,1065,1066],{"href":59},[126,1067,128],{},", where the picks endpoint is a route in your own app\nrather than dev-server middleware.",[1070,1071,1073],"h3",{"id":1072},"basepath","basePath",[119,1075,1076,345,1078,1081,1082,1084,1085,1088,1089,1092],{},[126,1077,370],{},[126,1079,1080],{},"\u002Fapi\u002Fquello",". Where the route handler is mounted, and therefore what\n",[126,1083,136],{}," points at. ",[126,1086,1087],{},"app\u002Fapi\u002Fquello\u002F[...quello]\u002Froute.ts"," on disk; change both together, or let\n",[126,1090,1091],{},"scaffoldRoute"," follow it for you.",[1070,1094,1091],{"id":1095},"scaffoldroute",[119,1097,1098,345,1100,1102],{},[126,1099,344],{},[126,1101,348],{},". Write the route handler when it is missing. It is two lines, and Next\ngives a package no way to add a route on its own — so quello writes them rather than asking you to.\nAn existing file is never touched.",[1104,1105,1106],"style",{},"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 pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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":150,"searchDepth":172,"depth":172,"links":1108},[1109,1110,1111,1112,1113,1114,1115,1116,1117,1118],{"id":339,"depth":172,"text":339},{"id":364,"depth":172,"text":365},{"id":376,"depth":172,"text":377},{"id":553,"depth":172,"text":554},{"id":566,"depth":172,"text":567},{"id":577,"depth":172,"text":578},{"id":691,"depth":172,"text":692},{"id":761,"depth":172,"text":762},{"id":787,"depth":172,"text":788},{"id":1059,"depth":172,"text":1060,"children":1119},[1120,1121],{"id":1072,"depth":189,"text":1073},{"id":1095,"depth":189,"text":1091},"Every option the Vite and webpack plugins take.","md",null,{},{"icon":92},{"title":89,"description":1122},"6cg-Zdt0zptVC92RM4ozsWGCz1TrdJOdi78_Wot8-E0",[1130,1132],{"title":84,"path":85,"stem":86,"description":1131,"icon":87,"children":-1},"Which frameworks and builders work, and what each pick can know.",{"title":94,"path":95,"stem":96,"description":1133,"icon":97,"children":-1},"npx quello-cli — for projects with no bundler to hook into.",1788454296943]