[{"data":1,"prerenderedAt":546},["ShallowReactive",2],{"navigation_docs":3,"-guides-sveltekit":113,"-guides-sveltekit-surround":541},[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":48,"body":115,"description":534,"extension":535,"links":536,"meta":537,"navigation":538,"path":49,"seo":539,"stem":50,"__hash__":540},"docs\u002F2.guides\u002F3.sveltekit.md",{"type":116,"value":117,"toc":529},"minimark",[118,126,131,161,165,306,376,386,390,397,525],[119,120,121,122,125],"p",{},"SvelteKit renders its own document, so the runtime arrives through the virtual module rather than an\ninjected tag — exactly as with ",[123,124,43],"a",{"href":44},".",[127,128,130],"h2",{"id":129},"install","Install",[132,133,139],"pre",{"className":134,"code":135,"filename":136,"language":137,"meta":138,"style":138},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add -D vite-plugin-quello\n","Terminal","bash","",[140,141,142],"code",{"__ignoreMap":138},[143,144,147,151,155,158],"span",{"class":145,"line":146},"line",1,[143,148,150],{"class":149},"sBMFI","pnpm",[143,152,154],{"class":153},"sfazB"," add",[143,156,157],{"class":153}," -D",[143,159,160],{"class":153}," vite-plugin-quello\n",[127,162,164],{"id":163},"configure","Configure",[132,166,171],{"className":167,"code":168,"filename":169,"language":170,"meta":138,"style":138},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { sveltekit } from '@sveltejs\u002Fkit\u002Fvite'\nimport { defineConfig } from 'vite'\nimport quello from 'vite-plugin-quello'\n\nexport default defineConfig({\n  plugins: [sveltekit(), quello()],\n})\n","vite.config.ts","ts",[140,172,173,202,223,241,248,266,297],{"__ignoreMap":138},[143,174,175,179,183,187,190,193,196,199],{"class":145,"line":146},[143,176,178],{"class":177},"s7zQu","import",[143,180,182],{"class":181},"sMK4o"," {",[143,184,186],{"class":185},"sTEyZ"," sveltekit",[143,188,189],{"class":181}," }",[143,191,192],{"class":177}," from",[143,194,195],{"class":181}," '",[143,197,198],{"class":153},"@sveltejs\u002Fkit\u002Fvite",[143,200,201],{"class":181},"'\n",[143,203,205,207,209,212,214,216,218,221],{"class":145,"line":204},2,[143,206,178],{"class":177},[143,208,182],{"class":181},[143,210,211],{"class":185}," defineConfig",[143,213,189],{"class":181},[143,215,192],{"class":177},[143,217,195],{"class":181},[143,219,220],{"class":153},"vite",[143,222,201],{"class":181},[143,224,226,228,231,234,236,239],{"class":145,"line":225},3,[143,227,178],{"class":177},[143,229,230],{"class":185}," quello ",[143,232,233],{"class":177},"from",[143,235,195],{"class":181},[143,237,238],{"class":153},"vite-plugin-quello",[143,240,201],{"class":181},[143,242,244],{"class":145,"line":243},4,[143,245,247],{"emptyLinePlaceholder":246},true,"\n",[143,249,251,254,257,260,263],{"class":145,"line":250},5,[143,252,253],{"class":177},"export",[143,255,256],{"class":177}," default",[143,258,211],{"class":259},"s2Zo4",[143,261,262],{"class":185},"(",[143,264,265],{"class":181},"{\n",[143,267,269,273,276,279,282,285,288,291,294],{"class":145,"line":268},6,[143,270,272],{"class":271},"swJcz","  plugins",[143,274,275],{"class":181},":",[143,277,278],{"class":185}," [",[143,280,281],{"class":259},"sveltekit",[143,283,284],{"class":185},"()",[143,286,287],{"class":181},",",[143,289,290],{"class":259}," quello",[143,292,293],{"class":185},"()]",[143,295,296],{"class":181},",\n",[143,298,300,303],{"class":145,"line":299},7,[143,301,302],{"class":181},"}",[143,304,305],{"class":185},")\n",[132,307,312],{"className":308,"code":309,"filename":310,"language":311,"meta":138,"style":138},"language-svelte shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript lang=\"ts\">\n  import { onMount } from 'svelte'\n  import { dev } from '$app\u002Fenvironment'\n\n  let { children } = $props()\n\n  onMount(() => {\n    if (dev) import('virtual:quello')\n  })\n\u003C\u002Fscript>\n\n{@render children()}\n","src\u002Froutes\u002F+layout.svelte","svelte",[140,313,314,319,324,329,333,338,342,347,353,359,365,370],{"__ignoreMap":138},[143,315,316],{"class":145,"line":146},[143,317,318],{},"\u003Cscript lang=\"ts\">\n",[143,320,321],{"class":145,"line":204},[143,322,323],{},"  import { onMount } from 'svelte'\n",[143,325,326],{"class":145,"line":225},[143,327,328],{},"  import { dev } from '$app\u002Fenvironment'\n",[143,330,331],{"class":145,"line":243},[143,332,247],{"emptyLinePlaceholder":246},[143,334,335],{"class":145,"line":250},[143,336,337],{},"  let { children } = $props()\n",[143,339,340],{"class":145,"line":268},[143,341,247],{"emptyLinePlaceholder":246},[143,343,344],{"class":145,"line":299},[143,345,346],{},"  onMount(() => {\n",[143,348,350],{"class":145,"line":349},8,[143,351,352],{},"    if (dev) import('virtual:quello')\n",[143,354,356],{"class":145,"line":355},9,[143,357,358],{},"  })\n",[143,360,362],{"class":145,"line":361},10,[143,363,364],{},"\u003C\u002Fscript>\n",[143,366,368],{"class":145,"line":367},11,[143,369,247],{"emptyLinePlaceholder":246},[143,371,373],{"class":145,"line":372},12,[143,374,375],{},"{@render children()}\n",[119,377,378,381,382,385],{},[140,379,380],{},"onMount"," only runs in the browser, and ",[140,383,384],{},"dev"," keeps it out of production builds.",[127,387,389],{"id":388},"what-a-pick-will-know","What a pick will know",[119,391,392,393,396],{},"Svelte's development build annotates every element it creates with ",[140,394,395],{},"__svelte_meta",", which carries\nthe most precise location of any framework quello supports:",[132,398,402],{"className":399,"code":400,"language":401,"meta":138,"style":138},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"framework\": {\n    \"framework\": \"svelte\",\n    \"component\": \"+page\",\n    \"file\": \"src\u002Froutes\u002F+page.svelte\",\n    \"line\": 22,\n    \"column\": 6\n  }\n}\n","json",[140,403,404,408,425,445,465,485,501,515,520],{"__ignoreMap":138},[143,405,406],{"class":145,"line":146},[143,407,265],{"class":181},[143,409,410,413,417,420,422],{"class":145,"line":204},[143,411,412],{"class":181},"  \"",[143,414,416],{"class":415},"spNyl","framework",[143,418,419],{"class":181},"\"",[143,421,275],{"class":181},[143,423,424],{"class":181}," {\n",[143,426,427,430,432,434,436,439,441,443],{"class":145,"line":225},[143,428,429],{"class":181},"    \"",[143,431,416],{"class":149},[143,433,419],{"class":181},[143,435,275],{"class":181},[143,437,438],{"class":181}," \"",[143,440,311],{"class":153},[143,442,419],{"class":181},[143,444,296],{"class":181},[143,446,447,449,452,454,456,458,461,463],{"class":145,"line":243},[143,448,429],{"class":181},[143,450,451],{"class":149},"component",[143,453,419],{"class":181},[143,455,275],{"class":181},[143,457,438],{"class":181},[143,459,460],{"class":153},"+page",[143,462,419],{"class":181},[143,464,296],{"class":181},[143,466,467,469,472,474,476,478,481,483],{"class":145,"line":250},[143,468,429],{"class":181},[143,470,471],{"class":149},"file",[143,473,419],{"class":181},[143,475,275],{"class":181},[143,477,438],{"class":181},[143,479,480],{"class":153},"src\u002Froutes\u002F+page.svelte",[143,482,419],{"class":181},[143,484,296],{"class":181},[143,486,487,489,491,493,495,499],{"class":145,"line":268},[143,488,429],{"class":181},[143,490,145],{"class":149},[143,492,419],{"class":181},[143,494,275],{"class":181},[143,496,498],{"class":497},"sbssI"," 22",[143,500,296],{"class":181},[143,502,503,505,508,510,512],{"class":145,"line":299},[143,504,429],{"class":181},[143,506,507],{"class":149},"column",[143,509,419],{"class":181},[143,511,275],{"class":181},[143,513,514],{"class":497}," 6\n",[143,516,517],{"class":145,"line":349},[143,518,519],{"class":181},"  }\n",[143,521,522],{"class":145,"line":355},[143,523,524],{"class":181},"}\n",[526,527,528],"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":138,"searchDepth":204,"depth":204,"links":530},[531,532,533],{"id":129,"depth":204,"text":130},{"id":163,"depth":204,"text":164},{"id":388,"depth":204,"text":389},"Same route as Nuxt — the plugin plus one import.","md",null,{},{"icon":51},{"title":48,"description":534},"XACTK5Aas_vZSGHb1D7bO1hxef07YIPxAGPH6T9np9M",[542,544],{"title":43,"path":44,"stem":45,"description":543,"icon":46,"children":-1},"Nuxt renders its own HTML, so the runtime arrives through a virtual module.",{"title":53,"path":54,"stem":55,"description":545,"icon":56,"children":-1},"Astro builds on Vite; the runtime arrives through the virtual module.",1788454296160]