[{"data":1,"prerenderedAt":178},["ShallowReactive",2],{"navigation":3,"-integrations-vite":61,"-integrations-vite-surround":175},[4,19,37,55],{"title":5,"path":6,"stem":7,"children":8,"icon":10},"Compdi","\u002Fguide","1.guide\u002F1.index",[9,11,15],{"title":5,"path":6,"stem":7,"icon":10},"i-lucide-book-open",{"title":12,"path":13,"stem":14,"icon":10},"Quick start","\u002Fguide\u002Fquick-start","1.guide\u002F2.quick-start",{"title":16,"path":17,"stem":18,"icon":10},"Imports and packages","\u002Fguide\u002Fimports","1.guide\u002F3.imports",{"title":20,"path":21,"stem":22,"children":23},"Lifecycles","\u002Fconcepts","2.concepts\u002F1.index",[24,25,29,33],{"title":20,"path":21,"stem":22},{"title":26,"path":27,"stem":28},"Targets, factories, and inference","\u002Fconcepts\u002Ffactories-and-inference","2.concepts\u002F2.factories-and-inference",{"title":30,"path":31,"stem":32},"Scoped dependencies","\u002Fconcepts\u002Fscopes","2.concepts\u002F3.scopes",{"title":34,"path":35,"stem":36},"Application teardown","\u002Fconcepts\u002Fteardown","2.concepts\u002F4.teardown",{"title":38,"path":39,"stem":40,"children":41},"Build-tool integrations","\u002Fintegrations","3.integrations\u002F1.index",[42,43,47,51],{"title":38,"path":39,"stem":40},{"title":44,"path":45,"stem":46},"Vite","\u002Fintegrations\u002Fvite","3.integrations\u002F2.vite",{"title":48,"path":49,"stem":50},"Rollup and Rolldown","\u002Fintegrations\u002Frollup-and-rolldown","3.integrations\u002F3.rollup-and-rolldown",{"title":52,"path":53,"stem":54},"Rspack and esbuild","\u002Fintegrations\u002Frspack-and-esbuild","3.integrations\u002F4.rspack-and-esbuild",{"title":56,"path":57,"stem":58,"children":59},"API","\u002Fapi","4.api\u002F1.index",[60],{"title":56,"path":57,"stem":58},{"id":62,"title":44,"body":63,"description":73,"extension":170,"meta":171,"navigation":172,"path":45,"seo":173,"stem":46,"__hash__":174},"content\u002F3.integrations\u002F2.vite.md",{"type":64,"value":65,"toc":168},"minimark",[66,156,164],[67,68,74],"pre",{"className":69,"code":70,"filename":71,"language":72,"meta":73,"style":73},"language-ts shiki shiki-themes github-light github-dark github-dark","import { defineConfig } from \"vite\";\nimport compdi from \"compdi\u002Fplugin\u002Fvite\";\n\nexport default defineConfig({\n  plugins: [compdi()],\n});\n","vite.config.ts","ts","",[75,76,77,100,115,122,138,150],"code",{"__ignoreMap":73},[78,79,82,86,90,93,97],"span",{"class":80,"line":81},"line",1,[78,83,85],{"class":84},"so5gQ","import",[78,87,89],{"class":88},"slsVL"," { defineConfig } ",[78,91,92],{"class":84},"from",[78,94,96],{"class":95},"sfrk1"," \"vite\"",[78,98,99],{"class":88},";\n",[78,101,103,105,108,110,113],{"class":80,"line":102},2,[78,104,85],{"class":84},[78,106,107],{"class":88}," compdi ",[78,109,92],{"class":84},[78,111,112],{"class":95}," \"compdi\u002Fplugin\u002Fvite\"",[78,114,99],{"class":88},[78,116,118],{"class":80,"line":117},3,[78,119,121],{"emptyLinePlaceholder":120},true,"\n",[78,123,125,128,131,135],{"class":80,"line":124},4,[78,126,127],{"class":84},"export",[78,129,130],{"class":84}," default",[78,132,134],{"class":133},"shcOC"," defineConfig",[78,136,137],{"class":88},"({\n",[78,139,141,144,147],{"class":80,"line":140},5,[78,142,143],{"class":88},"  plugins: [",[78,145,146],{"class":133},"compdi",[78,148,149],{"class":88},"()],\n",[78,151,153],{"class":80,"line":152},6,[78,154,155],{"class":88},"});\n",[157,158,159,160,163],"p",{},"The same configuration applies to Vite-based development and production builds. Import macros from ",[75,161,162],{},"compdi\u002Fmacros"," in application source files.",[165,166,167],"style",{},"html pre.shiki code .so5gQ, html code.shiki .so5gQ{--shiki-light:#D73A49;--shiki-default:#F97583;--shiki-dark:#F97583}html pre.shiki code .slsVL, html code.shiki .slsVL{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#E1E4E8}html pre.shiki code .sfrk1, html code.shiki .sfrk1{--shiki-light:#032F62;--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF}html pre.shiki code .shcOC, html code.shiki .shcOC{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#B392F0}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":73,"searchDepth":102,"depth":102,"links":169},[],"md",{},{},{"title":44,"description":73},"H0joonVbwbtXMYDZnIiVIkMEIOrFJ8zVXiN7HAhsyrQ",[176,177],{"title":38,"path":39,"stem":40,"description":73,"children":-1},{"title":48,"path":49,"stem":50,"description":73,"children":-1},1785705021416]