[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"versions":3,"module-icon":7},{"v3":4,"v4":5,"v2":6},"3.21.5","4.4.5","2.18.1",{"name":8,"description":9,"repo":10,"npm":11,"icon":12,"github":13,"website":13,"learn_more":14,"category":15,"type":16,"maintainers":17,"compatibility":28,"generatedAt":32,"contributors":33,"stats":126,"readme":134},"icon","Icon module for Nuxt with 200,000+ ready to use icons from Iconify.","nuxt/icon","@nuxt/icon","nuxt.svg","https://github.com/nuxt/icon","","UI","official",[18,23],{"name":19,"github":20,"twitter":21,"bluesky":22},"Sébastien Chopin","Atinux","atinux","atinux.com",{"name":24,"github":25,"bluesky":26,"twitter":27},"Anthony Fu","antfu","antfu.me","antfu7",{"nuxt":29,"requires":30,"devtools":31},">=3.0.0",{},"^0.0.0","2026-05-16T05:09:35.728Z",[34,37,40,44,48,52,55,59,62,65,68,71,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123],{"id":35,"username":25,"contributions":36},11247099,178,{"id":38,"username":21,"contributions":39},904724,57,{"id":41,"username":42,"contributions":43},1385263,"Tahul",10,{"id":45,"username":46,"contributions":47},28706372,"danielroe",9,{"id":49,"username":50,"contributions":51},1395674,"danjrwalsh",3,{"id":53,"username":54,"contributions":51},25870781,"ezequidias",{"id":56,"username":57,"contributions":58},5158436,"pi0",2,{"id":60,"username":61,"contributions":58},1836701,"HADB",{"id":63,"username":64,"contributions":58},739984,"benjamincanac",{"id":66,"username":67,"contributions":58},7290030,"larbish",{"id":69,"username":70,"contributions":58},727125,"andreasgangso",{"id":72,"username":73,"contributions":74},33484358,"geforseN",1,{"id":76,"username":77,"contributions":74},57325448,"rubanp",{"id":79,"username":80,"contributions":74},29805551,"RobertHaba",{"id":82,"username":83,"contributions":74},51883557,"iRaziul",{"id":85,"username":86,"contributions":74},15015765,"RBV1",{"id":88,"username":89,"contributions":74},30523269,"Quasarman",{"id":91,"username":92,"contributions":74},69654392,"PhabloFinotti",{"id":94,"username":95,"contributions":74},87768087,"Readpato",{"id":97,"username":98,"contributions":74},40447,"okj579",{"id":100,"username":101,"contributions":74},115035737,"nizasichi",{"id":103,"username":104,"contributions":74},48282810,"cybercoder-naj",{"id":106,"username":107,"contributions":74},45195424,"svifty7",{"id":109,"username":110,"contributions":74},149865959,"hywax",{"id":112,"username":113,"contributions":74},1124666,"tkjaergaard",{"id":115,"username":116,"contributions":74},28957605,"turulix",{"id":118,"username":119,"contributions":74},2703233,"toniengelhardt",{"id":121,"username":122,"contributions":74},11254699,"Tsuyoshi84",{"id":124,"username":125,"contributions":74},35431350,"ExEr7um",{"version":127,"downloads":128,"stars":129,"watchers":129,"forks":130,"defaultBranch":131,"publishedAt":132,"createdAt":133},"2.2.2",1961284,1179,92,"main",1777908437196,1718706605195,{"data":135,"body":136,"toc":7865},{"title":14,"description":14},{"type":137,"children":138},"root",[139,150,157,210,240,265,272,305,346,352,357,398,411,432,603,609,618,684,693,722,796,805,825,959,966,978,1020,1041,1046,1074,1094,1296,1302,1321,1364,1392,1493,1499,1504,1516,1556,1575,1935,1972,2007,2012,2127,2140,2431,2459,2709,2716,2736,2880,2886,2914,3136,3157,3185,3191,3226,3259,3271,3297,3555,3574,3616,3679,3687,3692,3720,3725,3730,4477,4482,4494,4667,4672,4678,4690,4702,4715,4726,4745,4876,4881,5041,5054,5075,5080,5091,5116,5122,5147,5293,5314,5319,5332,5338,5369,5519,5524,5530,5535,5541,5546,5764,5769,5969,5988,6016,6022,6333,6358,6363,6376,6381,6645,6790,6796,6815,6858,6871,7088,7093,7128,7145,7170,7176,7203,7209,7221,7672,7718,7724,7805,7811,7844,7850,7859],{"type":140,"tag":141,"props":142,"children":143},"element","p",{},[144],{"type":140,"tag":145,"props":146,"children":149},"img",{"alt":147,"src":148},"nuxt-icon","https://github.com/nuxt-modules/icon/assets/904724/ae673805-06ad-4c05-820e-a8445c7224ce",[],{"type":140,"tag":151,"props":152,"children":153},"h1",{"id":147},[154],{"type":155,"value":156},"text","Nuxt Icon",{"type":140,"tag":141,"props":158,"children":159},{},[160,172,181,191,201],{"type":140,"tag":161,"props":162,"children":166},"a",{"href":163,"rel":164},"https://npmjs.com/package/@nuxt/icon",[165],"nofollow",[167],{"type":140,"tag":145,"props":168,"children":171},{"alt":169,"src":170},"npm version","https://img.shields.io/npm/v/@nuxt/icon/latest.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":140,"tag":161,"props":173,"children":175},{"href":163,"rel":174},[165],[176],{"type":140,"tag":145,"props":177,"children":180},{"alt":178,"src":179},"npm downloads","https://img.shields.io/npm/dm/@nuxt/icon.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":140,"tag":161,"props":182,"children":185},{"href":183,"rel":184},"https://github.com/nuxt-modules/icon/blob/main/LICENSE",[165],[186],{"type":140,"tag":145,"props":187,"children":190},{"alt":188,"src":189},"License","https://img.shields.io/github/license/nuxt-modules/icon.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":140,"tag":161,"props":192,"children":195},{"href":193,"rel":194},"https://nuxt.com",[165],[196],{"type":140,"tag":145,"props":197,"children":200},{"alt":198,"src":199},"Nuxt","https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js",[],{"type":140,"tag":161,"props":202,"children":204},{"href":203},"https://volta.net/nuxt-modules/icon?utm_source=nuxt_icon_readme",[205],{"type":140,"tag":145,"props":206,"children":209},{"src":207,"alt":208},"https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg","Volta board",[],{"type":140,"tag":141,"props":211,"children":212},{},[213,215,222,224,229,231,238],{"type":155,"value":214},"Add ",{"type":140,"tag":161,"props":216,"children":219},{"href":217,"rel":218},"https://icones.js.org",[165],[220],{"type":155,"value":221},"200,000+ ready to use icons",{"type":155,"value":223}," to your ",{"type":140,"tag":161,"props":225,"children":227},{"href":193,"rel":226},[165],[228],{"type":155,"value":198},{"type":155,"value":230}," application, based on ",{"type":140,"tag":161,"props":232,"children":235},{"href":233,"rel":234},"https://iconify.design",[165],[236],{"type":155,"value":237},"Iconify",{"type":155,"value":239},".",{"type":140,"tag":241,"props":242,"children":243},"ul",{},[244,255],{"type":140,"tag":245,"props":246,"children":247},"li",{},[248],{"type":140,"tag":161,"props":249,"children":252},{"href":250,"rel":251},"https://github.com/nuxt-modules/icon/releases",[165],[253],{"type":155,"value":254},"✨  Release Notes",{"type":140,"tag":245,"props":256,"children":257},{},[258],{"type":140,"tag":161,"props":259,"children":262},{"href":260,"rel":261},"https://stackblitz.com/edit/nuxt-icon-playground?file=app.vue",[165],[263],{"type":155,"value":264},"🏀  Online playground",{"type":140,"tag":266,"props":267,"children":269},"h2",{"id":268},"features",[270],{"type":155,"value":271},"Features ✨",{"type":140,"tag":241,"props":273,"children":274},{},[275,280,285,295,300],{"type":140,"tag":245,"props":276,"children":277},{},[278],{"type":155,"value":279},"Nuxt 3 ready",{"type":140,"tag":245,"props":281,"children":282},{},[283],{"type":155,"value":284},"SSR friendly",{"type":140,"tag":245,"props":286,"children":287},{},[288,290],{"type":155,"value":289},"Support 200,000 open-source vector icons via ",{"type":140,"tag":161,"props":291,"children":293},{"href":233,"rel":292},[165],[294],{"type":155,"value":237},{"type":140,"tag":245,"props":296,"children":297},{},[298],{"type":155,"value":299},"Support both CSS mode / SVG mode",{"type":140,"tag":245,"props":301,"children":302},{},[303],{"type":155,"value":304},"Custom SVG support (via Vue component, or via local SVG files)",{"type":140,"tag":306,"props":307,"children":308},"blockquote",{},[309],{"type":140,"tag":141,"props":310,"children":311},{},[312,318,320,327,329,335,337,344],{"type":140,"tag":313,"props":314,"children":315},"span",{},[316],{"type":155,"value":317},"!NOTE",{"type":155,"value":319},"\nYou are viewing the ",{"type":140,"tag":321,"props":322,"children":324},"code",{"className":323},[],[325],{"type":155,"value":326},"v1.0",{"type":155,"value":328}," version of this module, which is a complete rewrite for a better developer experience and performance. If you are migrating from ",{"type":140,"tag":321,"props":330,"children":332},{"className":331},[],[333],{"type":155,"value":334},"v0.6",{"type":155,"value":336},", please check ",{"type":140,"tag":161,"props":338,"children":341},{"href":339,"rel":340},"https://github.com/nuxt-modules/icon/pull/154",[165],[342],{"type":155,"value":343},"this PR",{"type":155,"value":345}," for the full list of changes.",{"type":140,"tag":266,"props":347,"children":349},{"id":348},"setup-️",[350],{"type":155,"value":351},"Setup ⛓️",{"type":140,"tag":141,"props":353,"children":354},{},[355],{"type":155,"value":356},"Run the following command to add the module to your project:",{"type":140,"tag":358,"props":359,"children":363},"pre",{"className":360,"code":361,"language":362,"meta":14,"style":14},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","npx nuxi module add icon\n","bash",[364],{"type":140,"tag":321,"props":365,"children":366},{"__ignoreMap":14},[367],{"type":140,"tag":313,"props":368,"children":370},{"class":369,"line":74},"line",[371,377,383,388,393],{"type":140,"tag":313,"props":372,"children":374},{"style":373},"--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B",[375],{"type":155,"value":376},"npx",{"type":140,"tag":313,"props":378,"children":380},{"style":379},"--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D",[381],{"type":155,"value":382}," nuxi",{"type":140,"tag":313,"props":384,"children":385},{"style":379},[386],{"type":155,"value":387}," module",{"type":140,"tag":313,"props":389,"children":390},{"style":379},[391],{"type":155,"value":392}," add",{"type":140,"tag":313,"props":394,"children":395},{"style":379},[396],{"type":155,"value":397}," icon\n",{"type":140,"tag":141,"props":399,"children":400},{},[401,403,409],{"type":155,"value":402},"That's it, you can now use the ",{"type":140,"tag":321,"props":404,"children":406},{"className":405},[],[407],{"type":155,"value":408},"\u003CIcon />",{"type":155,"value":410}," in your components!",{"type":140,"tag":141,"props":412,"children":413},{},[414,416,423,425],{"type":155,"value":415},"✨ If you are using VS Code, you can use the ",{"type":140,"tag":161,"props":417,"children":420},{"href":418,"rel":419},"https://marketplace.visualstudio.com/items?itemName=antfu.iconify",[165],[421],{"type":155,"value":422},"Iconify IntelliSense",{"type":155,"value":424}," extension by ",{"type":140,"tag":161,"props":426,"children":429},{"href":427,"rel":428},"https://github.com/antfu",[165],[430],{"type":155,"value":431},"@antfu",{"type":140,"tag":433,"props":434,"children":435},"details",{},[436,442,447,472,483,583],{"type":140,"tag":437,"props":438,"children":439},"summary",{},[440],{"type":155,"value":441},"Manual Setup",{"type":140,"tag":141,"props":443,"children":444},{},[445],{"type":155,"value":446},"You can install the module manually with:",{"type":140,"tag":358,"props":448,"children":450},{"className":360,"code":449,"language":362,"meta":14,"style":14},"npm i @nuxt/icon\n",[451],{"type":140,"tag":321,"props":452,"children":453},{"__ignoreMap":14},[454],{"type":140,"tag":313,"props":455,"children":456},{"class":369,"line":74},[457,462,467],{"type":140,"tag":313,"props":458,"children":459},{"style":373},[460],{"type":155,"value":461},"npm",{"type":140,"tag":313,"props":463,"children":464},{"style":379},[465],{"type":155,"value":466}," i",{"type":140,"tag":313,"props":468,"children":469},{"style":379},[470],{"type":155,"value":471}," @nuxt/icon\n",{"type":140,"tag":141,"props":473,"children":474},{},[475,477],{"type":155,"value":476},"Update your ",{"type":140,"tag":321,"props":478,"children":480},{"className":479},[],[481],{"type":155,"value":482},"nuxt.config.ts",{"type":140,"tag":358,"props":484,"children":488},{"className":485,"code":486,"language":487,"meta":14,"style":14},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ]\n})\n","ts",[489],{"type":140,"tag":321,"props":490,"children":491},{"__ignoreMap":14},[492,524,543,560,569],{"type":140,"tag":313,"props":493,"children":494},{"class":369,"line":74},[495,501,506,512,518],{"type":140,"tag":313,"props":496,"children":498},{"style":497},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[499],{"type":155,"value":500},"export",{"type":140,"tag":313,"props":502,"children":503},{"style":497},[504],{"type":155,"value":505}," default",{"type":140,"tag":313,"props":507,"children":509},{"style":508},"--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF",[510],{"type":155,"value":511}," defineNuxtConfig",{"type":140,"tag":313,"props":513,"children":515},{"style":514},"--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8",[516],{"type":155,"value":517},"(",{"type":140,"tag":313,"props":519,"children":521},{"style":520},"--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF",[522],{"type":155,"value":523},"{\n",{"type":140,"tag":313,"props":525,"children":526},{"class":369,"line":58},[527,533,538],{"type":140,"tag":313,"props":528,"children":530},{"style":529},"--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178",[531],{"type":155,"value":532},"  modules",{"type":140,"tag":313,"props":534,"children":535},{"style":520},[536],{"type":155,"value":537},":",{"type":140,"tag":313,"props":539,"children":540},{"style":514},[541],{"type":155,"value":542}," [\n",{"type":140,"tag":313,"props":544,"children":545},{"class":369,"line":51},[546,551,555],{"type":140,"tag":313,"props":547,"children":548},{"style":520},[549],{"type":155,"value":550},"    '",{"type":140,"tag":313,"props":552,"children":553},{"style":379},[554],{"type":155,"value":11},{"type":140,"tag":313,"props":556,"children":557},{"style":520},[558],{"type":155,"value":559},"'\n",{"type":140,"tag":313,"props":561,"children":563},{"class":369,"line":562},4,[564],{"type":140,"tag":313,"props":565,"children":566},{"style":514},[567],{"type":155,"value":568},"  ]\n",{"type":140,"tag":313,"props":570,"children":572},{"class":369,"line":571},5,[573,578],{"type":140,"tag":313,"props":574,"children":575},{"style":520},[576],{"type":155,"value":577},"}",{"type":140,"tag":313,"props":579,"children":580},{"style":514},[581],{"type":155,"value":582},")\n",{"type":140,"tag":141,"props":584,"children":585},{},[586,588,593,595,601],{"type":155,"value":587},"If you have the legacy module ",{"type":140,"tag":321,"props":589,"children":591},{"className":590},[],[592],{"type":155,"value":147},{"type":155,"value":594}," installed, you might want to remove it from the ",{"type":140,"tag":321,"props":596,"children":598},{"className":597},[],[599],{"type":155,"value":600},"modules",{"type":155,"value":602}," list.",{"type":140,"tag":266,"props":604,"children":606},{"id":605},"usage",[607],{"type":155,"value":608},"Usage 👌",{"type":140,"tag":141,"props":610,"children":611},{},[612],{"type":140,"tag":613,"props":614,"children":615},"strong",{},[616],{"type":155,"value":617},"Props:",{"type":140,"tag":241,"props":619,"children":620},{},[621,632,651],{"type":140,"tag":245,"props":622,"children":623},{},[624,630],{"type":140,"tag":321,"props":625,"children":627},{"className":626},[],[628],{"type":155,"value":629},"name",{"type":155,"value":631}," (required): icon name or global component name",{"type":140,"tag":245,"props":633,"children":634},{},[635,641,643,649],{"type":140,"tag":321,"props":636,"children":638},{"className":637},[],[639],{"type":155,"value":640},"size",{"type":155,"value":642},": icon size (default: ",{"type":140,"tag":321,"props":644,"children":646},{"className":645},[],[647],{"type":155,"value":648},"1em",{"type":155,"value":650},")",{"type":140,"tag":245,"props":652,"children":653},{},[654,660,662,668,670,676,678,683],{"type":140,"tag":321,"props":655,"children":657},{"className":656},[],[658],{"type":155,"value":659},"mode",{"type":155,"value":661},": icon rendering mode (",{"type":140,"tag":321,"props":663,"children":665},{"className":664},[],[666],{"type":155,"value":667},"svg",{"type":155,"value":669}," or ",{"type":140,"tag":321,"props":671,"children":673},{"className":672},[],[674],{"type":155,"value":675},"css",{"type":155,"value":677},", default: ",{"type":140,"tag":321,"props":679,"children":681},{"className":680},[],[682],{"type":155,"value":675},{"type":155,"value":650},{"type":140,"tag":141,"props":685,"children":686},{},[687,692],{"type":140,"tag":613,"props":688,"children":689},{},[690],{"type":155,"value":691},"Attributes",{"type":155,"value":537},{"type":140,"tag":141,"props":694,"children":695},{},[696,698,704,705,711,713,720],{"type":155,"value":697},"When using an icon from Iconify, a ",{"type":140,"tag":321,"props":699,"children":701},{"className":700},[],[702],{"type":155,"value":703},"\u003Cspan>",{"type":155,"value":669},{"type":140,"tag":321,"props":706,"children":708},{"className":707},[],[709],{"type":155,"value":710},"\u003Csvg>",{"type":155,"value":712}," will be created based on the rendering mode, you can give ",{"type":140,"tag":161,"props":714,"children":717},{"href":715,"rel":716},"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute",[165],[718],{"type":155,"value":719},"all the attributes",{"type":155,"value":721}," of the native element.",{"type":140,"tag":358,"props":723,"children":727},{"className":724,"code":725,"language":726,"meta":14,"style":14},"language-html shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003CIcon name=\"uil:github\" style=\"color: black\" />\n","html",[728],{"type":140,"tag":321,"props":729,"children":730},{"__ignoreMap":14},[731],{"type":140,"tag":313,"props":732,"children":733},{"class":369,"line":74},[734,739,744,750,755,760,765,769,774,778,782,787,791],{"type":140,"tag":313,"props":735,"children":736},{"style":520},[737],{"type":155,"value":738},"\u003C",{"type":140,"tag":313,"props":740,"children":741},{"style":529},[742],{"type":155,"value":743},"Icon",{"type":140,"tag":313,"props":745,"children":747},{"style":746},"--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA",[748],{"type":155,"value":749}," name",{"type":140,"tag":313,"props":751,"children":752},{"style":520},[753],{"type":155,"value":754},"=",{"type":140,"tag":313,"props":756,"children":757},{"style":520},[758],{"type":155,"value":759},"\"",{"type":140,"tag":313,"props":761,"children":762},{"style":379},[763],{"type":155,"value":764},"uil:github",{"type":140,"tag":313,"props":766,"children":767},{"style":520},[768],{"type":155,"value":759},{"type":140,"tag":313,"props":770,"children":771},{"style":746},[772],{"type":155,"value":773}," style",{"type":140,"tag":313,"props":775,"children":776},{"style":520},[777],{"type":155,"value":754},{"type":140,"tag":313,"props":779,"children":780},{"style":520},[781],{"type":155,"value":759},{"type":140,"tag":313,"props":783,"children":784},{"style":379},[785],{"type":155,"value":786},"color: black",{"type":140,"tag":313,"props":788,"children":789},{"style":520},[790],{"type":155,"value":759},{"type":140,"tag":313,"props":792,"children":793},{"style":520},[794],{"type":155,"value":795}," />\n",{"type":140,"tag":141,"props":797,"children":798},{},[799,804],{"type":140,"tag":613,"props":800,"children":801},{},[802],{"type":155,"value":803},"TailwindCSS v4",{"type":155,"value":537},{"type":140,"tag":141,"props":806,"children":807},{},[808,810,815,817,823],{"type":155,"value":809},"When using TailwindCSS v4 with the ",{"type":140,"tag":321,"props":811,"children":813},{"className":812},[],[814],{"type":155,"value":675},{"type":155,"value":816}," mode, you should configure the ",{"type":140,"tag":321,"props":818,"children":820},{"className":819},[],[821],{"type":155,"value":822},"cssLayer",{"type":155,"value":824}," in Nuxt's app config:",{"type":140,"tag":358,"props":826,"children":828},{"className":485,"code":827,"language":487,"meta":14,"style":14},"// ~/app.config.ts\nexport default defineAppConfig({\n  icon: {\n    mode: 'css',\n    cssLayer: 'base'\n  }\n})\n",[829],{"type":140,"tag":321,"props":830,"children":831},{"__ignoreMap":14},[832,841,865,882,913,938,947],{"type":140,"tag":313,"props":833,"children":834},{"class":369,"line":74},[835],{"type":140,"tag":313,"props":836,"children":838},{"style":837},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[839],{"type":155,"value":840},"// ~/app.config.ts\n",{"type":140,"tag":313,"props":842,"children":843},{"class":369,"line":58},[844,848,852,857,861],{"type":140,"tag":313,"props":845,"children":846},{"style":497},[847],{"type":155,"value":500},{"type":140,"tag":313,"props":849,"children":850},{"style":497},[851],{"type":155,"value":505},{"type":140,"tag":313,"props":853,"children":854},{"style":508},[855],{"type":155,"value":856}," defineAppConfig",{"type":140,"tag":313,"props":858,"children":859},{"style":514},[860],{"type":155,"value":517},{"type":140,"tag":313,"props":862,"children":863},{"style":520},[864],{"type":155,"value":523},{"type":140,"tag":313,"props":866,"children":867},{"class":369,"line":51},[868,873,877],{"type":140,"tag":313,"props":869,"children":870},{"style":529},[871],{"type":155,"value":872},"  icon",{"type":140,"tag":313,"props":874,"children":875},{"style":520},[876],{"type":155,"value":537},{"type":140,"tag":313,"props":878,"children":879},{"style":520},[880],{"type":155,"value":881}," {\n",{"type":140,"tag":313,"props":883,"children":884},{"class":369,"line":562},[885,890,894,899,903,908],{"type":140,"tag":313,"props":886,"children":887},{"style":529},[888],{"type":155,"value":889},"    mode",{"type":140,"tag":313,"props":891,"children":892},{"style":520},[893],{"type":155,"value":537},{"type":140,"tag":313,"props":895,"children":896},{"style":520},[897],{"type":155,"value":898}," '",{"type":140,"tag":313,"props":900,"children":901},{"style":379},[902],{"type":155,"value":675},{"type":140,"tag":313,"props":904,"children":905},{"style":520},[906],{"type":155,"value":907},"'",{"type":140,"tag":313,"props":909,"children":910},{"style":520},[911],{"type":155,"value":912},",\n",{"type":140,"tag":313,"props":914,"children":915},{"class":369,"line":571},[916,921,925,929,934],{"type":140,"tag":313,"props":917,"children":918},{"style":529},[919],{"type":155,"value":920},"    cssLayer",{"type":140,"tag":313,"props":922,"children":923},{"style":520},[924],{"type":155,"value":537},{"type":140,"tag":313,"props":926,"children":927},{"style":520},[928],{"type":155,"value":898},{"type":140,"tag":313,"props":930,"children":931},{"style":379},[932],{"type":155,"value":933},"base",{"type":140,"tag":313,"props":935,"children":936},{"style":520},[937],{"type":155,"value":559},{"type":140,"tag":313,"props":939,"children":941},{"class":369,"line":940},6,[942],{"type":140,"tag":313,"props":943,"children":944},{"style":520},[945],{"type":155,"value":946},"  }\n",{"type":140,"tag":313,"props":948,"children":950},{"class":369,"line":949},7,[951,955],{"type":140,"tag":313,"props":952,"children":953},{"style":520},[954],{"type":155,"value":577},{"type":140,"tag":313,"props":956,"children":957},{"style":514},[958],{"type":155,"value":582},{"type":140,"tag":960,"props":961,"children":963},"h3",{"id":962},"iconify-dataset",[964],{"type":155,"value":965},"Iconify Dataset",{"type":140,"tag":141,"props":967,"children":968},{},[969,971,976],{"type":155,"value":970},"You can use any name from the ",{"type":140,"tag":161,"props":972,"children":974},{"href":217,"rel":973},[165],[975],{"type":155,"value":217},{"type":155,"value":977}," collection:",{"type":140,"tag":358,"props":979,"children":981},{"className":724,"code":980,"language":726,"meta":14,"style":14},"\u003CIcon name=\"uil:github\" />\n",[982],{"type":140,"tag":321,"props":983,"children":984},{"__ignoreMap":14},[985],{"type":140,"tag":313,"props":986,"children":987},{"class":369,"line":74},[988,992,996,1000,1004,1008,1012,1016],{"type":140,"tag":313,"props":989,"children":990},{"style":520},[991],{"type":155,"value":738},{"type":140,"tag":313,"props":993,"children":994},{"style":529},[995],{"type":155,"value":743},{"type":140,"tag":313,"props":997,"children":998},{"style":746},[999],{"type":155,"value":749},{"type":140,"tag":313,"props":1001,"children":1002},{"style":520},[1003],{"type":155,"value":754},{"type":140,"tag":313,"props":1005,"children":1006},{"style":520},[1007],{"type":155,"value":759},{"type":140,"tag":313,"props":1009,"children":1010},{"style":379},[1011],{"type":155,"value":764},{"type":140,"tag":313,"props":1013,"children":1014},{"style":520},[1015],{"type":155,"value":759},{"type":140,"tag":313,"props":1017,"children":1018},{"style":520},[1019],{"type":155,"value":795},{"type":140,"tag":141,"props":1021,"children":1022},{},[1023,1025,1031,1033,1039],{"type":155,"value":1024},"It supports the ",{"type":140,"tag":321,"props":1026,"children":1028},{"className":1027},[],[1029],{"type":155,"value":1030},"i-",{"type":155,"value":1032}," prefix (for example, ",{"type":140,"tag":321,"props":1034,"children":1036},{"className":1035},[],[1037],{"type":155,"value":1038},"i-uil-github",{"type":155,"value":1040},").",{"type":140,"tag":141,"props":1042,"children":1043},{},[1044],{"type":155,"value":1045},"It's highly recommended to install the icon data locally with",{"type":140,"tag":358,"props":1047,"children":1049},{"className":360,"code":1048,"language":362,"meta":14,"style":14},"npm i -D @iconify-json/collection-name\n",[1050],{"type":140,"tag":321,"props":1051,"children":1052},{"__ignoreMap":14},[1053],{"type":140,"tag":313,"props":1054,"children":1055},{"class":369,"line":74},[1056,1060,1064,1069],{"type":140,"tag":313,"props":1057,"children":1058},{"style":373},[1059],{"type":155,"value":461},{"type":140,"tag":313,"props":1061,"children":1062},{"style":379},[1063],{"type":155,"value":466},{"type":140,"tag":313,"props":1065,"children":1066},{"style":379},[1067],{"type":155,"value":1068}," -D",{"type":140,"tag":313,"props":1070,"children":1071},{"style":379},[1072],{"type":155,"value":1073}," @iconify-json/collection-name\n",{"type":140,"tag":141,"props":1075,"children":1076},{},[1077,1079,1084,1086,1092],{"type":155,"value":1078},"For example, to use the ",{"type":140,"tag":321,"props":1080,"children":1082},{"className":1081},[],[1083],{"type":155,"value":764},{"type":155,"value":1085}," icon, install its collection with ",{"type":140,"tag":321,"props":1087,"children":1089},{"className":1088},[],[1090],{"type":155,"value":1091},"@iconify-json/uil",{"type":155,"value":1093},". This way the icons can be served locally or from your serverless functions, which is faster and more reliable on both SSR and client-side.",{"type":140,"tag":306,"props":1095,"children":1096},{},[1097,1114],{"type":140,"tag":141,"props":1098,"children":1099},{},[1100,1104,1106,1112],{"type":140,"tag":313,"props":1101,"children":1102},{},[1103],{"type":155,"value":317},{"type":155,"value":1105},"\nYou may also know you can install ",{"type":140,"tag":321,"props":1107,"children":1109},{"className":1108},[],[1110],{"type":155,"value":1111},"@iconify/json",{"type":155,"value":1113}," package to include all iconify icons. This is not recommended because it will increase your server bundle size and building performance. If you choose to do so, we'd recommend to explicitly specify the collection names you need:",{"type":140,"tag":358,"props":1115,"children":1117},{"className":485,"code":1116,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: ['@nuxt/icon'],\n  icon: {\n    serverBundle: {\n      collections: ['uil', 'mdi'] // \u003C!--- this\n    }\n  }\n})\n",[1118],{"type":140,"tag":321,"props":1119,"children":1120},{"__ignoreMap":14},[1121,1144,1181,1196,1212,1269,1277,1284],{"type":140,"tag":313,"props":1122,"children":1123},{"class":369,"line":74},[1124,1128,1132,1136,1140],{"type":140,"tag":313,"props":1125,"children":1126},{"style":497},[1127],{"type":155,"value":500},{"type":140,"tag":313,"props":1129,"children":1130},{"style":497},[1131],{"type":155,"value":505},{"type":140,"tag":313,"props":1133,"children":1134},{"style":508},[1135],{"type":155,"value":511},{"type":140,"tag":313,"props":1137,"children":1138},{"style":514},[1139],{"type":155,"value":517},{"type":140,"tag":313,"props":1141,"children":1142},{"style":520},[1143],{"type":155,"value":523},{"type":140,"tag":313,"props":1145,"children":1146},{"class":369,"line":58},[1147,1151,1155,1160,1164,1168,1172,1177],{"type":140,"tag":313,"props":1148,"children":1149},{"style":529},[1150],{"type":155,"value":532},{"type":140,"tag":313,"props":1152,"children":1153},{"style":520},[1154],{"type":155,"value":537},{"type":140,"tag":313,"props":1156,"children":1157},{"style":514},[1158],{"type":155,"value":1159}," [",{"type":140,"tag":313,"props":1161,"children":1162},{"style":520},[1163],{"type":155,"value":907},{"type":140,"tag":313,"props":1165,"children":1166},{"style":379},[1167],{"type":155,"value":11},{"type":140,"tag":313,"props":1169,"children":1170},{"style":520},[1171],{"type":155,"value":907},{"type":140,"tag":313,"props":1173,"children":1174},{"style":514},[1175],{"type":155,"value":1176},"]",{"type":140,"tag":313,"props":1178,"children":1179},{"style":520},[1180],{"type":155,"value":912},{"type":140,"tag":313,"props":1182,"children":1183},{"class":369,"line":51},[1184,1188,1192],{"type":140,"tag":313,"props":1185,"children":1186},{"style":529},[1187],{"type":155,"value":872},{"type":140,"tag":313,"props":1189,"children":1190},{"style":520},[1191],{"type":155,"value":537},{"type":140,"tag":313,"props":1193,"children":1194},{"style":520},[1195],{"type":155,"value":881},{"type":140,"tag":313,"props":1197,"children":1198},{"class":369,"line":562},[1199,1204,1208],{"type":140,"tag":313,"props":1200,"children":1201},{"style":529},[1202],{"type":155,"value":1203},"    serverBundle",{"type":140,"tag":313,"props":1205,"children":1206},{"style":520},[1207],{"type":155,"value":537},{"type":140,"tag":313,"props":1209,"children":1210},{"style":520},[1211],{"type":155,"value":881},{"type":140,"tag":313,"props":1213,"children":1214},{"class":369,"line":571},[1215,1220,1224,1228,1232,1237,1241,1246,1250,1255,1259,1264],{"type":140,"tag":313,"props":1216,"children":1217},{"style":529},[1218],{"type":155,"value":1219},"      collections",{"type":140,"tag":313,"props":1221,"children":1222},{"style":520},[1223],{"type":155,"value":537},{"type":140,"tag":313,"props":1225,"children":1226},{"style":514},[1227],{"type":155,"value":1159},{"type":140,"tag":313,"props":1229,"children":1230},{"style":520},[1231],{"type":155,"value":907},{"type":140,"tag":313,"props":1233,"children":1234},{"style":379},[1235],{"type":155,"value":1236},"uil",{"type":140,"tag":313,"props":1238,"children":1239},{"style":520},[1240],{"type":155,"value":907},{"type":140,"tag":313,"props":1242,"children":1243},{"style":520},[1244],{"type":155,"value":1245},",",{"type":140,"tag":313,"props":1247,"children":1248},{"style":520},[1249],{"type":155,"value":898},{"type":140,"tag":313,"props":1251,"children":1252},{"style":379},[1253],{"type":155,"value":1254},"mdi",{"type":140,"tag":313,"props":1256,"children":1257},{"style":520},[1258],{"type":155,"value":907},{"type":140,"tag":313,"props":1260,"children":1261},{"style":514},[1262],{"type":155,"value":1263},"] ",{"type":140,"tag":313,"props":1265,"children":1266},{"style":837},[1267],{"type":155,"value":1268},"// \u003C!--- this\n",{"type":140,"tag":313,"props":1270,"children":1271},{"class":369,"line":940},[1272],{"type":140,"tag":313,"props":1273,"children":1274},{"style":520},[1275],{"type":155,"value":1276},"    }\n",{"type":140,"tag":313,"props":1278,"children":1279},{"class":369,"line":949},[1280],{"type":140,"tag":313,"props":1281,"children":1282},{"style":520},[1283],{"type":155,"value":946},{"type":140,"tag":313,"props":1285,"children":1287},{"class":369,"line":1286},8,[1288,1292],{"type":140,"tag":313,"props":1289,"children":1290},{"style":520},[1291],{"type":155,"value":577},{"type":140,"tag":313,"props":1293,"children":1294},{"style":514},[1295],{"type":155,"value":582},{"type":140,"tag":960,"props":1297,"children":1299},{"id":1298},"vue-component",[1300],{"type":155,"value":1301},"Vue Component",{"type":140,"tag":141,"props":1303,"children":1304},{},[1305,1307,1312,1314,1319],{"type":155,"value":1306},"When the ",{"type":140,"tag":321,"props":1308,"children":1310},{"className":1309},[],[1311],{"type":155,"value":629},{"type":155,"value":1313}," matches a global registered component, it will be rendered as that component (in this case ",{"type":140,"tag":321,"props":1315,"children":1317},{"className":1316},[],[1318],{"type":155,"value":659},{"type":155,"value":1320}," will be ignored):",{"type":140,"tag":358,"props":1322,"children":1324},{"className":724,"code":1323,"language":726,"meta":14,"style":14},"\u003CIcon name=\"MyComponent\" />\n",[1325],{"type":140,"tag":321,"props":1326,"children":1327},{"__ignoreMap":14},[1328],{"type":140,"tag":313,"props":1329,"children":1330},{"class":369,"line":74},[1331,1335,1339,1343,1347,1351,1356,1360],{"type":140,"tag":313,"props":1332,"children":1333},{"style":520},[1334],{"type":155,"value":738},{"type":140,"tag":313,"props":1336,"children":1337},{"style":529},[1338],{"type":155,"value":743},{"type":140,"tag":313,"props":1340,"children":1341},{"style":746},[1342],{"type":155,"value":749},{"type":140,"tag":313,"props":1344,"children":1345},{"style":520},[1346],{"type":155,"value":754},{"type":140,"tag":313,"props":1348,"children":1349},{"style":520},[1350],{"type":155,"value":759},{"type":140,"tag":313,"props":1352,"children":1353},{"style":379},[1354],{"type":155,"value":1355},"MyComponent",{"type":140,"tag":313,"props":1357,"children":1358},{"style":520},[1359],{"type":155,"value":759},{"type":140,"tag":313,"props":1361,"children":1362},{"style":520},[1363],{"type":155,"value":795},{"type":140,"tag":141,"props":1365,"children":1366},{},[1367,1369,1374,1376,1382,1384,1391],{"type":155,"value":1368},"Note that ",{"type":140,"tag":321,"props":1370,"children":1372},{"className":1371},[],[1373],{"type":155,"value":1355},{"type":155,"value":1375}," needs to be inside ",{"type":140,"tag":321,"props":1377,"children":1379},{"className":1378},[],[1380],{"type":155,"value":1381},"components/global/",{"type":155,"value":1383}," folder (see ",{"type":140,"tag":161,"props":1385,"children":1388},{"href":1386,"rel":1387},"https://github.com/nuxt-modules/icon/blob/main/playground/components/global/NuxtLogo.vue",[165],[1389],{"type":155,"value":1390},"example",{"type":155,"value":1040},{"type":140,"tag":306,"props":1393,"children":1394},{},[1395,1405],{"type":140,"tag":141,"props":1396,"children":1397},{},[1398,1403],{"type":140,"tag":313,"props":1399,"children":1400},{},[1401],{"type":155,"value":1402},"!TIP",{"type":155,"value":1404},"\nYou can also change the component name with:",{"type":140,"tag":358,"props":1406,"children":1408},{"className":485,"code":1407,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  icon: {\n    componentName: 'NuxtIcon'\n  }\n})\n",[1409],{"type":140,"tag":321,"props":1410,"children":1411},{"__ignoreMap":14},[1412,1435,1450,1475,1482],{"type":140,"tag":313,"props":1413,"children":1414},{"class":369,"line":74},[1415,1419,1423,1427,1431],{"type":140,"tag":313,"props":1416,"children":1417},{"style":497},[1418],{"type":155,"value":500},{"type":140,"tag":313,"props":1420,"children":1421},{"style":497},[1422],{"type":155,"value":505},{"type":140,"tag":313,"props":1424,"children":1425},{"style":508},[1426],{"type":155,"value":511},{"type":140,"tag":313,"props":1428,"children":1429},{"style":514},[1430],{"type":155,"value":517},{"type":140,"tag":313,"props":1432,"children":1433},{"style":520},[1434],{"type":155,"value":523},{"type":140,"tag":313,"props":1436,"children":1437},{"class":369,"line":58},[1438,1442,1446],{"type":140,"tag":313,"props":1439,"children":1440},{"style":529},[1441],{"type":155,"value":872},{"type":140,"tag":313,"props":1443,"children":1444},{"style":520},[1445],{"type":155,"value":537},{"type":140,"tag":313,"props":1447,"children":1448},{"style":520},[1449],{"type":155,"value":881},{"type":140,"tag":313,"props":1451,"children":1452},{"class":369,"line":51},[1453,1458,1462,1466,1471],{"type":140,"tag":313,"props":1454,"children":1455},{"style":529},[1456],{"type":155,"value":1457},"    componentName",{"type":140,"tag":313,"props":1459,"children":1460},{"style":520},[1461],{"type":155,"value":537},{"type":140,"tag":313,"props":1463,"children":1464},{"style":520},[1465],{"type":155,"value":898},{"type":140,"tag":313,"props":1467,"children":1468},{"style":379},[1469],{"type":155,"value":1470},"NuxtIcon",{"type":140,"tag":313,"props":1472,"children":1473},{"style":520},[1474],{"type":155,"value":559},{"type":140,"tag":313,"props":1476,"children":1477},{"class":369,"line":562},[1478],{"type":140,"tag":313,"props":1479,"children":1480},{"style":520},[1481],{"type":155,"value":946},{"type":140,"tag":313,"props":1483,"children":1484},{"class":369,"line":571},[1485,1489],{"type":140,"tag":313,"props":1486,"children":1487},{"style":520},[1488],{"type":155,"value":577},{"type":140,"tag":313,"props":1490,"children":1491},{"style":514},[1492],{"type":155,"value":582},{"type":140,"tag":960,"props":1494,"children":1496},{"id":1495},"custom-local-collections",[1497],{"type":155,"value":1498},"Custom Local Collections",{"type":140,"tag":141,"props":1500,"children":1501},{},[1502],{"type":155,"value":1503},"You can use local SVG files to create a custom Iconify collection.",{"type":140,"tag":141,"props":1505,"children":1506},{},[1507,1509,1515],{"type":155,"value":1508},"For example, place your icons' SVG files under a folder of your choice, for example, ",{"type":140,"tag":321,"props":1510,"children":1512},{"className":1511},[],[1513],{"type":155,"value":1514},"./assets/my-icons",{"type":155,"value":537},{"type":140,"tag":358,"props":1517,"children":1519},{"className":360,"code":1518,"language":362,"meta":14,"style":14},"assets/my-icons\n├── foo.svg\n├── bar-outline.svg\n",[1520],{"type":140,"tag":321,"props":1521,"children":1522},{"__ignoreMap":14},[1523,1531,1544],{"type":140,"tag":313,"props":1524,"children":1525},{"class":369,"line":74},[1526],{"type":140,"tag":313,"props":1527,"children":1528},{"style":373},[1529],{"type":155,"value":1530},"assets/my-icons\n",{"type":140,"tag":313,"props":1532,"children":1533},{"class":369,"line":58},[1534,1539],{"type":140,"tag":313,"props":1535,"children":1536},{"style":373},[1537],{"type":155,"value":1538},"├──",{"type":140,"tag":313,"props":1540,"children":1541},{"style":379},[1542],{"type":155,"value":1543}," foo.svg\n",{"type":140,"tag":313,"props":1545,"children":1546},{"class":369,"line":51},[1547,1551],{"type":140,"tag":313,"props":1548,"children":1549},{"style":373},[1550],{"type":155,"value":1538},{"type":140,"tag":313,"props":1552,"children":1553},{"style":379},[1554],{"type":155,"value":1555}," bar-outline.svg\n",{"type":140,"tag":141,"props":1557,"children":1558},{},[1559,1561,1566,1568,1574],{"type":155,"value":1560},"In your ",{"type":140,"tag":321,"props":1562,"children":1564},{"className":1563},[],[1565],{"type":155,"value":482},{"type":155,"value":1567},", add an item in ",{"type":140,"tag":321,"props":1569,"children":1571},{"className":1570},[],[1572],{"type":155,"value":1573},"icon.customCollections",{"type":155,"value":537},{"type":140,"tag":358,"props":1576,"children":1578},{"className":485,"code":1577,"language":487,"meta":14,"style":14},"import { createResolver } from \"nuxt/kit\"\n\nconst { resolve } = createResolver(import.meta.url)\n\nexport default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    customCollections: [\n      {\n        prefix: 'my-icon',\n        dir: resolve('./assets/my-icons'),\n        // if you want to include all the icons in nested directories:\n        // recursive: true,\n      },\n    ],\n  },\n})\n",[1579],{"type":140,"tag":321,"props":1580,"children":1581},{"__ignoreMap":14},[1582,1625,1634,1690,1697,1720,1735,1750,1762,1777,1793,1802,1832,1874,1883,1892,1901,1914,1923],{"type":140,"tag":313,"props":1583,"children":1584},{"class":369,"line":74},[1585,1590,1595,1600,1605,1610,1615,1620],{"type":140,"tag":313,"props":1586,"children":1587},{"style":497},[1588],{"type":155,"value":1589},"import",{"type":140,"tag":313,"props":1591,"children":1592},{"style":520},[1593],{"type":155,"value":1594}," {",{"type":140,"tag":313,"props":1596,"children":1597},{"style":514},[1598],{"type":155,"value":1599}," createResolver",{"type":140,"tag":313,"props":1601,"children":1602},{"style":520},[1603],{"type":155,"value":1604}," }",{"type":140,"tag":313,"props":1606,"children":1607},{"style":497},[1608],{"type":155,"value":1609}," from",{"type":140,"tag":313,"props":1611,"children":1612},{"style":520},[1613],{"type":155,"value":1614}," \"",{"type":140,"tag":313,"props":1616,"children":1617},{"style":379},[1618],{"type":155,"value":1619},"nuxt/kit",{"type":140,"tag":313,"props":1621,"children":1622},{"style":520},[1623],{"type":155,"value":1624},"\"\n",{"type":140,"tag":313,"props":1626,"children":1627},{"class":369,"line":58},[1628],{"type":140,"tag":313,"props":1629,"children":1631},{"emptyLinePlaceholder":1630},true,[1632],{"type":155,"value":1633},"\n",{"type":140,"tag":313,"props":1635,"children":1636},{"class":369,"line":51},[1637,1642,1646,1651,1655,1660,1664,1668,1672,1676,1681,1685],{"type":140,"tag":313,"props":1638,"children":1639},{"style":746},[1640],{"type":155,"value":1641},"const",{"type":140,"tag":313,"props":1643,"children":1644},{"style":520},[1645],{"type":155,"value":1594},{"type":140,"tag":313,"props":1647,"children":1648},{"style":514},[1649],{"type":155,"value":1650}," resolve ",{"type":140,"tag":313,"props":1652,"children":1653},{"style":520},[1654],{"type":155,"value":577},{"type":140,"tag":313,"props":1656,"children":1657},{"style":520},[1658],{"type":155,"value":1659}," =",{"type":140,"tag":313,"props":1661,"children":1662},{"style":508},[1663],{"type":155,"value":1599},{"type":140,"tag":313,"props":1665,"children":1666},{"style":514},[1667],{"type":155,"value":517},{"type":140,"tag":313,"props":1669,"children":1670},{"style":497},[1671],{"type":155,"value":1589},{"type":140,"tag":313,"props":1673,"children":1674},{"style":520},[1675],{"type":155,"value":239},{"type":140,"tag":313,"props":1677,"children":1678},{"style":514},[1679],{"type":155,"value":1680},"meta",{"type":140,"tag":313,"props":1682,"children":1683},{"style":520},[1684],{"type":155,"value":239},{"type":140,"tag":313,"props":1686,"children":1687},{"style":514},[1688],{"type":155,"value":1689},"url)\n",{"type":140,"tag":313,"props":1691,"children":1692},{"class":369,"line":562},[1693],{"type":140,"tag":313,"props":1694,"children":1695},{"emptyLinePlaceholder":1630},[1696],{"type":155,"value":1633},{"type":140,"tag":313,"props":1698,"children":1699},{"class":369,"line":571},[1700,1704,1708,1712,1716],{"type":140,"tag":313,"props":1701,"children":1702},{"style":497},[1703],{"type":155,"value":500},{"type":140,"tag":313,"props":1705,"children":1706},{"style":497},[1707],{"type":155,"value":505},{"type":140,"tag":313,"props":1709,"children":1710},{"style":508},[1711],{"type":155,"value":511},{"type":140,"tag":313,"props":1713,"children":1714},{"style":514},[1715],{"type":155,"value":517},{"type":140,"tag":313,"props":1717,"children":1718},{"style":520},[1719],{"type":155,"value":523},{"type":140,"tag":313,"props":1721,"children":1722},{"class":369,"line":940},[1723,1727,1731],{"type":140,"tag":313,"props":1724,"children":1725},{"style":529},[1726],{"type":155,"value":532},{"type":140,"tag":313,"props":1728,"children":1729},{"style":520},[1730],{"type":155,"value":537},{"type":140,"tag":313,"props":1732,"children":1733},{"style":514},[1734],{"type":155,"value":542},{"type":140,"tag":313,"props":1736,"children":1737},{"class":369,"line":949},[1738,1742,1746],{"type":140,"tag":313,"props":1739,"children":1740},{"style":520},[1741],{"type":155,"value":550},{"type":140,"tag":313,"props":1743,"children":1744},{"style":379},[1745],{"type":155,"value":11},{"type":140,"tag":313,"props":1747,"children":1748},{"style":520},[1749],{"type":155,"value":559},{"type":140,"tag":313,"props":1751,"children":1752},{"class":369,"line":1286},[1753,1758],{"type":140,"tag":313,"props":1754,"children":1755},{"style":514},[1756],{"type":155,"value":1757},"  ]",{"type":140,"tag":313,"props":1759,"children":1760},{"style":520},[1761],{"type":155,"value":912},{"type":140,"tag":313,"props":1763,"children":1764},{"class":369,"line":47},[1765,1769,1773],{"type":140,"tag":313,"props":1766,"children":1767},{"style":529},[1768],{"type":155,"value":872},{"type":140,"tag":313,"props":1770,"children":1771},{"style":520},[1772],{"type":155,"value":537},{"type":140,"tag":313,"props":1774,"children":1775},{"style":520},[1776],{"type":155,"value":881},{"type":140,"tag":313,"props":1778,"children":1779},{"class":369,"line":43},[1780,1785,1789],{"type":140,"tag":313,"props":1781,"children":1782},{"style":529},[1783],{"type":155,"value":1784},"    customCollections",{"type":140,"tag":313,"props":1786,"children":1787},{"style":520},[1788],{"type":155,"value":537},{"type":140,"tag":313,"props":1790,"children":1791},{"style":514},[1792],{"type":155,"value":542},{"type":140,"tag":313,"props":1794,"children":1796},{"class":369,"line":1795},11,[1797],{"type":140,"tag":313,"props":1798,"children":1799},{"style":520},[1800],{"type":155,"value":1801},"      {\n",{"type":140,"tag":313,"props":1803,"children":1805},{"class":369,"line":1804},12,[1806,1811,1815,1819,1824,1828],{"type":140,"tag":313,"props":1807,"children":1808},{"style":529},[1809],{"type":155,"value":1810},"        prefix",{"type":140,"tag":313,"props":1812,"children":1813},{"style":520},[1814],{"type":155,"value":537},{"type":140,"tag":313,"props":1816,"children":1817},{"style":520},[1818],{"type":155,"value":898},{"type":140,"tag":313,"props":1820,"children":1821},{"style":379},[1822],{"type":155,"value":1823},"my-icon",{"type":140,"tag":313,"props":1825,"children":1826},{"style":520},[1827],{"type":155,"value":907},{"type":140,"tag":313,"props":1829,"children":1830},{"style":520},[1831],{"type":155,"value":912},{"type":140,"tag":313,"props":1833,"children":1835},{"class":369,"line":1834},13,[1836,1841,1845,1850,1854,1858,1862,1866,1870],{"type":140,"tag":313,"props":1837,"children":1838},{"style":529},[1839],{"type":155,"value":1840},"        dir",{"type":140,"tag":313,"props":1842,"children":1843},{"style":520},[1844],{"type":155,"value":537},{"type":140,"tag":313,"props":1846,"children":1847},{"style":508},[1848],{"type":155,"value":1849}," resolve",{"type":140,"tag":313,"props":1851,"children":1852},{"style":514},[1853],{"type":155,"value":517},{"type":140,"tag":313,"props":1855,"children":1856},{"style":520},[1857],{"type":155,"value":907},{"type":140,"tag":313,"props":1859,"children":1860},{"style":379},[1861],{"type":155,"value":1514},{"type":140,"tag":313,"props":1863,"children":1864},{"style":520},[1865],{"type":155,"value":907},{"type":140,"tag":313,"props":1867,"children":1868},{"style":514},[1869],{"type":155,"value":650},{"type":140,"tag":313,"props":1871,"children":1872},{"style":520},[1873],{"type":155,"value":912},{"type":140,"tag":313,"props":1875,"children":1877},{"class":369,"line":1876},14,[1878],{"type":140,"tag":313,"props":1879,"children":1880},{"style":837},[1881],{"type":155,"value":1882},"        // if you want to include all the icons in nested directories:\n",{"type":140,"tag":313,"props":1884,"children":1886},{"class":369,"line":1885},15,[1887],{"type":140,"tag":313,"props":1888,"children":1889},{"style":837},[1890],{"type":155,"value":1891},"        // recursive: true,\n",{"type":140,"tag":313,"props":1893,"children":1895},{"class":369,"line":1894},16,[1896],{"type":140,"tag":313,"props":1897,"children":1898},{"style":520},[1899],{"type":155,"value":1900},"      },\n",{"type":140,"tag":313,"props":1902,"children":1904},{"class":369,"line":1903},17,[1905,1910],{"type":140,"tag":313,"props":1906,"children":1907},{"style":514},[1908],{"type":155,"value":1909},"    ]",{"type":140,"tag":313,"props":1911,"children":1912},{"style":520},[1913],{"type":155,"value":912},{"type":140,"tag":313,"props":1915,"children":1917},{"class":369,"line":1916},18,[1918],{"type":140,"tag":313,"props":1919,"children":1920},{"style":520},[1921],{"type":155,"value":1922},"  },\n",{"type":140,"tag":313,"props":1924,"children":1926},{"class":369,"line":1925},19,[1927,1931],{"type":140,"tag":313,"props":1928,"children":1929},{"style":520},[1930],{"type":155,"value":577},{"type":140,"tag":313,"props":1932,"children":1933},{"style":514},[1934],{"type":155,"value":582},{"type":140,"tag":306,"props":1936,"children":1937},{},[1938],{"type":140,"tag":141,"props":1939,"children":1940},{},[1941,1945,1947,1953,1955,1961,1963,1970],{"type":140,"tag":313,"props":1942,"children":1943},{},[1944],{"type":155,"value":317},{"type":155,"value":1946},"\nWe use ",{"type":140,"tag":321,"props":1948,"children":1950},{"className":1949},[],[1951],{"type":155,"value":1952},"createResolver",{"type":155,"value":1954}," and ",{"type":140,"tag":321,"props":1956,"children":1958},{"className":1957},[],[1959],{"type":155,"value":1960},"resolve()",{"type":155,"value":1962}," to ensure paths work correctly both in regular projects and when your project is used as an ",{"type":140,"tag":161,"props":1964,"children":1967},{"href":1965,"rel":1966},"https://nuxt.com/docs/4.x/getting-started/layers",[165],[1968],{"type":155,"value":1969},"extendable layer",{"type":155,"value":1971}," by other Nuxt projects. This ensures icon paths resolve relative to your project's directory rather than the consuming project's directory.",{"type":140,"tag":306,"props":1973,"children":1974},{},[1975],{"type":140,"tag":141,"props":1976,"children":1977},{},[1978,1982,1984,1990,1992,1998,2000,2006],{"type":140,"tag":313,"props":1979,"children":1980},{},[1981],{"type":155,"value":317},{"type":155,"value":1983},"\nIf you are running on Nuxt 4 with the new ",{"type":140,"tag":321,"props":1985,"children":1987},{"className":1986},[],[1988],{"type":155,"value":1989},"app",{"type":155,"value":1991}," directory, the assets directory is ",{"type":140,"tag":321,"props":1993,"children":1995},{"className":1994},[],[1996],{"type":155,"value":1997},"'./app/assets/*'",{"type":155,"value":1999}," instead of ",{"type":140,"tag":321,"props":2001,"children":2003},{"className":2002},[],[2004],{"type":155,"value":2005},"'./assets/*'",{"type":155,"value":239},{"type":140,"tag":141,"props":2008,"children":2009},{},[2010],{"type":155,"value":2011},"Then you can use the icons like this:",{"type":140,"tag":358,"props":2013,"children":2017},{"className":2014,"code":2015,"language":2016,"meta":14,"style":14},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Ctemplate>\n  \u003CIcon name=\"my-icon:foo\" />\n  \u003CIcon name=\"my-icon:bar-outline\" />\n\u003C/template>\n","vue",[2018],{"type":140,"tag":321,"props":2019,"children":2020},{"__ignoreMap":14},[2021,2038,2075,2111],{"type":140,"tag":313,"props":2022,"children":2023},{"class":369,"line":74},[2024,2028,2033],{"type":140,"tag":313,"props":2025,"children":2026},{"style":520},[2027],{"type":155,"value":738},{"type":140,"tag":313,"props":2029,"children":2030},{"style":529},[2031],{"type":155,"value":2032},"template",{"type":140,"tag":313,"props":2034,"children":2035},{"style":520},[2036],{"type":155,"value":2037},">\n",{"type":140,"tag":313,"props":2039,"children":2040},{"class":369,"line":58},[2041,2046,2050,2054,2058,2062,2067,2071],{"type":140,"tag":313,"props":2042,"children":2043},{"style":520},[2044],{"type":155,"value":2045},"  \u003C",{"type":140,"tag":313,"props":2047,"children":2048},{"style":529},[2049],{"type":155,"value":743},{"type":140,"tag":313,"props":2051,"children":2052},{"style":746},[2053],{"type":155,"value":749},{"type":140,"tag":313,"props":2055,"children":2056},{"style":520},[2057],{"type":155,"value":754},{"type":140,"tag":313,"props":2059,"children":2060},{"style":520},[2061],{"type":155,"value":759},{"type":140,"tag":313,"props":2063,"children":2064},{"style":379},[2065],{"type":155,"value":2066},"my-icon:foo",{"type":140,"tag":313,"props":2068,"children":2069},{"style":520},[2070],{"type":155,"value":759},{"type":140,"tag":313,"props":2072,"children":2073},{"style":520},[2074],{"type":155,"value":795},{"type":140,"tag":313,"props":2076,"children":2077},{"class":369,"line":51},[2078,2082,2086,2090,2094,2098,2103,2107],{"type":140,"tag":313,"props":2079,"children":2080},{"style":520},[2081],{"type":155,"value":2045},{"type":140,"tag":313,"props":2083,"children":2084},{"style":529},[2085],{"type":155,"value":743},{"type":140,"tag":313,"props":2087,"children":2088},{"style":746},[2089],{"type":155,"value":749},{"type":140,"tag":313,"props":2091,"children":2092},{"style":520},[2093],{"type":155,"value":754},{"type":140,"tag":313,"props":2095,"children":2096},{"style":520},[2097],{"type":155,"value":759},{"type":140,"tag":313,"props":2099,"children":2100},{"style":379},[2101],{"type":155,"value":2102},"my-icon:bar-outline",{"type":140,"tag":313,"props":2104,"children":2105},{"style":520},[2106],{"type":155,"value":759},{"type":140,"tag":313,"props":2108,"children":2109},{"style":520},[2110],{"type":155,"value":795},{"type":140,"tag":313,"props":2112,"children":2113},{"class":369,"line":562},[2114,2119,2123],{"type":140,"tag":313,"props":2115,"children":2116},{"style":520},[2117],{"type":155,"value":2118},"\u003C/",{"type":140,"tag":313,"props":2120,"children":2121},{"style":529},[2122],{"type":155,"value":2032},{"type":140,"tag":313,"props":2124,"children":2125},{"style":520},[2126],{"type":155,"value":2037},{"type":140,"tag":141,"props":2128,"children":2129},{},[2130,2132,2138],{"type":155,"value":2131},"You can also pass a full custom ",{"type":140,"tag":321,"props":2133,"children":2135},{"className":2134},[],[2136],{"type":155,"value":2137},"IconifyJSON",{"type":155,"value":2139}," object:",{"type":140,"tag":358,"props":2141,"children":2143},{"className":485,"code":2142,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    customCollections: [\n      {\n        prefix: 'paid-icons',\n        icons: {\n          'nuxt': { body: '\u003Cpath d=\"M281.44 ... />' },\n        },\n        width: 512,\n        height: 512,\n      }\n    ],\n  },\n})\n",[2144],{"type":140,"tag":321,"props":2145,"children":2146},{"__ignoreMap":14},[2147,2170,2185,2200,2211,2226,2241,2248,2276,2292,2344,2352,2374,2394,2402,2413,2420],{"type":140,"tag":313,"props":2148,"children":2149},{"class":369,"line":74},[2150,2154,2158,2162,2166],{"type":140,"tag":313,"props":2151,"children":2152},{"style":497},[2153],{"type":155,"value":500},{"type":140,"tag":313,"props":2155,"children":2156},{"style":497},[2157],{"type":155,"value":505},{"type":140,"tag":313,"props":2159,"children":2160},{"style":508},[2161],{"type":155,"value":511},{"type":140,"tag":313,"props":2163,"children":2164},{"style":514},[2165],{"type":155,"value":517},{"type":140,"tag":313,"props":2167,"children":2168},{"style":520},[2169],{"type":155,"value":523},{"type":140,"tag":313,"props":2171,"children":2172},{"class":369,"line":58},[2173,2177,2181],{"type":140,"tag":313,"props":2174,"children":2175},{"style":529},[2176],{"type":155,"value":532},{"type":140,"tag":313,"props":2178,"children":2179},{"style":520},[2180],{"type":155,"value":537},{"type":140,"tag":313,"props":2182,"children":2183},{"style":514},[2184],{"type":155,"value":542},{"type":140,"tag":313,"props":2186,"children":2187},{"class":369,"line":51},[2188,2192,2196],{"type":140,"tag":313,"props":2189,"children":2190},{"style":520},[2191],{"type":155,"value":550},{"type":140,"tag":313,"props":2193,"children":2194},{"style":379},[2195],{"type":155,"value":11},{"type":140,"tag":313,"props":2197,"children":2198},{"style":520},[2199],{"type":155,"value":559},{"type":140,"tag":313,"props":2201,"children":2202},{"class":369,"line":562},[2203,2207],{"type":140,"tag":313,"props":2204,"children":2205},{"style":514},[2206],{"type":155,"value":1757},{"type":140,"tag":313,"props":2208,"children":2209},{"style":520},[2210],{"type":155,"value":912},{"type":140,"tag":313,"props":2212,"children":2213},{"class":369,"line":571},[2214,2218,2222],{"type":140,"tag":313,"props":2215,"children":2216},{"style":529},[2217],{"type":155,"value":872},{"type":140,"tag":313,"props":2219,"children":2220},{"style":520},[2221],{"type":155,"value":537},{"type":140,"tag":313,"props":2223,"children":2224},{"style":520},[2225],{"type":155,"value":881},{"type":140,"tag":313,"props":2227,"children":2228},{"class":369,"line":940},[2229,2233,2237],{"type":140,"tag":313,"props":2230,"children":2231},{"style":529},[2232],{"type":155,"value":1784},{"type":140,"tag":313,"props":2234,"children":2235},{"style":520},[2236],{"type":155,"value":537},{"type":140,"tag":313,"props":2238,"children":2239},{"style":514},[2240],{"type":155,"value":542},{"type":140,"tag":313,"props":2242,"children":2243},{"class":369,"line":949},[2244],{"type":140,"tag":313,"props":2245,"children":2246},{"style":520},[2247],{"type":155,"value":1801},{"type":140,"tag":313,"props":2249,"children":2250},{"class":369,"line":1286},[2251,2255,2259,2263,2268,2272],{"type":140,"tag":313,"props":2252,"children":2253},{"style":529},[2254],{"type":155,"value":1810},{"type":140,"tag":313,"props":2256,"children":2257},{"style":520},[2258],{"type":155,"value":537},{"type":140,"tag":313,"props":2260,"children":2261},{"style":520},[2262],{"type":155,"value":898},{"type":140,"tag":313,"props":2264,"children":2265},{"style":379},[2266],{"type":155,"value":2267},"paid-icons",{"type":140,"tag":313,"props":2269,"children":2270},{"style":520},[2271],{"type":155,"value":907},{"type":140,"tag":313,"props":2273,"children":2274},{"style":520},[2275],{"type":155,"value":912},{"type":140,"tag":313,"props":2277,"children":2278},{"class":369,"line":47},[2279,2284,2288],{"type":140,"tag":313,"props":2280,"children":2281},{"style":529},[2282],{"type":155,"value":2283},"        icons",{"type":140,"tag":313,"props":2285,"children":2286},{"style":520},[2287],{"type":155,"value":537},{"type":140,"tag":313,"props":2289,"children":2290},{"style":520},[2291],{"type":155,"value":881},{"type":140,"tag":313,"props":2293,"children":2294},{"class":369,"line":43},[2295,2300,2305,2309,2313,2317,2322,2326,2330,2335,2339],{"type":140,"tag":313,"props":2296,"children":2297},{"style":520},[2298],{"type":155,"value":2299},"          '",{"type":140,"tag":313,"props":2301,"children":2302},{"style":529},[2303],{"type":155,"value":2304},"nuxt",{"type":140,"tag":313,"props":2306,"children":2307},{"style":520},[2308],{"type":155,"value":907},{"type":140,"tag":313,"props":2310,"children":2311},{"style":520},[2312],{"type":155,"value":537},{"type":140,"tag":313,"props":2314,"children":2315},{"style":520},[2316],{"type":155,"value":1594},{"type":140,"tag":313,"props":2318,"children":2319},{"style":529},[2320],{"type":155,"value":2321}," body",{"type":140,"tag":313,"props":2323,"children":2324},{"style":520},[2325],{"type":155,"value":537},{"type":140,"tag":313,"props":2327,"children":2328},{"style":520},[2329],{"type":155,"value":898},{"type":140,"tag":313,"props":2331,"children":2332},{"style":379},[2333],{"type":155,"value":2334},"\u003Cpath d=\"M281.44 ... />",{"type":140,"tag":313,"props":2336,"children":2337},{"style":520},[2338],{"type":155,"value":907},{"type":140,"tag":313,"props":2340,"children":2341},{"style":520},[2342],{"type":155,"value":2343}," },\n",{"type":140,"tag":313,"props":2345,"children":2346},{"class":369,"line":1795},[2347],{"type":140,"tag":313,"props":2348,"children":2349},{"style":520},[2350],{"type":155,"value":2351},"        },\n",{"type":140,"tag":313,"props":2353,"children":2354},{"class":369,"line":1804},[2355,2360,2364,2370],{"type":140,"tag":313,"props":2356,"children":2357},{"style":529},[2358],{"type":155,"value":2359},"        width",{"type":140,"tag":313,"props":2361,"children":2362},{"style":520},[2363],{"type":155,"value":537},{"type":140,"tag":313,"props":2365,"children":2367},{"style":2366},"--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C",[2368],{"type":155,"value":2369}," 512",{"type":140,"tag":313,"props":2371,"children":2372},{"style":520},[2373],{"type":155,"value":912},{"type":140,"tag":313,"props":2375,"children":2376},{"class":369,"line":1834},[2377,2382,2386,2390],{"type":140,"tag":313,"props":2378,"children":2379},{"style":529},[2380],{"type":155,"value":2381},"        height",{"type":140,"tag":313,"props":2383,"children":2384},{"style":520},[2385],{"type":155,"value":537},{"type":140,"tag":313,"props":2387,"children":2388},{"style":2366},[2389],{"type":155,"value":2369},{"type":140,"tag":313,"props":2391,"children":2392},{"style":520},[2393],{"type":155,"value":912},{"type":140,"tag":313,"props":2395,"children":2396},{"class":369,"line":1876},[2397],{"type":140,"tag":313,"props":2398,"children":2399},{"style":520},[2400],{"type":155,"value":2401},"      }\n",{"type":140,"tag":313,"props":2403,"children":2404},{"class":369,"line":1885},[2405,2409],{"type":140,"tag":313,"props":2406,"children":2407},{"style":514},[2408],{"type":155,"value":1909},{"type":140,"tag":313,"props":2410,"children":2411},{"style":520},[2412],{"type":155,"value":912},{"type":140,"tag":313,"props":2414,"children":2415},{"class":369,"line":1894},[2416],{"type":140,"tag":313,"props":2417,"children":2418},{"style":520},[2419],{"type":155,"value":1922},{"type":140,"tag":313,"props":2421,"children":2422},{"class":369,"line":1903},[2423,2427],{"type":140,"tag":313,"props":2424,"children":2425},{"style":520},[2426],{"type":155,"value":577},{"type":140,"tag":313,"props":2428,"children":2429},{"style":514},[2430],{"type":155,"value":582},{"type":140,"tag":141,"props":2432,"children":2433},{},[2434,2436,2442,2444,2450,2452,2458],{"type":155,"value":2435},"Note that custom local collections require you to have a server to serve the API. When setting ",{"type":140,"tag":321,"props":2437,"children":2439},{"className":2438},[],[2440],{"type":155,"value":2441},"ssr: false",{"type":155,"value":2443},", or when generating a static app using ",{"type":140,"tag":321,"props":2445,"children":2447},{"className":2446},[],[2448],{"type":155,"value":2449},"nuxt generate",{"type":155,"value":2451}," (which is equivalent to ssr: false), the provider will default to the Iconify API (which does not have your custom icons). If you want to build a SPA with server endpoints, you can explicitly set ",{"type":140,"tag":321,"props":2453,"children":2455},{"className":2454},[],[2456],{"type":155,"value":2457},"provider: 'server'",{"type":155,"value":537},{"type":140,"tag":358,"props":2460,"children":2462},{"className":485,"code":2461,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  ssr: false,\n  icon: {\n    provider: 'server', // \u003C-- this\n    customCollections: [\n      {\n        prefix: 'my-icon',\n        dir: './assets/my-icons'\n      },\n    ],\n  },\n})\n",[2463],{"type":140,"tag":321,"props":2464,"children":2465},{"__ignoreMap":14},[2466,2489,2504,2519,2530,2552,2567,2601,2616,2623,2650,2673,2680,2691,2698],{"type":140,"tag":313,"props":2467,"children":2468},{"class":369,"line":74},[2469,2473,2477,2481,2485],{"type":140,"tag":313,"props":2470,"children":2471},{"style":497},[2472],{"type":155,"value":500},{"type":140,"tag":313,"props":2474,"children":2475},{"style":497},[2476],{"type":155,"value":505},{"type":140,"tag":313,"props":2478,"children":2479},{"style":508},[2480],{"type":155,"value":511},{"type":140,"tag":313,"props":2482,"children":2483},{"style":514},[2484],{"type":155,"value":517},{"type":140,"tag":313,"props":2486,"children":2487},{"style":520},[2488],{"type":155,"value":523},{"type":140,"tag":313,"props":2490,"children":2491},{"class":369,"line":58},[2492,2496,2500],{"type":140,"tag":313,"props":2493,"children":2494},{"style":529},[2495],{"type":155,"value":532},{"type":140,"tag":313,"props":2497,"children":2498},{"style":520},[2499],{"type":155,"value":537},{"type":140,"tag":313,"props":2501,"children":2502},{"style":514},[2503],{"type":155,"value":542},{"type":140,"tag":313,"props":2505,"children":2506},{"class":369,"line":51},[2507,2511,2515],{"type":140,"tag":313,"props":2508,"children":2509},{"style":520},[2510],{"type":155,"value":550},{"type":140,"tag":313,"props":2512,"children":2513},{"style":379},[2514],{"type":155,"value":11},{"type":140,"tag":313,"props":2516,"children":2517},{"style":520},[2518],{"type":155,"value":559},{"type":140,"tag":313,"props":2520,"children":2521},{"class":369,"line":562},[2522,2526],{"type":140,"tag":313,"props":2523,"children":2524},{"style":514},[2525],{"type":155,"value":1757},{"type":140,"tag":313,"props":2527,"children":2528},{"style":520},[2529],{"type":155,"value":912},{"type":140,"tag":313,"props":2531,"children":2532},{"class":369,"line":571},[2533,2538,2542,2548],{"type":140,"tag":313,"props":2534,"children":2535},{"style":529},[2536],{"type":155,"value":2537},"  ssr",{"type":140,"tag":313,"props":2539,"children":2540},{"style":520},[2541],{"type":155,"value":537},{"type":140,"tag":313,"props":2543,"children":2545},{"style":2544},"--shiki-light:#FF5370;--shiki-default:#FF5370;--shiki-dark:#FF9CAC",[2546],{"type":155,"value":2547}," false",{"type":140,"tag":313,"props":2549,"children":2550},{"style":520},[2551],{"type":155,"value":912},{"type":140,"tag":313,"props":2553,"children":2554},{"class":369,"line":940},[2555,2559,2563],{"type":140,"tag":313,"props":2556,"children":2557},{"style":529},[2558],{"type":155,"value":872},{"type":140,"tag":313,"props":2560,"children":2561},{"style":520},[2562],{"type":155,"value":537},{"type":140,"tag":313,"props":2564,"children":2565},{"style":520},[2566],{"type":155,"value":881},{"type":140,"tag":313,"props":2568,"children":2569},{"class":369,"line":949},[2570,2575,2579,2583,2588,2592,2596],{"type":140,"tag":313,"props":2571,"children":2572},{"style":529},[2573],{"type":155,"value":2574},"    provider",{"type":140,"tag":313,"props":2576,"children":2577},{"style":520},[2578],{"type":155,"value":537},{"type":140,"tag":313,"props":2580,"children":2581},{"style":520},[2582],{"type":155,"value":898},{"type":140,"tag":313,"props":2584,"children":2585},{"style":379},[2586],{"type":155,"value":2587},"server",{"type":140,"tag":313,"props":2589,"children":2590},{"style":520},[2591],{"type":155,"value":907},{"type":140,"tag":313,"props":2593,"children":2594},{"style":520},[2595],{"type":155,"value":1245},{"type":140,"tag":313,"props":2597,"children":2598},{"style":837},[2599],{"type":155,"value":2600}," // \u003C-- this\n",{"type":140,"tag":313,"props":2602,"children":2603},{"class":369,"line":1286},[2604,2608,2612],{"type":140,"tag":313,"props":2605,"children":2606},{"style":529},[2607],{"type":155,"value":1784},{"type":140,"tag":313,"props":2609,"children":2610},{"style":520},[2611],{"type":155,"value":537},{"type":140,"tag":313,"props":2613,"children":2614},{"style":514},[2615],{"type":155,"value":542},{"type":140,"tag":313,"props":2617,"children":2618},{"class":369,"line":47},[2619],{"type":140,"tag":313,"props":2620,"children":2621},{"style":520},[2622],{"type":155,"value":1801},{"type":140,"tag":313,"props":2624,"children":2625},{"class":369,"line":43},[2626,2630,2634,2638,2642,2646],{"type":140,"tag":313,"props":2627,"children":2628},{"style":529},[2629],{"type":155,"value":1810},{"type":140,"tag":313,"props":2631,"children":2632},{"style":520},[2633],{"type":155,"value":537},{"type":140,"tag":313,"props":2635,"children":2636},{"style":520},[2637],{"type":155,"value":898},{"type":140,"tag":313,"props":2639,"children":2640},{"style":379},[2641],{"type":155,"value":1823},{"type":140,"tag":313,"props":2643,"children":2644},{"style":520},[2645],{"type":155,"value":907},{"type":140,"tag":313,"props":2647,"children":2648},{"style":520},[2649],{"type":155,"value":912},{"type":140,"tag":313,"props":2651,"children":2652},{"class":369,"line":1795},[2653,2657,2661,2665,2669],{"type":140,"tag":313,"props":2654,"children":2655},{"style":529},[2656],{"type":155,"value":1840},{"type":140,"tag":313,"props":2658,"children":2659},{"style":520},[2660],{"type":155,"value":537},{"type":140,"tag":313,"props":2662,"children":2663},{"style":520},[2664],{"type":155,"value":898},{"type":140,"tag":313,"props":2666,"children":2667},{"style":379},[2668],{"type":155,"value":1514},{"type":140,"tag":313,"props":2670,"children":2671},{"style":520},[2672],{"type":155,"value":559},{"type":140,"tag":313,"props":2674,"children":2675},{"class":369,"line":1804},[2676],{"type":140,"tag":313,"props":2677,"children":2678},{"style":520},[2679],{"type":155,"value":1900},{"type":140,"tag":313,"props":2681,"children":2682},{"class":369,"line":1834},[2683,2687],{"type":140,"tag":313,"props":2684,"children":2685},{"style":514},[2686],{"type":155,"value":1909},{"type":140,"tag":313,"props":2688,"children":2689},{"style":520},[2690],{"type":155,"value":912},{"type":140,"tag":313,"props":2692,"children":2693},{"class":369,"line":1876},[2694],{"type":140,"tag":313,"props":2695,"children":2696},{"style":520},[2697],{"type":155,"value":1922},{"type":140,"tag":313,"props":2699,"children":2700},{"class":369,"line":1885},[2701,2705],{"type":140,"tag":313,"props":2702,"children":2703},{"style":520},[2704],{"type":155,"value":577},{"type":140,"tag":313,"props":2706,"children":2707},{"style":514},[2708],{"type":155,"value":582},{"type":140,"tag":2710,"props":2711,"children":2713},"h4",{"id":2712},"disabling-runtime-fetching",[2714],{"type":155,"value":2715},"Disabling Runtime Fetching",{"type":140,"tag":141,"props":2717,"children":2718},{},[2719,2721,2727,2729,2735],{"type":155,"value":2720},"Or if you want to disable the dynamic icon fetching completely and only use icons from the ",{"type":140,"tag":161,"props":2722,"children":2724},{"href":2723},"#client-bundle",[2725],{"type":155,"value":2726},"client bundle",{"type":155,"value":2728},", you can set ",{"type":140,"tag":321,"props":2730,"children":2732},{"className":2731},[],[2733],{"type":155,"value":2734},"provider: 'none'",{"type":155,"value":537},{"type":140,"tag":358,"props":2737,"children":2739},{"className":485,"code":2738,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  icon: {\n    provider: 'none',\n    clientBundle: {\n      scan: true,\n      // ...or other bundle options\n    },\n  }\n})\n",[2740],{"type":140,"tag":321,"props":2741,"children":2742},{"__ignoreMap":14},[2743,2766,2781,2809,2825,2846,2854,2862,2869],{"type":140,"tag":313,"props":2744,"children":2745},{"class":369,"line":74},[2746,2750,2754,2758,2762],{"type":140,"tag":313,"props":2747,"children":2748},{"style":497},[2749],{"type":155,"value":500},{"type":140,"tag":313,"props":2751,"children":2752},{"style":497},[2753],{"type":155,"value":505},{"type":140,"tag":313,"props":2755,"children":2756},{"style":508},[2757],{"type":155,"value":511},{"type":140,"tag":313,"props":2759,"children":2760},{"style":514},[2761],{"type":155,"value":517},{"type":140,"tag":313,"props":2763,"children":2764},{"style":520},[2765],{"type":155,"value":523},{"type":140,"tag":313,"props":2767,"children":2768},{"class":369,"line":58},[2769,2773,2777],{"type":140,"tag":313,"props":2770,"children":2771},{"style":529},[2772],{"type":155,"value":872},{"type":140,"tag":313,"props":2774,"children":2775},{"style":520},[2776],{"type":155,"value":537},{"type":140,"tag":313,"props":2778,"children":2779},{"style":520},[2780],{"type":155,"value":881},{"type":140,"tag":313,"props":2782,"children":2783},{"class":369,"line":51},[2784,2788,2792,2796,2801,2805],{"type":140,"tag":313,"props":2785,"children":2786},{"style":529},[2787],{"type":155,"value":2574},{"type":140,"tag":313,"props":2789,"children":2790},{"style":520},[2791],{"type":155,"value":537},{"type":140,"tag":313,"props":2793,"children":2794},{"style":520},[2795],{"type":155,"value":898},{"type":140,"tag":313,"props":2797,"children":2798},{"style":379},[2799],{"type":155,"value":2800},"none",{"type":140,"tag":313,"props":2802,"children":2803},{"style":520},[2804],{"type":155,"value":907},{"type":140,"tag":313,"props":2806,"children":2807},{"style":520},[2808],{"type":155,"value":912},{"type":140,"tag":313,"props":2810,"children":2811},{"class":369,"line":562},[2812,2817,2821],{"type":140,"tag":313,"props":2813,"children":2814},{"style":529},[2815],{"type":155,"value":2816},"    clientBundle",{"type":140,"tag":313,"props":2818,"children":2819},{"style":520},[2820],{"type":155,"value":537},{"type":140,"tag":313,"props":2822,"children":2823},{"style":520},[2824],{"type":155,"value":881},{"type":140,"tag":313,"props":2826,"children":2827},{"class":369,"line":571},[2828,2833,2837,2842],{"type":140,"tag":313,"props":2829,"children":2830},{"style":529},[2831],{"type":155,"value":2832},"      scan",{"type":140,"tag":313,"props":2834,"children":2835},{"style":520},[2836],{"type":155,"value":537},{"type":140,"tag":313,"props":2838,"children":2839},{"style":2544},[2840],{"type":155,"value":2841}," true",{"type":140,"tag":313,"props":2843,"children":2844},{"style":520},[2845],{"type":155,"value":912},{"type":140,"tag":313,"props":2847,"children":2848},{"class":369,"line":940},[2849],{"type":140,"tag":313,"props":2850,"children":2851},{"style":837},[2852],{"type":155,"value":2853},"      // ...or other bundle options\n",{"type":140,"tag":313,"props":2855,"children":2856},{"class":369,"line":949},[2857],{"type":140,"tag":313,"props":2858,"children":2859},{"style":520},[2860],{"type":155,"value":2861},"    },\n",{"type":140,"tag":313,"props":2863,"children":2864},{"class":369,"line":1286},[2865],{"type":140,"tag":313,"props":2866,"children":2867},{"style":520},[2868],{"type":155,"value":946},{"type":140,"tag":313,"props":2870,"children":2871},{"class":369,"line":47},[2872,2876],{"type":140,"tag":313,"props":2873,"children":2874},{"style":520},[2875],{"type":155,"value":577},{"type":140,"tag":313,"props":2877,"children":2878},{"style":514},[2879],{"type":155,"value":582},{"type":140,"tag":960,"props":2881,"children":2883},{"id":2882},"case-sensitive-custom-collections",[2884],{"type":155,"value":2885},"Case Sensitive Custom Collections",{"type":140,"tag":141,"props":2887,"children":2888},{},[2889,2891,2897,2899,2905,2907,2912],{"type":155,"value":2890},"Before ",{"type":140,"tag":321,"props":2892,"children":2894},{"className":2893},[],[2895],{"type":155,"value":2896},"v1.10",{"type":155,"value":2898},", due to the limitation of Iconify's previous convention, all custom icons were normalized to ",{"type":140,"tag":321,"props":2900,"children":2902},{"className":2901},[],[2903],{"type":155,"value":2904},"kebab-case",{"type":155,"value":2906}," with a warning. Thanks to the updates on Iconify side, starting from ",{"type":140,"tag":321,"props":2908,"children":2910},{"className":2909},[],[2911],{"type":155,"value":2896},{"type":155,"value":2913},", you can opt-in to use case-sensitive custom collections and by pass the normalization.",{"type":140,"tag":358,"props":2915,"children":2917},{"className":485,"code":2916,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    customCollections: [\n      {\n        prefix: 'my-icon',\n        dir: './assets/my-icons',\n        normalizeIconName: false, // \u003C-- this\n      },\n    ],\n  },\n})\n",[2918],{"type":140,"tag":321,"props":2919,"children":2920},{"__ignoreMap":14},[2921,2944,2959,2974,2985,3000,3015,3022,3049,3076,3100,3107,3118,3125],{"type":140,"tag":313,"props":2922,"children":2923},{"class":369,"line":74},[2924,2928,2932,2936,2940],{"type":140,"tag":313,"props":2925,"children":2926},{"style":497},[2927],{"type":155,"value":500},{"type":140,"tag":313,"props":2929,"children":2930},{"style":497},[2931],{"type":155,"value":505},{"type":140,"tag":313,"props":2933,"children":2934},{"style":508},[2935],{"type":155,"value":511},{"type":140,"tag":313,"props":2937,"children":2938},{"style":514},[2939],{"type":155,"value":517},{"type":140,"tag":313,"props":2941,"children":2942},{"style":520},[2943],{"type":155,"value":523},{"type":140,"tag":313,"props":2945,"children":2946},{"class":369,"line":58},[2947,2951,2955],{"type":140,"tag":313,"props":2948,"children":2949},{"style":529},[2950],{"type":155,"value":532},{"type":140,"tag":313,"props":2952,"children":2953},{"style":520},[2954],{"type":155,"value":537},{"type":140,"tag":313,"props":2956,"children":2957},{"style":514},[2958],{"type":155,"value":542},{"type":140,"tag":313,"props":2960,"children":2961},{"class":369,"line":51},[2962,2966,2970],{"type":140,"tag":313,"props":2963,"children":2964},{"style":520},[2965],{"type":155,"value":550},{"type":140,"tag":313,"props":2967,"children":2968},{"style":379},[2969],{"type":155,"value":11},{"type":140,"tag":313,"props":2971,"children":2972},{"style":520},[2973],{"type":155,"value":559},{"type":140,"tag":313,"props":2975,"children":2976},{"class":369,"line":562},[2977,2981],{"type":140,"tag":313,"props":2978,"children":2979},{"style":514},[2980],{"type":155,"value":1757},{"type":140,"tag":313,"props":2982,"children":2983},{"style":520},[2984],{"type":155,"value":912},{"type":140,"tag":313,"props":2986,"children":2987},{"class":369,"line":571},[2988,2992,2996],{"type":140,"tag":313,"props":2989,"children":2990},{"style":529},[2991],{"type":155,"value":872},{"type":140,"tag":313,"props":2993,"children":2994},{"style":520},[2995],{"type":155,"value":537},{"type":140,"tag":313,"props":2997,"children":2998},{"style":520},[2999],{"type":155,"value":881},{"type":140,"tag":313,"props":3001,"children":3002},{"class":369,"line":940},[3003,3007,3011],{"type":140,"tag":313,"props":3004,"children":3005},{"style":529},[3006],{"type":155,"value":1784},{"type":140,"tag":313,"props":3008,"children":3009},{"style":520},[3010],{"type":155,"value":537},{"type":140,"tag":313,"props":3012,"children":3013},{"style":514},[3014],{"type":155,"value":542},{"type":140,"tag":313,"props":3016,"children":3017},{"class":369,"line":949},[3018],{"type":140,"tag":313,"props":3019,"children":3020},{"style":520},[3021],{"type":155,"value":1801},{"type":140,"tag":313,"props":3023,"children":3024},{"class":369,"line":1286},[3025,3029,3033,3037,3041,3045],{"type":140,"tag":313,"props":3026,"children":3027},{"style":529},[3028],{"type":155,"value":1810},{"type":140,"tag":313,"props":3030,"children":3031},{"style":520},[3032],{"type":155,"value":537},{"type":140,"tag":313,"props":3034,"children":3035},{"style":520},[3036],{"type":155,"value":898},{"type":140,"tag":313,"props":3038,"children":3039},{"style":379},[3040],{"type":155,"value":1823},{"type":140,"tag":313,"props":3042,"children":3043},{"style":520},[3044],{"type":155,"value":907},{"type":140,"tag":313,"props":3046,"children":3047},{"style":520},[3048],{"type":155,"value":912},{"type":140,"tag":313,"props":3050,"children":3051},{"class":369,"line":47},[3052,3056,3060,3064,3068,3072],{"type":140,"tag":313,"props":3053,"children":3054},{"style":529},[3055],{"type":155,"value":1840},{"type":140,"tag":313,"props":3057,"children":3058},{"style":520},[3059],{"type":155,"value":537},{"type":140,"tag":313,"props":3061,"children":3062},{"style":520},[3063],{"type":155,"value":898},{"type":140,"tag":313,"props":3065,"children":3066},{"style":379},[3067],{"type":155,"value":1514},{"type":140,"tag":313,"props":3069,"children":3070},{"style":520},[3071],{"type":155,"value":907},{"type":140,"tag":313,"props":3073,"children":3074},{"style":520},[3075],{"type":155,"value":912},{"type":140,"tag":313,"props":3077,"children":3078},{"class":369,"line":43},[3079,3084,3088,3092,3096],{"type":140,"tag":313,"props":3080,"children":3081},{"style":529},[3082],{"type":155,"value":3083},"        normalizeIconName",{"type":140,"tag":313,"props":3085,"children":3086},{"style":520},[3087],{"type":155,"value":537},{"type":140,"tag":313,"props":3089,"children":3090},{"style":2544},[3091],{"type":155,"value":2547},{"type":140,"tag":313,"props":3093,"children":3094},{"style":520},[3095],{"type":155,"value":1245},{"type":140,"tag":313,"props":3097,"children":3098},{"style":837},[3099],{"type":155,"value":2600},{"type":140,"tag":313,"props":3101,"children":3102},{"class":369,"line":1795},[3103],{"type":140,"tag":313,"props":3104,"children":3105},{"style":520},[3106],{"type":155,"value":1900},{"type":140,"tag":313,"props":3108,"children":3109},{"class":369,"line":1804},[3110,3114],{"type":140,"tag":313,"props":3111,"children":3112},{"style":514},[3113],{"type":155,"value":1909},{"type":140,"tag":313,"props":3115,"children":3116},{"style":520},[3117],{"type":155,"value":912},{"type":140,"tag":313,"props":3119,"children":3120},{"class":369,"line":1834},[3121],{"type":140,"tag":313,"props":3122,"children":3123},{"style":520},[3124],{"type":155,"value":1922},{"type":140,"tag":313,"props":3126,"children":3127},{"class":369,"line":1876},[3128,3132],{"type":140,"tag":313,"props":3129,"children":3130},{"style":520},[3131],{"type":155,"value":577},{"type":140,"tag":313,"props":3133,"children":3134},{"style":514},[3135],{"type":155,"value":582},{"type":140,"tag":141,"props":3137,"children":3138},{},[3139,3141,3147,3149,3155],{"type":155,"value":3140},"Which enable to use ",{"type":140,"tag":321,"props":3142,"children":3144},{"className":3143},[],[3145],{"type":155,"value":3146},"assets/my-icons/FooBar.svg",{"type":155,"value":3148}," as ",{"type":140,"tag":321,"props":3150,"children":3152},{"className":3151},[],[3153],{"type":155,"value":3154},"my-icon:FooBar",{"type":155,"value":3156},", for example.",{"type":140,"tag":141,"props":3158,"children":3159},{},[3160,3166,3168,3174,3176,3183],{"type":140,"tag":321,"props":3161,"children":3163},{"className":3162},[],[3164],{"type":155,"value":3165},"normalizeIconName",{"type":155,"value":3167}," is default to ",{"type":140,"tag":321,"props":3169,"children":3171},{"className":3170},[],[3172],{"type":155,"value":3173},"true",{"type":155,"value":3175}," for backward compatibility, and will be flipped in the future major version. See ",{"type":140,"tag":161,"props":3177,"children":3180},{"href":3178,"rel":3179},"https://github.com/nuxt/icon/issues/265",[165],[3181],{"type":155,"value":3182},"#265",{"type":155,"value":3184}," for more context.",{"type":140,"tag":960,"props":3186,"children":3188},{"id":3187},"icon-customization",[3189],{"type":155,"value":3190},"Icon Customization",{"type":140,"tag":141,"props":3192,"children":3193},{},[3194,3196,3201,3203,3208,3210,3216,3218,3224],{"type":155,"value":3195},"To update the default size (",{"type":140,"tag":321,"props":3197,"children":3199},{"className":3198},[],[3200],{"type":155,"value":648},{"type":155,"value":3202},") of the ",{"type":140,"tag":321,"props":3204,"children":3206},{"className":3205},[],[3207],{"type":155,"value":408},{"type":155,"value":3209},", create an ",{"type":140,"tag":321,"props":3211,"children":3213},{"className":3212},[],[3214],{"type":155,"value":3215},"app.config.ts",{"type":155,"value":3217}," with the ",{"type":140,"tag":321,"props":3219,"children":3221},{"className":3220},[],[3222],{"type":155,"value":3223},"icon.size",{"type":155,"value":3225}," property.",{"type":140,"tag":141,"props":3227,"children":3228},{},[3229,3231,3237,3238,3243,3244,3250,3252,3257],{"type":155,"value":3230},"Update the default class (",{"type":140,"tag":321,"props":3232,"children":3234},{"className":3233},[],[3235],{"type":155,"value":3236},".icon",{"type":155,"value":3202},{"type":140,"tag":321,"props":3239,"children":3241},{"className":3240},[],[3242],{"type":155,"value":408},{"type":155,"value":3217},{"type":140,"tag":321,"props":3245,"children":3247},{"className":3246},[],[3248],{"type":155,"value":3249},"icon.class",{"type":155,"value":3251}," property, for a headless Icon, set ",{"type":140,"tag":321,"props":3253,"children":3255},{"className":3254},[],[3256],{"type":155,"value":8},{"type":155,"value":3258},".class: ''`.",{"type":140,"tag":141,"props":3260,"children":3261},{},[3262,3264,3270],{"type":155,"value":3263},"You can also define aliases to make swapping out icons easier by leveraging the ",{"type":140,"tag":321,"props":3265,"children":3267},{"className":3266},[],[3268],{"type":155,"value":3269},"icon.aliases",{"type":155,"value":3225},{"type":140,"tag":306,"props":3272,"children":3273},{},[3274],{"type":140,"tag":141,"props":3275,"children":3276},{},[3277,3281,3283,3288,3290,3295],{"type":140,"tag":313,"props":3278,"children":3279},{},[3280],{"type":155,"value":317},{"type":155,"value":3282},"\nNote it's ",{"type":140,"tag":321,"props":3284,"children":3286},{"className":3285},[],[3287],{"type":155,"value":3215},{"type":155,"value":3289}," and not ",{"type":140,"tag":321,"props":3291,"children":3293},{"className":3292},[],[3294],{"type":155,"value":482},{"type":155,"value":3296}," for runtime configs.",{"type":140,"tag":358,"props":3298,"children":3300},{"className":485,"code":3299,"language":487,"meta":14,"style":14},"// app.config.ts\nexport default defineAppConfig({\n  icon: {\n    size: '24px', // default \u003CIcon> size applied\n    class: 'icon', // default \u003CIcon> class applied\n    mode: 'css', // default \u003CIcon> mode applied\n    aliases: {\n      'nuxt': 'logos:nuxt-icon',\n    },\n    cssLayer: 'base' // set the css layer to inject to\n  }\n})\n",[3301],{"type":140,"tag":321,"props":3302,"children":3303},{"__ignoreMap":14},[3304,3312,3335,3350,3384,3417,3449,3465,3502,3509,3537,3544],{"type":140,"tag":313,"props":3305,"children":3306},{"class":369,"line":74},[3307],{"type":140,"tag":313,"props":3308,"children":3309},{"style":837},[3310],{"type":155,"value":3311},"// app.config.ts\n",{"type":140,"tag":313,"props":3313,"children":3314},{"class":369,"line":58},[3315,3319,3323,3327,3331],{"type":140,"tag":313,"props":3316,"children":3317},{"style":497},[3318],{"type":155,"value":500},{"type":140,"tag":313,"props":3320,"children":3321},{"style":497},[3322],{"type":155,"value":505},{"type":140,"tag":313,"props":3324,"children":3325},{"style":508},[3326],{"type":155,"value":856},{"type":140,"tag":313,"props":3328,"children":3329},{"style":514},[3330],{"type":155,"value":517},{"type":140,"tag":313,"props":3332,"children":3333},{"style":520},[3334],{"type":155,"value":523},{"type":140,"tag":313,"props":3336,"children":3337},{"class":369,"line":51},[3338,3342,3346],{"type":140,"tag":313,"props":3339,"children":3340},{"style":529},[3341],{"type":155,"value":872},{"type":140,"tag":313,"props":3343,"children":3344},{"style":520},[3345],{"type":155,"value":537},{"type":140,"tag":313,"props":3347,"children":3348},{"style":520},[3349],{"type":155,"value":881},{"type":140,"tag":313,"props":3351,"children":3352},{"class":369,"line":562},[3353,3358,3362,3366,3371,3375,3379],{"type":140,"tag":313,"props":3354,"children":3355},{"style":529},[3356],{"type":155,"value":3357},"    size",{"type":140,"tag":313,"props":3359,"children":3360},{"style":520},[3361],{"type":155,"value":537},{"type":140,"tag":313,"props":3363,"children":3364},{"style":520},[3365],{"type":155,"value":898},{"type":140,"tag":313,"props":3367,"children":3368},{"style":379},[3369],{"type":155,"value":3370},"24px",{"type":140,"tag":313,"props":3372,"children":3373},{"style":520},[3374],{"type":155,"value":907},{"type":140,"tag":313,"props":3376,"children":3377},{"style":520},[3378],{"type":155,"value":1245},{"type":140,"tag":313,"props":3380,"children":3381},{"style":837},[3382],{"type":155,"value":3383}," // default \u003CIcon> size applied\n",{"type":140,"tag":313,"props":3385,"children":3386},{"class":369,"line":571},[3387,3392,3396,3400,3404,3408,3412],{"type":140,"tag":313,"props":3388,"children":3389},{"style":529},[3390],{"type":155,"value":3391},"    class",{"type":140,"tag":313,"props":3393,"children":3394},{"style":520},[3395],{"type":155,"value":537},{"type":140,"tag":313,"props":3397,"children":3398},{"style":520},[3399],{"type":155,"value":898},{"type":140,"tag":313,"props":3401,"children":3402},{"style":379},[3403],{"type":155,"value":8},{"type":140,"tag":313,"props":3405,"children":3406},{"style":520},[3407],{"type":155,"value":907},{"type":140,"tag":313,"props":3409,"children":3410},{"style":520},[3411],{"type":155,"value":1245},{"type":140,"tag":313,"props":3413,"children":3414},{"style":837},[3415],{"type":155,"value":3416}," // default \u003CIcon> class applied\n",{"type":140,"tag":313,"props":3418,"children":3419},{"class":369,"line":940},[3420,3424,3428,3432,3436,3440,3444],{"type":140,"tag":313,"props":3421,"children":3422},{"style":529},[3423],{"type":155,"value":889},{"type":140,"tag":313,"props":3425,"children":3426},{"style":520},[3427],{"type":155,"value":537},{"type":140,"tag":313,"props":3429,"children":3430},{"style":520},[3431],{"type":155,"value":898},{"type":140,"tag":313,"props":3433,"children":3434},{"style":379},[3435],{"type":155,"value":675},{"type":140,"tag":313,"props":3437,"children":3438},{"style":520},[3439],{"type":155,"value":907},{"type":140,"tag":313,"props":3441,"children":3442},{"style":520},[3443],{"type":155,"value":1245},{"type":140,"tag":313,"props":3445,"children":3446},{"style":837},[3447],{"type":155,"value":3448}," // default \u003CIcon> mode applied\n",{"type":140,"tag":313,"props":3450,"children":3451},{"class":369,"line":949},[3452,3457,3461],{"type":140,"tag":313,"props":3453,"children":3454},{"style":529},[3455],{"type":155,"value":3456},"    aliases",{"type":140,"tag":313,"props":3458,"children":3459},{"style":520},[3460],{"type":155,"value":537},{"type":140,"tag":313,"props":3462,"children":3463},{"style":520},[3464],{"type":155,"value":881},{"type":140,"tag":313,"props":3466,"children":3467},{"class":369,"line":1286},[3468,3473,3477,3481,3485,3489,3494,3498],{"type":140,"tag":313,"props":3469,"children":3470},{"style":520},[3471],{"type":155,"value":3472},"      '",{"type":140,"tag":313,"props":3474,"children":3475},{"style":529},[3476],{"type":155,"value":2304},{"type":140,"tag":313,"props":3478,"children":3479},{"style":520},[3480],{"type":155,"value":907},{"type":140,"tag":313,"props":3482,"children":3483},{"style":520},[3484],{"type":155,"value":537},{"type":140,"tag":313,"props":3486,"children":3487},{"style":520},[3488],{"type":155,"value":898},{"type":140,"tag":313,"props":3490,"children":3491},{"style":379},[3492],{"type":155,"value":3493},"logos:nuxt-icon",{"type":140,"tag":313,"props":3495,"children":3496},{"style":520},[3497],{"type":155,"value":907},{"type":140,"tag":313,"props":3499,"children":3500},{"style":520},[3501],{"type":155,"value":912},{"type":140,"tag":313,"props":3503,"children":3504},{"class":369,"line":47},[3505],{"type":140,"tag":313,"props":3506,"children":3507},{"style":520},[3508],{"type":155,"value":2861},{"type":140,"tag":313,"props":3510,"children":3511},{"class":369,"line":43},[3512,3516,3520,3524,3528,3532],{"type":140,"tag":313,"props":3513,"children":3514},{"style":529},[3515],{"type":155,"value":920},{"type":140,"tag":313,"props":3517,"children":3518},{"style":520},[3519],{"type":155,"value":537},{"type":140,"tag":313,"props":3521,"children":3522},{"style":520},[3523],{"type":155,"value":898},{"type":140,"tag":313,"props":3525,"children":3526},{"style":379},[3527],{"type":155,"value":933},{"type":140,"tag":313,"props":3529,"children":3530},{"style":520},[3531],{"type":155,"value":907},{"type":140,"tag":313,"props":3533,"children":3534},{"style":837},[3535],{"type":155,"value":3536}," // set the css layer to inject to\n",{"type":140,"tag":313,"props":3538,"children":3539},{"class":369,"line":1795},[3540],{"type":140,"tag":313,"props":3541,"children":3542},{"style":520},[3543],{"type":155,"value":946},{"type":140,"tag":313,"props":3545,"children":3546},{"class":369,"line":1804},[3547,3551],{"type":140,"tag":313,"props":3548,"children":3549},{"style":520},[3550],{"type":155,"value":577},{"type":140,"tag":313,"props":3552,"children":3553},{"style":514},[3554],{"type":155,"value":582},{"type":140,"tag":141,"props":3556,"children":3557},{},[3558,3560,3565,3567,3572],{"type":155,"value":3559},"The icons will have the default size of ",{"type":140,"tag":321,"props":3561,"children":3563},{"className":3562},[],[3564],{"type":155,"value":3370},{"type":155,"value":3566}," and the ",{"type":140,"tag":321,"props":3568,"children":3570},{"className":3569},[],[3571],{"type":155,"value":2304},{"type":155,"value":3573}," icon will be available:",{"type":140,"tag":358,"props":3575,"children":3577},{"className":724,"code":3576,"language":726,"meta":14,"style":14},"\u003CIcon name=\"nuxt\" />\n",[3578],{"type":140,"tag":321,"props":3579,"children":3580},{"__ignoreMap":14},[3581],{"type":140,"tag":313,"props":3582,"children":3583},{"class":369,"line":74},[3584,3588,3592,3596,3600,3604,3608,3612],{"type":140,"tag":313,"props":3585,"children":3586},{"style":520},[3587],{"type":155,"value":738},{"type":140,"tag":313,"props":3589,"children":3590},{"style":529},[3591],{"type":155,"value":743},{"type":140,"tag":313,"props":3593,"children":3594},{"style":746},[3595],{"type":155,"value":749},{"type":140,"tag":313,"props":3597,"children":3598},{"style":520},[3599],{"type":155,"value":754},{"type":140,"tag":313,"props":3601,"children":3602},{"style":520},[3603],{"type":155,"value":759},{"type":140,"tag":313,"props":3605,"children":3606},{"style":379},[3607],{"type":155,"value":2304},{"type":140,"tag":313,"props":3609,"children":3610},{"style":520},[3611],{"type":155,"value":759},{"type":140,"tag":313,"props":3613,"children":3614},{"style":520},[3615],{"type":155,"value":795},{"type":140,"tag":141,"props":3617,"children":3618},{},[3619,3621,3627,3629,3635,3637,3644,3646,3652,3654,3660,3662,3669,3671,3677],{"type":155,"value":3620},"By default, this module will create a server endpoint ",{"type":140,"tag":321,"props":3622,"children":3624},{"className":3623},[],[3625],{"type":155,"value":3626},"/api/_nuxt_icon/:collection",{"type":155,"value":3628}," to serve the icons from your local server bundle (you can override the default path by setting ",{"type":140,"tag":321,"props":3630,"children":3632},{"className":3631},[],[3633],{"type":155,"value":3634},"icon.localApiEndpoint",{"type":155,"value":3636}," to your desired path). When requesting an icon that does not exist in the local bundle, it will fallback to requesting ",{"type":140,"tag":161,"props":3638,"children":3641},{"href":3639,"rel":3640},"https://api.iconify.design",[165],[3642],{"type":155,"value":3643},"the official Iconify API",{"type":155,"value":3645},". You can disable the fallback by setting ",{"type":140,"tag":321,"props":3647,"children":3649},{"className":3648},[],[3650],{"type":155,"value":3651},"icon.fallbackToApi",{"type":155,"value":3653}," to ",{"type":140,"tag":321,"props":3655,"children":3657},{"className":3656},[],[3658],{"type":155,"value":3659},"false",{"type":155,"value":3661},", or set up ",{"type":140,"tag":161,"props":3663,"children":3666},{"href":3664,"rel":3665},"https://iconify.design/docs/api/hosting.html",[165],[3667],{"type":155,"value":3668},"your own Iconify API",{"type":155,"value":3670}," and update ",{"type":140,"tag":321,"props":3672,"children":3674},{"className":3673},[],[3675],{"type":155,"value":3676},"icon.iconifyApiEndpoint",{"type":155,"value":3678}," to your own API endpoint.",{"type":140,"tag":141,"props":3680,"children":3681},{},[3682],{"type":140,"tag":613,"props":3683,"children":3684},{},[3685],{"type":155,"value":3686},"Customizing Icons with the customize Option",{"type":140,"tag":141,"props":3688,"children":3689},{},[3690],{"type":155,"value":3691},"The customize option allows you to modify various aspects of the SVG icons used in your project. With this option, you can:",{"type":140,"tag":241,"props":3693,"children":3694},{},[3695,3700,3705,3710,3715],{"type":140,"tag":245,"props":3696,"children":3697},{},[3698],{"type":155,"value":3699},"Change Stroke Width",{"type":140,"tag":245,"props":3701,"children":3702},{},[3703],{"type":155,"value":3704},"Change Colors",{"type":140,"tag":245,"props":3706,"children":3707},{},[3708],{"type":155,"value":3709},"Change Animation Duration",{"type":140,"tag":245,"props":3711,"children":3712},{},[3713],{"type":155,"value":3714},"Change Opacity",{"type":140,"tag":245,"props":3716,"children":3717},{},[3718],{"type":155,"value":3719},"Add Extra Shapes",{"type":140,"tag":141,"props":3721,"children":3722},{},[3723],{"type":155,"value":3724},"You have full control over SVG content with these customization options.",{"type":140,"tag":141,"props":3726,"children":3727},{},[3728],{"type":155,"value":3729},"In a Component\nYou can define a customize function within a component to apply various modifications to your icons.",{"type":140,"tag":358,"props":3731,"children":3733},{"className":2014,"code":3732,"language":2016,"meta":14,"style":14},"\u003Cscript setup lang=\"ts\">\n// Define the customize function to modify SVG content\nconst customize = (content: string, name: string, prefix: string, provider: string) => {\n  if (prefix !== 'tabler') return content // Ignore Prefix\n\n  return content\n    .replace(/stroke-width=\"[^\"]*\"/g, `stroke-width=\"2\"`) // Change stroke width to 2\n    .replace(/stroke=\"[^\"]*\"/g, `stroke=\"#FF5733\"`) // Change stroke color to red\n    .replace(/fill=\"[^\"]*\"/g, `fill=\"#FF5733\"`) // Change fill color to red\n    .replace(/animation-duration=\"[^\"]*\"/g, `animation-duration=\"1s\"`) // Change animation duration to 1s (for animated icons)\n    .replace(/opacity=\"[^\"]*\"/g, `opacity=\"0.8\"`);// Change opacity to 0.8\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CIcon name=\"tabler:star\" :customize=\"customize\" />\n\u003C/template>\n\n\u003C!-- You can also use `:customize=\"false\"` to disabled the global customization function per-usage -->\n",[3734],{"type":140,"tag":321,"props":3735,"children":3736},{"__ignoreMap":14},[3737,3779,3787,3886,3941,3948,3961,4043,4117,4191,4265,4344,4352,4367,4374,4389,4447,4462,4469],{"type":140,"tag":313,"props":3738,"children":3739},{"class":369,"line":74},[3740,3744,3749,3754,3759,3763,3767,3771,3775],{"type":140,"tag":313,"props":3741,"children":3742},{"style":520},[3743],{"type":155,"value":738},{"type":140,"tag":313,"props":3745,"children":3746},{"style":529},[3747],{"type":155,"value":3748},"script",{"type":140,"tag":313,"props":3750,"children":3751},{"style":746},[3752],{"type":155,"value":3753}," setup",{"type":140,"tag":313,"props":3755,"children":3756},{"style":746},[3757],{"type":155,"value":3758}," lang",{"type":140,"tag":313,"props":3760,"children":3761},{"style":520},[3762],{"type":155,"value":754},{"type":140,"tag":313,"props":3764,"children":3765},{"style":520},[3766],{"type":155,"value":759},{"type":140,"tag":313,"props":3768,"children":3769},{"style":379},[3770],{"type":155,"value":487},{"type":140,"tag":313,"props":3772,"children":3773},{"style":520},[3774],{"type":155,"value":759},{"type":140,"tag":313,"props":3776,"children":3777},{"style":520},[3778],{"type":155,"value":2037},{"type":140,"tag":313,"props":3780,"children":3781},{"class":369,"line":58},[3782],{"type":140,"tag":313,"props":3783,"children":3784},{"style":837},[3785],{"type":155,"value":3786},"// Define the customize function to modify SVG content\n",{"type":140,"tag":313,"props":3788,"children":3789},{"class":369,"line":51},[3790,3794,3799,3803,3808,3814,3818,3823,3827,3831,3835,3839,3843,3848,3852,3856,3860,3865,3869,3873,3877,3882],{"type":140,"tag":313,"props":3791,"children":3792},{"style":746},[3793],{"type":155,"value":1641},{"type":140,"tag":313,"props":3795,"children":3796},{"style":514},[3797],{"type":155,"value":3798}," customize ",{"type":140,"tag":313,"props":3800,"children":3801},{"style":520},[3802],{"type":155,"value":754},{"type":140,"tag":313,"props":3804,"children":3805},{"style":520},[3806],{"type":155,"value":3807}," (",{"type":140,"tag":313,"props":3809,"children":3811},{"style":3810},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[3812],{"type":155,"value":3813},"content",{"type":140,"tag":313,"props":3815,"children":3816},{"style":520},[3817],{"type":155,"value":537},{"type":140,"tag":313,"props":3819,"children":3820},{"style":373},[3821],{"type":155,"value":3822}," string",{"type":140,"tag":313,"props":3824,"children":3825},{"style":520},[3826],{"type":155,"value":1245},{"type":140,"tag":313,"props":3828,"children":3829},{"style":3810},[3830],{"type":155,"value":749},{"type":140,"tag":313,"props":3832,"children":3833},{"style":520},[3834],{"type":155,"value":537},{"type":140,"tag":313,"props":3836,"children":3837},{"style":373},[3838],{"type":155,"value":3822},{"type":140,"tag":313,"props":3840,"children":3841},{"style":520},[3842],{"type":155,"value":1245},{"type":140,"tag":313,"props":3844,"children":3845},{"style":3810},[3846],{"type":155,"value":3847}," prefix",{"type":140,"tag":313,"props":3849,"children":3850},{"style":520},[3851],{"type":155,"value":537},{"type":140,"tag":313,"props":3853,"children":3854},{"style":373},[3855],{"type":155,"value":3822},{"type":140,"tag":313,"props":3857,"children":3858},{"style":520},[3859],{"type":155,"value":1245},{"type":140,"tag":313,"props":3861,"children":3862},{"style":3810},[3863],{"type":155,"value":3864}," provider",{"type":140,"tag":313,"props":3866,"children":3867},{"style":520},[3868],{"type":155,"value":537},{"type":140,"tag":313,"props":3870,"children":3871},{"style":373},[3872],{"type":155,"value":3822},{"type":140,"tag":313,"props":3874,"children":3875},{"style":520},[3876],{"type":155,"value":650},{"type":140,"tag":313,"props":3878,"children":3879},{"style":746},[3880],{"type":155,"value":3881}," =>",{"type":140,"tag":313,"props":3883,"children":3884},{"style":520},[3885],{"type":155,"value":881},{"type":140,"tag":313,"props":3887,"children":3888},{"class":369,"line":562},[3889,3894,3898,3903,3908,3912,3917,3921,3926,3931,3936],{"type":140,"tag":313,"props":3890,"children":3891},{"style":497},[3892],{"type":155,"value":3893},"  if",{"type":140,"tag":313,"props":3895,"children":3896},{"style":529},[3897],{"type":155,"value":3807},{"type":140,"tag":313,"props":3899,"children":3900},{"style":514},[3901],{"type":155,"value":3902},"prefix",{"type":140,"tag":313,"props":3904,"children":3905},{"style":520},[3906],{"type":155,"value":3907}," !==",{"type":140,"tag":313,"props":3909,"children":3910},{"style":520},[3911],{"type":155,"value":898},{"type":140,"tag":313,"props":3913,"children":3914},{"style":379},[3915],{"type":155,"value":3916},"tabler",{"type":140,"tag":313,"props":3918,"children":3919},{"style":520},[3920],{"type":155,"value":907},{"type":140,"tag":313,"props":3922,"children":3923},{"style":529},[3924],{"type":155,"value":3925},") ",{"type":140,"tag":313,"props":3927,"children":3928},{"style":497},[3929],{"type":155,"value":3930},"return",{"type":140,"tag":313,"props":3932,"children":3933},{"style":514},[3934],{"type":155,"value":3935}," content",{"type":140,"tag":313,"props":3937,"children":3938},{"style":837},[3939],{"type":155,"value":3940}," // Ignore Prefix\n",{"type":140,"tag":313,"props":3942,"children":3943},{"class":369,"line":571},[3944],{"type":140,"tag":313,"props":3945,"children":3946},{"emptyLinePlaceholder":1630},[3947],{"type":155,"value":1633},{"type":140,"tag":313,"props":3949,"children":3950},{"class":369,"line":940},[3951,3956],{"type":140,"tag":313,"props":3952,"children":3953},{"style":497},[3954],{"type":155,"value":3955},"  return",{"type":140,"tag":313,"props":3957,"children":3958},{"style":514},[3959],{"type":155,"value":3960}," content\n",{"type":140,"tag":313,"props":3962,"children":3963},{"class":369,"line":949},[3964,3969,3974,3978,3983,3988,3993,3997,4002,4006,4010,4015,4019,4024,4029,4034,4038],{"type":140,"tag":313,"props":3965,"children":3966},{"style":520},[3967],{"type":155,"value":3968},"    .",{"type":140,"tag":313,"props":3970,"children":3971},{"style":508},[3972],{"type":155,"value":3973},"replace",{"type":140,"tag":313,"props":3975,"children":3976},{"style":529},[3977],{"type":155,"value":517},{"type":140,"tag":313,"props":3979,"children":3980},{"style":520},[3981],{"type":155,"value":3982},"/",{"type":140,"tag":313,"props":3984,"children":3985},{"style":379},[3986],{"type":155,"value":3987},"stroke-width=\"",{"type":140,"tag":313,"props":3989,"children":3990},{"style":520},[3991],{"type":155,"value":3992},"[^",{"type":140,"tag":313,"props":3994,"children":3995},{"style":379},[3996],{"type":155,"value":759},{"type":140,"tag":313,"props":3998,"children":3999},{"style":520},[4000],{"type":155,"value":4001},"]*",{"type":140,"tag":313,"props":4003,"children":4004},{"style":379},[4005],{"type":155,"value":759},{"type":140,"tag":313,"props":4007,"children":4008},{"style":520},[4009],{"type":155,"value":3982},{"type":140,"tag":313,"props":4011,"children":4012},{"style":2366},[4013],{"type":155,"value":4014},"g",{"type":140,"tag":313,"props":4016,"children":4017},{"style":520},[4018],{"type":155,"value":1245},{"type":140,"tag":313,"props":4020,"children":4021},{"style":520},[4022],{"type":155,"value":4023}," `",{"type":140,"tag":313,"props":4025,"children":4026},{"style":379},[4027],{"type":155,"value":4028},"stroke-width=\"2\"",{"type":140,"tag":313,"props":4030,"children":4031},{"style":520},[4032],{"type":155,"value":4033},"`",{"type":140,"tag":313,"props":4035,"children":4036},{"style":529},[4037],{"type":155,"value":3925},{"type":140,"tag":313,"props":4039,"children":4040},{"style":837},[4041],{"type":155,"value":4042},"// Change stroke width to 2\n",{"type":140,"tag":313,"props":4044,"children":4045},{"class":369,"line":1286},[4046,4050,4054,4058,4062,4067,4071,4075,4079,4083,4087,4091,4095,4099,4104,4108,4112],{"type":140,"tag":313,"props":4047,"children":4048},{"style":520},[4049],{"type":155,"value":3968},{"type":140,"tag":313,"props":4051,"children":4052},{"style":508},[4053],{"type":155,"value":3973},{"type":140,"tag":313,"props":4055,"children":4056},{"style":529},[4057],{"type":155,"value":517},{"type":140,"tag":313,"props":4059,"children":4060},{"style":520},[4061],{"type":155,"value":3982},{"type":140,"tag":313,"props":4063,"children":4064},{"style":379},[4065],{"type":155,"value":4066},"stroke=\"",{"type":140,"tag":313,"props":4068,"children":4069},{"style":520},[4070],{"type":155,"value":3992},{"type":140,"tag":313,"props":4072,"children":4073},{"style":379},[4074],{"type":155,"value":759},{"type":140,"tag":313,"props":4076,"children":4077},{"style":520},[4078],{"type":155,"value":4001},{"type":140,"tag":313,"props":4080,"children":4081},{"style":379},[4082],{"type":155,"value":759},{"type":140,"tag":313,"props":4084,"children":4085},{"style":520},[4086],{"type":155,"value":3982},{"type":140,"tag":313,"props":4088,"children":4089},{"style":2366},[4090],{"type":155,"value":4014},{"type":140,"tag":313,"props":4092,"children":4093},{"style":520},[4094],{"type":155,"value":1245},{"type":140,"tag":313,"props":4096,"children":4097},{"style":520},[4098],{"type":155,"value":4023},{"type":140,"tag":313,"props":4100,"children":4101},{"style":379},[4102],{"type":155,"value":4103},"stroke=\"#FF5733\"",{"type":140,"tag":313,"props":4105,"children":4106},{"style":520},[4107],{"type":155,"value":4033},{"type":140,"tag":313,"props":4109,"children":4110},{"style":529},[4111],{"type":155,"value":3925},{"type":140,"tag":313,"props":4113,"children":4114},{"style":837},[4115],{"type":155,"value":4116},"// Change stroke color to red\n",{"type":140,"tag":313,"props":4118,"children":4119},{"class":369,"line":47},[4120,4124,4128,4132,4136,4141,4145,4149,4153,4157,4161,4165,4169,4173,4178,4182,4186],{"type":140,"tag":313,"props":4121,"children":4122},{"style":520},[4123],{"type":155,"value":3968},{"type":140,"tag":313,"props":4125,"children":4126},{"style":508},[4127],{"type":155,"value":3973},{"type":140,"tag":313,"props":4129,"children":4130},{"style":529},[4131],{"type":155,"value":517},{"type":140,"tag":313,"props":4133,"children":4134},{"style":520},[4135],{"type":155,"value":3982},{"type":140,"tag":313,"props":4137,"children":4138},{"style":379},[4139],{"type":155,"value":4140},"fill=\"",{"type":140,"tag":313,"props":4142,"children":4143},{"style":520},[4144],{"type":155,"value":3992},{"type":140,"tag":313,"props":4146,"children":4147},{"style":379},[4148],{"type":155,"value":759},{"type":140,"tag":313,"props":4150,"children":4151},{"style":520},[4152],{"type":155,"value":4001},{"type":140,"tag":313,"props":4154,"children":4155},{"style":379},[4156],{"type":155,"value":759},{"type":140,"tag":313,"props":4158,"children":4159},{"style":520},[4160],{"type":155,"value":3982},{"type":140,"tag":313,"props":4162,"children":4163},{"style":2366},[4164],{"type":155,"value":4014},{"type":140,"tag":313,"props":4166,"children":4167},{"style":520},[4168],{"type":155,"value":1245},{"type":140,"tag":313,"props":4170,"children":4171},{"style":520},[4172],{"type":155,"value":4023},{"type":140,"tag":313,"props":4174,"children":4175},{"style":379},[4176],{"type":155,"value":4177},"fill=\"#FF5733\"",{"type":140,"tag":313,"props":4179,"children":4180},{"style":520},[4181],{"type":155,"value":4033},{"type":140,"tag":313,"props":4183,"children":4184},{"style":529},[4185],{"type":155,"value":3925},{"type":140,"tag":313,"props":4187,"children":4188},{"style":837},[4189],{"type":155,"value":4190},"// Change fill color to red\n",{"type":140,"tag":313,"props":4192,"children":4193},{"class":369,"line":43},[4194,4198,4202,4206,4210,4215,4219,4223,4227,4231,4235,4239,4243,4247,4252,4256,4260],{"type":140,"tag":313,"props":4195,"children":4196},{"style":520},[4197],{"type":155,"value":3968},{"type":140,"tag":313,"props":4199,"children":4200},{"style":508},[4201],{"type":155,"value":3973},{"type":140,"tag":313,"props":4203,"children":4204},{"style":529},[4205],{"type":155,"value":517},{"type":140,"tag":313,"props":4207,"children":4208},{"style":520},[4209],{"type":155,"value":3982},{"type":140,"tag":313,"props":4211,"children":4212},{"style":379},[4213],{"type":155,"value":4214},"animation-duration=\"",{"type":140,"tag":313,"props":4216,"children":4217},{"style":520},[4218],{"type":155,"value":3992},{"type":140,"tag":313,"props":4220,"children":4221},{"style":379},[4222],{"type":155,"value":759},{"type":140,"tag":313,"props":4224,"children":4225},{"style":520},[4226],{"type":155,"value":4001},{"type":140,"tag":313,"props":4228,"children":4229},{"style":379},[4230],{"type":155,"value":759},{"type":140,"tag":313,"props":4232,"children":4233},{"style":520},[4234],{"type":155,"value":3982},{"type":140,"tag":313,"props":4236,"children":4237},{"style":2366},[4238],{"type":155,"value":4014},{"type":140,"tag":313,"props":4240,"children":4241},{"style":520},[4242],{"type":155,"value":1245},{"type":140,"tag":313,"props":4244,"children":4245},{"style":520},[4246],{"type":155,"value":4023},{"type":140,"tag":313,"props":4248,"children":4249},{"style":379},[4250],{"type":155,"value":4251},"animation-duration=\"1s\"",{"type":140,"tag":313,"props":4253,"children":4254},{"style":520},[4255],{"type":155,"value":4033},{"type":140,"tag":313,"props":4257,"children":4258},{"style":529},[4259],{"type":155,"value":3925},{"type":140,"tag":313,"props":4261,"children":4262},{"style":837},[4263],{"type":155,"value":4264},"// Change animation duration to 1s (for animated icons)\n",{"type":140,"tag":313,"props":4266,"children":4267},{"class":369,"line":1795},[4268,4272,4276,4280,4284,4289,4293,4297,4301,4305,4309,4313,4317,4321,4326,4330,4334,4339],{"type":140,"tag":313,"props":4269,"children":4270},{"style":520},[4271],{"type":155,"value":3968},{"type":140,"tag":313,"props":4273,"children":4274},{"style":508},[4275],{"type":155,"value":3973},{"type":140,"tag":313,"props":4277,"children":4278},{"style":529},[4279],{"type":155,"value":517},{"type":140,"tag":313,"props":4281,"children":4282},{"style":520},[4283],{"type":155,"value":3982},{"type":140,"tag":313,"props":4285,"children":4286},{"style":379},[4287],{"type":155,"value":4288},"opacity=\"",{"type":140,"tag":313,"props":4290,"children":4291},{"style":520},[4292],{"type":155,"value":3992},{"type":140,"tag":313,"props":4294,"children":4295},{"style":379},[4296],{"type":155,"value":759},{"type":140,"tag":313,"props":4298,"children":4299},{"style":520},[4300],{"type":155,"value":4001},{"type":140,"tag":313,"props":4302,"children":4303},{"style":379},[4304],{"type":155,"value":759},{"type":140,"tag":313,"props":4306,"children":4307},{"style":520},[4308],{"type":155,"value":3982},{"type":140,"tag":313,"props":4310,"children":4311},{"style":2366},[4312],{"type":155,"value":4014},{"type":140,"tag":313,"props":4314,"children":4315},{"style":520},[4316],{"type":155,"value":1245},{"type":140,"tag":313,"props":4318,"children":4319},{"style":520},[4320],{"type":155,"value":4023},{"type":140,"tag":313,"props":4322,"children":4323},{"style":379},[4324],{"type":155,"value":4325},"opacity=\"0.8\"",{"type":140,"tag":313,"props":4327,"children":4328},{"style":520},[4329],{"type":155,"value":4033},{"type":140,"tag":313,"props":4331,"children":4332},{"style":529},[4333],{"type":155,"value":650},{"type":140,"tag":313,"props":4335,"children":4336},{"style":520},[4337],{"type":155,"value":4338},";",{"type":140,"tag":313,"props":4340,"children":4341},{"style":837},[4342],{"type":155,"value":4343},"// Change opacity to 0.8\n",{"type":140,"tag":313,"props":4345,"children":4346},{"class":369,"line":1804},[4347],{"type":140,"tag":313,"props":4348,"children":4349},{"style":520},[4350],{"type":155,"value":4351},"}\n",{"type":140,"tag":313,"props":4353,"children":4354},{"class":369,"line":1834},[4355,4359,4363],{"type":140,"tag":313,"props":4356,"children":4357},{"style":520},[4358],{"type":155,"value":2118},{"type":140,"tag":313,"props":4360,"children":4361},{"style":529},[4362],{"type":155,"value":3748},{"type":140,"tag":313,"props":4364,"children":4365},{"style":520},[4366],{"type":155,"value":2037},{"type":140,"tag":313,"props":4368,"children":4369},{"class":369,"line":1876},[4370],{"type":140,"tag":313,"props":4371,"children":4372},{"emptyLinePlaceholder":1630},[4373],{"type":155,"value":1633},{"type":140,"tag":313,"props":4375,"children":4376},{"class":369,"line":1885},[4377,4381,4385],{"type":140,"tag":313,"props":4378,"children":4379},{"style":520},[4380],{"type":155,"value":738},{"type":140,"tag":313,"props":4382,"children":4383},{"style":529},[4384],{"type":155,"value":2032},{"type":140,"tag":313,"props":4386,"children":4387},{"style":520},[4388],{"type":155,"value":2037},{"type":140,"tag":313,"props":4390,"children":4391},{"class":369,"line":1894},[4392,4396,4400,4404,4408,4412,4417,4421,4426,4430,4434,4439,4443],{"type":140,"tag":313,"props":4393,"children":4394},{"style":520},[4395],{"type":155,"value":2045},{"type":140,"tag":313,"props":4397,"children":4398},{"style":529},[4399],{"type":155,"value":743},{"type":140,"tag":313,"props":4401,"children":4402},{"style":746},[4403],{"type":155,"value":749},{"type":140,"tag":313,"props":4405,"children":4406},{"style":520},[4407],{"type":155,"value":754},{"type":140,"tag":313,"props":4409,"children":4410},{"style":520},[4411],{"type":155,"value":759},{"type":140,"tag":313,"props":4413,"children":4414},{"style":379},[4415],{"type":155,"value":4416},"tabler:star",{"type":140,"tag":313,"props":4418,"children":4419},{"style":520},[4420],{"type":155,"value":759},{"type":140,"tag":313,"props":4422,"children":4423},{"style":746},[4424],{"type":155,"value":4425}," :customize",{"type":140,"tag":313,"props":4427,"children":4428},{"style":520},[4429],{"type":155,"value":754},{"type":140,"tag":313,"props":4431,"children":4432},{"style":520},[4433],{"type":155,"value":759},{"type":140,"tag":313,"props":4435,"children":4436},{"style":379},[4437],{"type":155,"value":4438},"customize",{"type":140,"tag":313,"props":4440,"children":4441},{"style":520},[4442],{"type":155,"value":759},{"type":140,"tag":313,"props":4444,"children":4445},{"style":520},[4446],{"type":155,"value":795},{"type":140,"tag":313,"props":4448,"children":4449},{"class":369,"line":1903},[4450,4454,4458],{"type":140,"tag":313,"props":4451,"children":4452},{"style":520},[4453],{"type":155,"value":2118},{"type":140,"tag":313,"props":4455,"children":4456},{"style":529},[4457],{"type":155,"value":2032},{"type":140,"tag":313,"props":4459,"children":4460},{"style":520},[4461],{"type":155,"value":2037},{"type":140,"tag":313,"props":4463,"children":4464},{"class":369,"line":1916},[4465],{"type":140,"tag":313,"props":4466,"children":4467},{"emptyLinePlaceholder":1630},[4468],{"type":155,"value":1633},{"type":140,"tag":313,"props":4470,"children":4471},{"class":369,"line":1925},[4472],{"type":140,"tag":313,"props":4473,"children":4474},{"style":837},[4475],{"type":155,"value":4476},"\u003C!-- You can also use `:customize=\"false\"` to disabled the global customization function per-usage -->\n",{"type":140,"tag":141,"props":4478,"children":4479},{},[4480],{"type":155,"value":4481},"In the App Configuration File:",{"type":140,"tag":141,"props":4483,"children":4484},{},[4485,4487,4492],{"type":155,"value":4486},"Alternatively, you can apply these customizations globally in the ",{"type":140,"tag":321,"props":4488,"children":4490},{"className":4489},[],[4491],{"type":155,"value":3215},{"type":155,"value":4493}," file.",{"type":140,"tag":358,"props":4495,"children":4497},{"className":485,"code":4496,"language":487,"meta":14,"style":14},"// app.config.ts\nexport default defineAppConfig({\n  icon: {\n    customize: (content: string, name: string, prefix: string, provider: string) => {\n      // ...\n    },\n  }\n})\n",[4498],{"type":140,"tag":321,"props":4499,"children":4500},{"__ignoreMap":14},[4501,4508,4531,4546,4634,4642,4649,4656],{"type":140,"tag":313,"props":4502,"children":4503},{"class":369,"line":74},[4504],{"type":140,"tag":313,"props":4505,"children":4506},{"style":837},[4507],{"type":155,"value":3311},{"type":140,"tag":313,"props":4509,"children":4510},{"class":369,"line":58},[4511,4515,4519,4523,4527],{"type":140,"tag":313,"props":4512,"children":4513},{"style":497},[4514],{"type":155,"value":500},{"type":140,"tag":313,"props":4516,"children":4517},{"style":497},[4518],{"type":155,"value":505},{"type":140,"tag":313,"props":4520,"children":4521},{"style":508},[4522],{"type":155,"value":856},{"type":140,"tag":313,"props":4524,"children":4525},{"style":514},[4526],{"type":155,"value":517},{"type":140,"tag":313,"props":4528,"children":4529},{"style":520},[4530],{"type":155,"value":523},{"type":140,"tag":313,"props":4532,"children":4533},{"class":369,"line":51},[4534,4538,4542],{"type":140,"tag":313,"props":4535,"children":4536},{"style":529},[4537],{"type":155,"value":872},{"type":140,"tag":313,"props":4539,"children":4540},{"style":520},[4541],{"type":155,"value":537},{"type":140,"tag":313,"props":4543,"children":4544},{"style":520},[4545],{"type":155,"value":881},{"type":140,"tag":313,"props":4547,"children":4548},{"class":369,"line":562},[4549,4554,4558,4562,4566,4570,4574,4578,4582,4586,4590,4594,4598,4602,4606,4610,4614,4618,4622,4626,4630],{"type":140,"tag":313,"props":4550,"children":4551},{"style":508},[4552],{"type":155,"value":4553},"    customize",{"type":140,"tag":313,"props":4555,"children":4556},{"style":520},[4557],{"type":155,"value":537},{"type":140,"tag":313,"props":4559,"children":4560},{"style":520},[4561],{"type":155,"value":3807},{"type":140,"tag":313,"props":4563,"children":4564},{"style":3810},[4565],{"type":155,"value":3813},{"type":140,"tag":313,"props":4567,"children":4568},{"style":520},[4569],{"type":155,"value":537},{"type":140,"tag":313,"props":4571,"children":4572},{"style":373},[4573],{"type":155,"value":3822},{"type":140,"tag":313,"props":4575,"children":4576},{"style":520},[4577],{"type":155,"value":1245},{"type":140,"tag":313,"props":4579,"children":4580},{"style":3810},[4581],{"type":155,"value":749},{"type":140,"tag":313,"props":4583,"children":4584},{"style":520},[4585],{"type":155,"value":537},{"type":140,"tag":313,"props":4587,"children":4588},{"style":373},[4589],{"type":155,"value":3822},{"type":140,"tag":313,"props":4591,"children":4592},{"style":520},[4593],{"type":155,"value":1245},{"type":140,"tag":313,"props":4595,"children":4596},{"style":3810},[4597],{"type":155,"value":3847},{"type":140,"tag":313,"props":4599,"children":4600},{"style":520},[4601],{"type":155,"value":537},{"type":140,"tag":313,"props":4603,"children":4604},{"style":373},[4605],{"type":155,"value":3822},{"type":140,"tag":313,"props":4607,"children":4608},{"style":520},[4609],{"type":155,"value":1245},{"type":140,"tag":313,"props":4611,"children":4612},{"style":3810},[4613],{"type":155,"value":3864},{"type":140,"tag":313,"props":4615,"children":4616},{"style":520},[4617],{"type":155,"value":537},{"type":140,"tag":313,"props":4619,"children":4620},{"style":373},[4621],{"type":155,"value":3822},{"type":140,"tag":313,"props":4623,"children":4624},{"style":520},[4625],{"type":155,"value":650},{"type":140,"tag":313,"props":4627,"children":4628},{"style":746},[4629],{"type":155,"value":3881},{"type":140,"tag":313,"props":4631,"children":4632},{"style":520},[4633],{"type":155,"value":881},{"type":140,"tag":313,"props":4635,"children":4636},{"class":369,"line":571},[4637],{"type":140,"tag":313,"props":4638,"children":4639},{"style":837},[4640],{"type":155,"value":4641},"      // ...\n",{"type":140,"tag":313,"props":4643,"children":4644},{"class":369,"line":940},[4645],{"type":140,"tag":313,"props":4646,"children":4647},{"style":520},[4648],{"type":155,"value":2861},{"type":140,"tag":313,"props":4650,"children":4651},{"class":369,"line":949},[4652],{"type":140,"tag":313,"props":4653,"children":4654},{"style":520},[4655],{"type":155,"value":946},{"type":140,"tag":313,"props":4657,"children":4658},{"class":369,"line":1286},[4659,4663],{"type":140,"tag":313,"props":4660,"children":4661},{"style":520},[4662],{"type":155,"value":577},{"type":140,"tag":313,"props":4664,"children":4665},{"style":514},[4666],{"type":155,"value":582},{"type":140,"tag":141,"props":4668,"children":4669},{},[4670],{"type":155,"value":4671},"With this configuration, all icons throughout your application will have these customizations applied consistently.",{"type":140,"tag":960,"props":4673,"children":4675},{"id":4674},"server-bundle",[4676],{"type":155,"value":4677},"Server Bundle",{"type":140,"tag":141,"props":4679,"children":4680},{},[4681,4683,4688],{"type":155,"value":4682},"Since ",{"type":140,"tag":321,"props":4684,"children":4686},{"className":4685},[],[4687],{"type":155,"value":11},{"type":155,"value":4689}," v1.0, we have introduced the server bundle concept to serve the icons from Nuxt server endpoints. This keeps the client bundle lean and able to load icons on-demand, while having all the dynamic features to use icons that might not be known at build time.",{"type":140,"tag":2710,"props":4691,"children":4693},{"id":4692},"server-bundle-mode-local",[4694,4696],{"type":155,"value":4695},"Server Bundle Mode: ",{"type":140,"tag":321,"props":4697,"children":4699},{"className":4698},[],[4700],{"type":155,"value":4701},"local",{"type":140,"tag":141,"props":4703,"children":4704},{},[4705,4707,4713],{"type":155,"value":4706},"This mode will bundle the icon collections you have installed locally (like ",{"type":140,"tag":321,"props":4708,"children":4710},{"className":4709},[],[4711],{"type":155,"value":4712},"@iconify-json/*",{"type":155,"value":4714},"), into your server bundle as dynamic chunks. The collection data will be loaded on-demand, only when your client request icons from that collection.",{"type":140,"tag":2710,"props":4716,"children":4718},{"id":4717},"server-bundle-mode-remote",[4719,4720],{"type":155,"value":4695},{"type":140,"tag":321,"props":4721,"children":4723},{"className":4722},[],[4724],{"type":155,"value":4725},"remote",{"type":140,"tag":141,"props":4727,"children":4728},{},[4729,4731,4736,4738,4743],{"type":155,"value":4730},"Introduced in ",{"type":140,"tag":321,"props":4732,"children":4734},{"className":4733},[],[4735],{"type":155,"value":11},{"type":155,"value":4737}," v1.2, you can now use the ",{"type":140,"tag":321,"props":4739,"children":4741},{"className":4740},[],[4742],{"type":155,"value":4725},{"type":155,"value":4744}," server bundle to serve the icons from a remote CDN.",{"type":140,"tag":358,"props":4746,"children":4748},{"className":485,"code":4747,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    serverBundle: 'remote',\n  },\n})\n",[4749],{"type":140,"tag":321,"props":4750,"children":4751},{"__ignoreMap":14},[4752,4775,4790,4805,4816,4831,4858,4865],{"type":140,"tag":313,"props":4753,"children":4754},{"class":369,"line":74},[4755,4759,4763,4767,4771],{"type":140,"tag":313,"props":4756,"children":4757},{"style":497},[4758],{"type":155,"value":500},{"type":140,"tag":313,"props":4760,"children":4761},{"style":497},[4762],{"type":155,"value":505},{"type":140,"tag":313,"props":4764,"children":4765},{"style":508},[4766],{"type":155,"value":511},{"type":140,"tag":313,"props":4768,"children":4769},{"style":514},[4770],{"type":155,"value":517},{"type":140,"tag":313,"props":4772,"children":4773},{"style":520},[4774],{"type":155,"value":523},{"type":140,"tag":313,"props":4776,"children":4777},{"class":369,"line":58},[4778,4782,4786],{"type":140,"tag":313,"props":4779,"children":4780},{"style":529},[4781],{"type":155,"value":532},{"type":140,"tag":313,"props":4783,"children":4784},{"style":520},[4785],{"type":155,"value":537},{"type":140,"tag":313,"props":4787,"children":4788},{"style":514},[4789],{"type":155,"value":542},{"type":140,"tag":313,"props":4791,"children":4792},{"class":369,"line":51},[4793,4797,4801],{"type":140,"tag":313,"props":4794,"children":4795},{"style":520},[4796],{"type":155,"value":550},{"type":140,"tag":313,"props":4798,"children":4799},{"style":379},[4800],{"type":155,"value":11},{"type":140,"tag":313,"props":4802,"children":4803},{"style":520},[4804],{"type":155,"value":559},{"type":140,"tag":313,"props":4806,"children":4807},{"class":369,"line":562},[4808,4812],{"type":140,"tag":313,"props":4809,"children":4810},{"style":514},[4811],{"type":155,"value":1757},{"type":140,"tag":313,"props":4813,"children":4814},{"style":520},[4815],{"type":155,"value":912},{"type":140,"tag":313,"props":4817,"children":4818},{"class":369,"line":571},[4819,4823,4827],{"type":140,"tag":313,"props":4820,"children":4821},{"style":529},[4822],{"type":155,"value":872},{"type":140,"tag":313,"props":4824,"children":4825},{"style":520},[4826],{"type":155,"value":537},{"type":140,"tag":313,"props":4828,"children":4829},{"style":520},[4830],{"type":155,"value":881},{"type":140,"tag":313,"props":4832,"children":4833},{"class":369,"line":940},[4834,4838,4842,4846,4850,4854],{"type":140,"tag":313,"props":4835,"children":4836},{"style":529},[4837],{"type":155,"value":1203},{"type":140,"tag":313,"props":4839,"children":4840},{"style":520},[4841],{"type":155,"value":537},{"type":140,"tag":313,"props":4843,"children":4844},{"style":520},[4845],{"type":155,"value":898},{"type":140,"tag":313,"props":4847,"children":4848},{"style":379},[4849],{"type":155,"value":4725},{"type":140,"tag":313,"props":4851,"children":4852},{"style":520},[4853],{"type":155,"value":907},{"type":140,"tag":313,"props":4855,"children":4856},{"style":520},[4857],{"type":155,"value":912},{"type":140,"tag":313,"props":4859,"children":4860},{"class":369,"line":949},[4861],{"type":140,"tag":313,"props":4862,"children":4863},{"style":520},[4864],{"type":155,"value":1922},{"type":140,"tag":313,"props":4866,"children":4867},{"class":369,"line":1286},[4868,4872],{"type":140,"tag":313,"props":4869,"children":4870},{"style":520},[4871],{"type":155,"value":577},{"type":140,"tag":313,"props":4873,"children":4874},{"style":514},[4875],{"type":155,"value":582},{"type":140,"tag":141,"props":4877,"children":4878},{},[4879],{"type":155,"value":4880},"Or you can specify the remote provider:",{"type":140,"tag":358,"props":4882,"children":4884},{"className":485,"code":4883,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    serverBundle: {\n      remote: 'jsdelivr', // 'unpkg' or 'github-raw', or a custom function\n    }\n  },\n})\n",[4885],{"type":140,"tag":321,"props":4886,"children":4887},{"__ignoreMap":14},[4888,4911,4926,4941,4952,4967,4982,5016,5023,5030],{"type":140,"tag":313,"props":4889,"children":4890},{"class":369,"line":74},[4891,4895,4899,4903,4907],{"type":140,"tag":313,"props":4892,"children":4893},{"style":497},[4894],{"type":155,"value":500},{"type":140,"tag":313,"props":4896,"children":4897},{"style":497},[4898],{"type":155,"value":505},{"type":140,"tag":313,"props":4900,"children":4901},{"style":508},[4902],{"type":155,"value":511},{"type":140,"tag":313,"props":4904,"children":4905},{"style":514},[4906],{"type":155,"value":517},{"type":140,"tag":313,"props":4908,"children":4909},{"style":520},[4910],{"type":155,"value":523},{"type":140,"tag":313,"props":4912,"children":4913},{"class":369,"line":58},[4914,4918,4922],{"type":140,"tag":313,"props":4915,"children":4916},{"style":529},[4917],{"type":155,"value":532},{"type":140,"tag":313,"props":4919,"children":4920},{"style":520},[4921],{"type":155,"value":537},{"type":140,"tag":313,"props":4923,"children":4924},{"style":514},[4925],{"type":155,"value":542},{"type":140,"tag":313,"props":4927,"children":4928},{"class":369,"line":51},[4929,4933,4937],{"type":140,"tag":313,"props":4930,"children":4931},{"style":520},[4932],{"type":155,"value":550},{"type":140,"tag":313,"props":4934,"children":4935},{"style":379},[4936],{"type":155,"value":11},{"type":140,"tag":313,"props":4938,"children":4939},{"style":520},[4940],{"type":155,"value":559},{"type":140,"tag":313,"props":4942,"children":4943},{"class":369,"line":562},[4944,4948],{"type":140,"tag":313,"props":4945,"children":4946},{"style":514},[4947],{"type":155,"value":1757},{"type":140,"tag":313,"props":4949,"children":4950},{"style":520},[4951],{"type":155,"value":912},{"type":140,"tag":313,"props":4953,"children":4954},{"class":369,"line":571},[4955,4959,4963],{"type":140,"tag":313,"props":4956,"children":4957},{"style":529},[4958],{"type":155,"value":872},{"type":140,"tag":313,"props":4960,"children":4961},{"style":520},[4962],{"type":155,"value":537},{"type":140,"tag":313,"props":4964,"children":4965},{"style":520},[4966],{"type":155,"value":881},{"type":140,"tag":313,"props":4968,"children":4969},{"class":369,"line":940},[4970,4974,4978],{"type":140,"tag":313,"props":4971,"children":4972},{"style":529},[4973],{"type":155,"value":1203},{"type":140,"tag":313,"props":4975,"children":4976},{"style":520},[4977],{"type":155,"value":537},{"type":140,"tag":313,"props":4979,"children":4980},{"style":520},[4981],{"type":155,"value":881},{"type":140,"tag":313,"props":4983,"children":4984},{"class":369,"line":949},[4985,4990,4994,4998,5003,5007,5011],{"type":140,"tag":313,"props":4986,"children":4987},{"style":529},[4988],{"type":155,"value":4989},"      remote",{"type":140,"tag":313,"props":4991,"children":4992},{"style":520},[4993],{"type":155,"value":537},{"type":140,"tag":313,"props":4995,"children":4996},{"style":520},[4997],{"type":155,"value":898},{"type":140,"tag":313,"props":4999,"children":5000},{"style":379},[5001],{"type":155,"value":5002},"jsdelivr",{"type":140,"tag":313,"props":5004,"children":5005},{"style":520},[5006],{"type":155,"value":907},{"type":140,"tag":313,"props":5008,"children":5009},{"style":520},[5010],{"type":155,"value":1245},{"type":140,"tag":313,"props":5012,"children":5013},{"style":837},[5014],{"type":155,"value":5015}," // 'unpkg' or 'github-raw', or a custom function\n",{"type":140,"tag":313,"props":5017,"children":5018},{"class":369,"line":1286},[5019],{"type":140,"tag":313,"props":5020,"children":5021},{"style":520},[5022],{"type":155,"value":1276},{"type":140,"tag":313,"props":5024,"children":5025},{"class":369,"line":47},[5026],{"type":140,"tag":313,"props":5027,"children":5028},{"style":520},[5029],{"type":155,"value":1922},{"type":140,"tag":313,"props":5031,"children":5032},{"class":369,"line":43},[5033,5037],{"type":140,"tag":313,"props":5034,"children":5035},{"style":520},[5036],{"type":155,"value":577},{"type":140,"tag":313,"props":5038,"children":5039},{"style":514},[5040],{"type":155,"value":582},{"type":140,"tag":141,"props":5042,"children":5043},{},[5044,5046,5052],{"type":155,"value":5045},"Which will make server requests to ",{"type":140,"tag":321,"props":5047,"children":5049},{"className":5048},[],[5050],{"type":155,"value":5051},"https://cdn.jsdelivr.net/npm/@iconify-json/ph/icons.json",{"type":155,"value":5053}," to fetch the icons at runtime, instead of bundling them with your server.",{"type":140,"tag":141,"props":5055,"children":5056},{},[5057,5059,5065,5067,5073],{"type":155,"value":5058},"Under the hood, instead of bundling ",{"type":140,"tag":321,"props":5060,"children":5062},{"className":5061},[],[5063],{"type":155,"value":5064},"() => import('@iconify-json/ph/icons.json')",{"type":155,"value":5066}," to your server bundle, it will now use something like ",{"type":140,"tag":321,"props":5068,"children":5070},{"className":5069},[],[5071],{"type":155,"value":5072},"() => fetch('https://cdn.jsdelivr.net/npm/@iconify-json/ph/icons.json').then(res => res.json())",{"type":155,"value":5074},", where the collections are not inlined.",{"type":140,"tag":141,"props":5076,"children":5077},{},[5078],{"type":155,"value":5079},"This would be useful when server bundle size is a concern, like in serverless or worker environments.",{"type":140,"tag":2710,"props":5081,"children":5083},{"id":5082},"server-bundle-mode-auto",[5084,5085],{"type":155,"value":4695},{"type":140,"tag":321,"props":5086,"children":5088},{"className":5087},[],[5089],{"type":155,"value":5090},"auto",{"type":140,"tag":141,"props":5092,"children":5093},{},[5094,5096,5101,5102,5107,5109,5114],{"type":155,"value":5095},"This is the default option, where the module will pick between ",{"type":140,"tag":321,"props":5097,"children":5099},{"className":5098},[],[5100],{"type":155,"value":4701},{"type":155,"value":1954},{"type":140,"tag":321,"props":5103,"children":5105},{"className":5104},[],[5106],{"type":155,"value":4725},{"type":155,"value":5108}," based your deployment environment. ",{"type":140,"tag":321,"props":5110,"children":5112},{"className":5111},[],[5113],{"type":155,"value":4701},{"type":155,"value":5115}," will be preffered unless you are deploying to a serverless or worker environment, like Vercel Edge or Cloudflare Workers.",{"type":140,"tag":2710,"props":5117,"children":5119},{"id":5118},"externalize-icons-json",[5120],{"type":155,"value":5121},"Externalize Icons JSON",{"type":140,"tag":141,"props":5123,"children":5124},{},[5125,5127,5132,5134,5140,5141,5146],{"type":155,"value":5126},"By default, Nitro will bundle the icon collections you have installed locally (like ",{"type":140,"tag":321,"props":5128,"children":5130},{"className":5129},[],[5131],{"type":155,"value":4712},{"type":155,"value":5133},"), into your server bundle as dynamic chunks. When you have a large number of icons, this might make your bundling process slow and memory-intensive. You can change to externalize the icons JSON files by setting ",{"type":140,"tag":321,"props":5135,"children":5137},{"className":5136},[],[5138],{"type":155,"value":5139},"icon.serverBundle.externalizeIconsJson",{"type":155,"value":3653},{"type":140,"tag":321,"props":5142,"children":5144},{"className":5143},[],[5145],{"type":155,"value":3173},{"type":155,"value":239},{"type":140,"tag":358,"props":5148,"children":5150},{"className":485,"code":5149,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    serverBundle: {\n      externalizeIconsJson: true,\n    }\n  },\n})\n",[5151],{"type":140,"tag":321,"props":5152,"children":5153},{"__ignoreMap":14},[5154,5177,5192,5207,5218,5233,5248,5268,5275,5282],{"type":140,"tag":313,"props":5155,"children":5156},{"class":369,"line":74},[5157,5161,5165,5169,5173],{"type":140,"tag":313,"props":5158,"children":5159},{"style":497},[5160],{"type":155,"value":500},{"type":140,"tag":313,"props":5162,"children":5163},{"style":497},[5164],{"type":155,"value":505},{"type":140,"tag":313,"props":5166,"children":5167},{"style":508},[5168],{"type":155,"value":511},{"type":140,"tag":313,"props":5170,"children":5171},{"style":514},[5172],{"type":155,"value":517},{"type":140,"tag":313,"props":5174,"children":5175},{"style":520},[5176],{"type":155,"value":523},{"type":140,"tag":313,"props":5178,"children":5179},{"class":369,"line":58},[5180,5184,5188],{"type":140,"tag":313,"props":5181,"children":5182},{"style":529},[5183],{"type":155,"value":532},{"type":140,"tag":313,"props":5185,"children":5186},{"style":520},[5187],{"type":155,"value":537},{"type":140,"tag":313,"props":5189,"children":5190},{"style":514},[5191],{"type":155,"value":542},{"type":140,"tag":313,"props":5193,"children":5194},{"class":369,"line":51},[5195,5199,5203],{"type":140,"tag":313,"props":5196,"children":5197},{"style":520},[5198],{"type":155,"value":550},{"type":140,"tag":313,"props":5200,"children":5201},{"style":379},[5202],{"type":155,"value":11},{"type":140,"tag":313,"props":5204,"children":5205},{"style":520},[5206],{"type":155,"value":559},{"type":140,"tag":313,"props":5208,"children":5209},{"class":369,"line":562},[5210,5214],{"type":140,"tag":313,"props":5211,"children":5212},{"style":514},[5213],{"type":155,"value":1757},{"type":140,"tag":313,"props":5215,"children":5216},{"style":520},[5217],{"type":155,"value":912},{"type":140,"tag":313,"props":5219,"children":5220},{"class":369,"line":571},[5221,5225,5229],{"type":140,"tag":313,"props":5222,"children":5223},{"style":529},[5224],{"type":155,"value":872},{"type":140,"tag":313,"props":5226,"children":5227},{"style":520},[5228],{"type":155,"value":537},{"type":140,"tag":313,"props":5230,"children":5231},{"style":520},[5232],{"type":155,"value":881},{"type":140,"tag":313,"props":5234,"children":5235},{"class":369,"line":940},[5236,5240,5244],{"type":140,"tag":313,"props":5237,"children":5238},{"style":529},[5239],{"type":155,"value":1203},{"type":140,"tag":313,"props":5241,"children":5242},{"style":520},[5243],{"type":155,"value":537},{"type":140,"tag":313,"props":5245,"children":5246},{"style":520},[5247],{"type":155,"value":881},{"type":140,"tag":313,"props":5249,"children":5250},{"class":369,"line":949},[5251,5256,5260,5264],{"type":140,"tag":313,"props":5252,"children":5253},{"style":529},[5254],{"type":155,"value":5255},"      externalizeIconsJson",{"type":140,"tag":313,"props":5257,"children":5258},{"style":520},[5259],{"type":155,"value":537},{"type":140,"tag":313,"props":5261,"children":5262},{"style":2544},[5263],{"type":155,"value":2841},{"type":140,"tag":313,"props":5265,"children":5266},{"style":520},[5267],{"type":155,"value":912},{"type":140,"tag":313,"props":5269,"children":5270},{"class":369,"line":1286},[5271],{"type":140,"tag":313,"props":5272,"children":5273},{"style":520},[5274],{"type":155,"value":1276},{"type":140,"tag":313,"props":5276,"children":5277},{"class":369,"line":47},[5278],{"type":140,"tag":313,"props":5279,"children":5280},{"style":520},[5281],{"type":155,"value":1922},{"type":140,"tag":313,"props":5283,"children":5284},{"class":369,"line":43},[5285,5289],{"type":140,"tag":313,"props":5286,"children":5287},{"style":520},[5288],{"type":155,"value":577},{"type":140,"tag":313,"props":5290,"children":5291},{"style":514},[5292],{"type":155,"value":582},{"type":140,"tag":141,"props":5294,"children":5295},{},[5296,5298,5305,5307,5313],{"type":155,"value":5297},"Note that this will require your production Node.js server to be able to import JSON files (Note that as in Node.js v22, ",{"type":140,"tag":161,"props":5299,"children":5302},{"href":5300,"rel":5301},"https://nodejs.org/api/esm.html#json-modules",[165],[5303],{"type":155,"value":5304},"JSON modules are still an experimental feature",{"type":155,"value":5306},"). In the final build, it will contain statements like ",{"type":140,"tag":321,"props":5308,"children":5310},{"className":5309},[],[5311],{"type":155,"value":5312},"() => import('@iconify-json/ph/icons.json', { with: { type: 'json' } })",{"type":155,"value":239},{"type":140,"tag":141,"props":5315,"children":5316},{},[5317],{"type":155,"value":5318},"Also note that in some serverless environments, like Cloudflare Workers, where they don't have dynamic imports, they will always be inlined regardless of this option.",{"type":140,"tag":141,"props":5320,"children":5321},{},[5322,5324,5330],{"type":155,"value":5323},"This option will be ignored when ",{"type":140,"tag":321,"props":5325,"children":5327},{"className":5326},[],[5328],{"type":155,"value":5329},"icon.serverBundle.remote",{"type":155,"value":5331}," is enabled.",{"type":140,"tag":2710,"props":5333,"children":5335},{"id":5334},"completely-disable-server-bundle",[5336],{"type":155,"value":5337},"Completely Disable Server Bundle",{"type":140,"tag":141,"props":5339,"children":5340},{},[5341,5343,5349,5350,5355,5356,5362,5363],{"type":155,"value":5342},"If you want to disable the server bundle completely, you can set ",{"type":140,"tag":321,"props":5344,"children":5346},{"className":5345},[],[5347],{"type":155,"value":5348},"icon.serverBundle",{"type":155,"value":3653},{"type":140,"tag":321,"props":5351,"children":5353},{"className":5352},[],[5354],{"type":155,"value":3659},{"type":155,"value":1954},{"type":140,"tag":321,"props":5357,"children":5359},{"className":5358},[],[5360],{"type":155,"value":5361},"provider",{"type":155,"value":3653},{"type":140,"tag":321,"props":5364,"children":5366},{"className":5365},[],[5367],{"type":155,"value":5368},"iconify",{"type":140,"tag":358,"props":5370,"children":5372},{"className":485,"code":5371,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    provider: 'iconify',\n    serverBundle: false,\n  },\n})\n",[5373],{"type":140,"tag":321,"props":5374,"children":5375},{"__ignoreMap":14},[5376,5399,5414,5429,5440,5455,5482,5501,5508],{"type":140,"tag":313,"props":5377,"children":5378},{"class":369,"line":74},[5379,5383,5387,5391,5395],{"type":140,"tag":313,"props":5380,"children":5381},{"style":497},[5382],{"type":155,"value":500},{"type":140,"tag":313,"props":5384,"children":5385},{"style":497},[5386],{"type":155,"value":505},{"type":140,"tag":313,"props":5388,"children":5389},{"style":508},[5390],{"type":155,"value":511},{"type":140,"tag":313,"props":5392,"children":5393},{"style":514},[5394],{"type":155,"value":517},{"type":140,"tag":313,"props":5396,"children":5397},{"style":520},[5398],{"type":155,"value":523},{"type":140,"tag":313,"props":5400,"children":5401},{"class":369,"line":58},[5402,5406,5410],{"type":140,"tag":313,"props":5403,"children":5404},{"style":529},[5405],{"type":155,"value":532},{"type":140,"tag":313,"props":5407,"children":5408},{"style":520},[5409],{"type":155,"value":537},{"type":140,"tag":313,"props":5411,"children":5412},{"style":514},[5413],{"type":155,"value":542},{"type":140,"tag":313,"props":5415,"children":5416},{"class":369,"line":51},[5417,5421,5425],{"type":140,"tag":313,"props":5418,"children":5419},{"style":520},[5420],{"type":155,"value":550},{"type":140,"tag":313,"props":5422,"children":5423},{"style":379},[5424],{"type":155,"value":11},{"type":140,"tag":313,"props":5426,"children":5427},{"style":520},[5428],{"type":155,"value":559},{"type":140,"tag":313,"props":5430,"children":5431},{"class":369,"line":562},[5432,5436],{"type":140,"tag":313,"props":5433,"children":5434},{"style":514},[5435],{"type":155,"value":1757},{"type":140,"tag":313,"props":5437,"children":5438},{"style":520},[5439],{"type":155,"value":912},{"type":140,"tag":313,"props":5441,"children":5442},{"class":369,"line":571},[5443,5447,5451],{"type":140,"tag":313,"props":5444,"children":5445},{"style":529},[5446],{"type":155,"value":872},{"type":140,"tag":313,"props":5448,"children":5449},{"style":520},[5450],{"type":155,"value":537},{"type":140,"tag":313,"props":5452,"children":5453},{"style":520},[5454],{"type":155,"value":881},{"type":140,"tag":313,"props":5456,"children":5457},{"class":369,"line":940},[5458,5462,5466,5470,5474,5478],{"type":140,"tag":313,"props":5459,"children":5460},{"style":529},[5461],{"type":155,"value":2574},{"type":140,"tag":313,"props":5463,"children":5464},{"style":520},[5465],{"type":155,"value":537},{"type":140,"tag":313,"props":5467,"children":5468},{"style":520},[5469],{"type":155,"value":898},{"type":140,"tag":313,"props":5471,"children":5472},{"style":379},[5473],{"type":155,"value":5368},{"type":140,"tag":313,"props":5475,"children":5476},{"style":520},[5477],{"type":155,"value":907},{"type":140,"tag":313,"props":5479,"children":5480},{"style":520},[5481],{"type":155,"value":912},{"type":140,"tag":313,"props":5483,"children":5484},{"class":369,"line":949},[5485,5489,5493,5497],{"type":140,"tag":313,"props":5486,"children":5487},{"style":529},[5488],{"type":155,"value":1203},{"type":140,"tag":313,"props":5490,"children":5491},{"style":520},[5492],{"type":155,"value":537},{"type":140,"tag":313,"props":5494,"children":5495},{"style":2544},[5496],{"type":155,"value":2547},{"type":140,"tag":313,"props":5498,"children":5499},{"style":520},[5500],{"type":155,"value":912},{"type":140,"tag":313,"props":5502,"children":5503},{"class":369,"line":1286},[5504],{"type":140,"tag":313,"props":5505,"children":5506},{"style":520},[5507],{"type":155,"value":1922},{"type":140,"tag":313,"props":5509,"children":5510},{"class":369,"line":47},[5511,5515],{"type":140,"tag":313,"props":5512,"children":5513},{"style":520},[5514],{"type":155,"value":577},{"type":140,"tag":313,"props":5516,"children":5517},{"style":514},[5518],{"type":155,"value":582},{"type":140,"tag":141,"props":5520,"children":5521},{},[5522],{"type":155,"value":5523},"This will make requests to Iconify API every time the client requests an icon. We do not recommend doing so unless the other options are not feasible.",{"type":140,"tag":960,"props":5525,"children":5527},{"id":5526},"client-bundle",[5528],{"type":155,"value":5529},"Client Bundle",{"type":140,"tag":141,"props":5531,"children":5532},{},[5533],{"type":155,"value":5534},"For icons that you know you are going to use frequently, you can bundle them with your client bundle to avoid network requests.",{"type":140,"tag":2710,"props":5536,"children":5538},{"id":5537},"prefetch-preload-icons",[5539],{"type":155,"value":5540},"Prefetch (Preload) Icons",{"type":140,"tag":141,"props":5542,"children":5543},{},[5544],{"type":155,"value":5545},"If you want icons to be available on first render, use the client bundle as the prefetch mechanism:",{"type":140,"tag":358,"props":5547,"children":5549},{"className":485,"code":5548,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon',\n  ],\n  icon: {\n    clientBundle: {\n      // Explicitly pre-bundle known icons\n      icons: ['uil:github', 'heroicons:home'],\n      // Keep disabled if you only want explicit entries\n      scan: false,\n    },\n  },\n})\n",[5550],{"type":140,"tag":321,"props":5551,"children":5552},{"__ignoreMap":14},[5553,5576,5591,5610,5621,5636,5651,5659,5712,5720,5739,5746,5753],{"type":140,"tag":313,"props":5554,"children":5555},{"class":369,"line":74},[5556,5560,5564,5568,5572],{"type":140,"tag":313,"props":5557,"children":5558},{"style":497},[5559],{"type":155,"value":500},{"type":140,"tag":313,"props":5561,"children":5562},{"style":497},[5563],{"type":155,"value":505},{"type":140,"tag":313,"props":5565,"children":5566},{"style":508},[5567],{"type":155,"value":511},{"type":140,"tag":313,"props":5569,"children":5570},{"style":514},[5571],{"type":155,"value":517},{"type":140,"tag":313,"props":5573,"children":5574},{"style":520},[5575],{"type":155,"value":523},{"type":140,"tag":313,"props":5577,"children":5578},{"class":369,"line":58},[5579,5583,5587],{"type":140,"tag":313,"props":5580,"children":5581},{"style":529},[5582],{"type":155,"value":532},{"type":140,"tag":313,"props":5584,"children":5585},{"style":520},[5586],{"type":155,"value":537},{"type":140,"tag":313,"props":5588,"children":5589},{"style":514},[5590],{"type":155,"value":542},{"type":140,"tag":313,"props":5592,"children":5593},{"class":369,"line":51},[5594,5598,5602,5606],{"type":140,"tag":313,"props":5595,"children":5596},{"style":520},[5597],{"type":155,"value":550},{"type":140,"tag":313,"props":5599,"children":5600},{"style":379},[5601],{"type":155,"value":11},{"type":140,"tag":313,"props":5603,"children":5604},{"style":520},[5605],{"type":155,"value":907},{"type":140,"tag":313,"props":5607,"children":5608},{"style":520},[5609],{"type":155,"value":912},{"type":140,"tag":313,"props":5611,"children":5612},{"class":369,"line":562},[5613,5617],{"type":140,"tag":313,"props":5614,"children":5615},{"style":514},[5616],{"type":155,"value":1757},{"type":140,"tag":313,"props":5618,"children":5619},{"style":520},[5620],{"type":155,"value":912},{"type":140,"tag":313,"props":5622,"children":5623},{"class":369,"line":571},[5624,5628,5632],{"type":140,"tag":313,"props":5625,"children":5626},{"style":529},[5627],{"type":155,"value":872},{"type":140,"tag":313,"props":5629,"children":5630},{"style":520},[5631],{"type":155,"value":537},{"type":140,"tag":313,"props":5633,"children":5634},{"style":520},[5635],{"type":155,"value":881},{"type":140,"tag":313,"props":5637,"children":5638},{"class":369,"line":940},[5639,5643,5647],{"type":140,"tag":313,"props":5640,"children":5641},{"style":529},[5642],{"type":155,"value":2816},{"type":140,"tag":313,"props":5644,"children":5645},{"style":520},[5646],{"type":155,"value":537},{"type":140,"tag":313,"props":5648,"children":5649},{"style":520},[5650],{"type":155,"value":881},{"type":140,"tag":313,"props":5652,"children":5653},{"class":369,"line":949},[5654],{"type":140,"tag":313,"props":5655,"children":5656},{"style":837},[5657],{"type":155,"value":5658},"      // Explicitly pre-bundle known icons\n",{"type":140,"tag":313,"props":5660,"children":5661},{"class":369,"line":1286},[5662,5667,5671,5675,5679,5683,5687,5691,5695,5700,5704,5708],{"type":140,"tag":313,"props":5663,"children":5664},{"style":529},[5665],{"type":155,"value":5666},"      icons",{"type":140,"tag":313,"props":5668,"children":5669},{"style":520},[5670],{"type":155,"value":537},{"type":140,"tag":313,"props":5672,"children":5673},{"style":514},[5674],{"type":155,"value":1159},{"type":140,"tag":313,"props":5676,"children":5677},{"style":520},[5678],{"type":155,"value":907},{"type":140,"tag":313,"props":5680,"children":5681},{"style":379},[5682],{"type":155,"value":764},{"type":140,"tag":313,"props":5684,"children":5685},{"style":520},[5686],{"type":155,"value":907},{"type":140,"tag":313,"props":5688,"children":5689},{"style":520},[5690],{"type":155,"value":1245},{"type":140,"tag":313,"props":5692,"children":5693},{"style":520},[5694],{"type":155,"value":898},{"type":140,"tag":313,"props":5696,"children":5697},{"style":379},[5698],{"type":155,"value":5699},"heroicons:home",{"type":140,"tag":313,"props":5701,"children":5702},{"style":520},[5703],{"type":155,"value":907},{"type":140,"tag":313,"props":5705,"children":5706},{"style":514},[5707],{"type":155,"value":1176},{"type":140,"tag":313,"props":5709,"children":5710},{"style":520},[5711],{"type":155,"value":912},{"type":140,"tag":313,"props":5713,"children":5714},{"class":369,"line":47},[5715],{"type":140,"tag":313,"props":5716,"children":5717},{"style":837},[5718],{"type":155,"value":5719},"      // Keep disabled if you only want explicit entries\n",{"type":140,"tag":313,"props":5721,"children":5722},{"class":369,"line":43},[5723,5727,5731,5735],{"type":140,"tag":313,"props":5724,"children":5725},{"style":529},[5726],{"type":155,"value":2832},{"type":140,"tag":313,"props":5728,"children":5729},{"style":520},[5730],{"type":155,"value":537},{"type":140,"tag":313,"props":5732,"children":5733},{"style":2544},[5734],{"type":155,"value":2547},{"type":140,"tag":313,"props":5736,"children":5737},{"style":520},[5738],{"type":155,"value":912},{"type":140,"tag":313,"props":5740,"children":5741},{"class":369,"line":1795},[5742],{"type":140,"tag":313,"props":5743,"children":5744},{"style":520},[5745],{"type":155,"value":2861},{"type":140,"tag":313,"props":5747,"children":5748},{"class":369,"line":1804},[5749],{"type":140,"tag":313,"props":5750,"children":5751},{"style":520},[5752],{"type":155,"value":1922},{"type":140,"tag":313,"props":5754,"children":5755},{"class":369,"line":1834},[5756,5760],{"type":140,"tag":313,"props":5757,"children":5758},{"style":520},[5759],{"type":155,"value":577},{"type":140,"tag":313,"props":5761,"children":5762},{"style":514},[5763],{"type":155,"value":582},{"type":140,"tag":141,"props":5765,"children":5766},{},[5767],{"type":155,"value":5768},"You can also enable static scanning to pre-bundle icons referenced literally in your source files:",{"type":140,"tag":358,"props":5770,"children":5772},{"className":485,"code":5771,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon',\n  ],\n  icon: {\n    clientBundle: {\n      // Automatically includes statically-detected icon usages\n      scan: true,\n      // Keep explicit entries for dynamic icon names\n      icons: ['uil:github'],\n    },\n  },\n})\n",[5773],{"type":140,"tag":321,"props":5774,"children":5775},{"__ignoreMap":14},[5776,5799,5814,5833,5844,5859,5874,5882,5901,5909,5944,5951,5958],{"type":140,"tag":313,"props":5777,"children":5778},{"class":369,"line":74},[5779,5783,5787,5791,5795],{"type":140,"tag":313,"props":5780,"children":5781},{"style":497},[5782],{"type":155,"value":500},{"type":140,"tag":313,"props":5784,"children":5785},{"style":497},[5786],{"type":155,"value":505},{"type":140,"tag":313,"props":5788,"children":5789},{"style":508},[5790],{"type":155,"value":511},{"type":140,"tag":313,"props":5792,"children":5793},{"style":514},[5794],{"type":155,"value":517},{"type":140,"tag":313,"props":5796,"children":5797},{"style":520},[5798],{"type":155,"value":523},{"type":140,"tag":313,"props":5800,"children":5801},{"class":369,"line":58},[5802,5806,5810],{"type":140,"tag":313,"props":5803,"children":5804},{"style":529},[5805],{"type":155,"value":532},{"type":140,"tag":313,"props":5807,"children":5808},{"style":520},[5809],{"type":155,"value":537},{"type":140,"tag":313,"props":5811,"children":5812},{"style":514},[5813],{"type":155,"value":542},{"type":140,"tag":313,"props":5815,"children":5816},{"class":369,"line":51},[5817,5821,5825,5829],{"type":140,"tag":313,"props":5818,"children":5819},{"style":520},[5820],{"type":155,"value":550},{"type":140,"tag":313,"props":5822,"children":5823},{"style":379},[5824],{"type":155,"value":11},{"type":140,"tag":313,"props":5826,"children":5827},{"style":520},[5828],{"type":155,"value":907},{"type":140,"tag":313,"props":5830,"children":5831},{"style":520},[5832],{"type":155,"value":912},{"type":140,"tag":313,"props":5834,"children":5835},{"class":369,"line":562},[5836,5840],{"type":140,"tag":313,"props":5837,"children":5838},{"style":514},[5839],{"type":155,"value":1757},{"type":140,"tag":313,"props":5841,"children":5842},{"style":520},[5843],{"type":155,"value":912},{"type":140,"tag":313,"props":5845,"children":5846},{"class":369,"line":571},[5847,5851,5855],{"type":140,"tag":313,"props":5848,"children":5849},{"style":529},[5850],{"type":155,"value":872},{"type":140,"tag":313,"props":5852,"children":5853},{"style":520},[5854],{"type":155,"value":537},{"type":140,"tag":313,"props":5856,"children":5857},{"style":520},[5858],{"type":155,"value":881},{"type":140,"tag":313,"props":5860,"children":5861},{"class":369,"line":940},[5862,5866,5870],{"type":140,"tag":313,"props":5863,"children":5864},{"style":529},[5865],{"type":155,"value":2816},{"type":140,"tag":313,"props":5867,"children":5868},{"style":520},[5869],{"type":155,"value":537},{"type":140,"tag":313,"props":5871,"children":5872},{"style":520},[5873],{"type":155,"value":881},{"type":140,"tag":313,"props":5875,"children":5876},{"class":369,"line":949},[5877],{"type":140,"tag":313,"props":5878,"children":5879},{"style":837},[5880],{"type":155,"value":5881},"      // Automatically includes statically-detected icon usages\n",{"type":140,"tag":313,"props":5883,"children":5884},{"class":369,"line":1286},[5885,5889,5893,5897],{"type":140,"tag":313,"props":5886,"children":5887},{"style":529},[5888],{"type":155,"value":2832},{"type":140,"tag":313,"props":5890,"children":5891},{"style":520},[5892],{"type":155,"value":537},{"type":140,"tag":313,"props":5894,"children":5895},{"style":2544},[5896],{"type":155,"value":2841},{"type":140,"tag":313,"props":5898,"children":5899},{"style":520},[5900],{"type":155,"value":912},{"type":140,"tag":313,"props":5902,"children":5903},{"class":369,"line":47},[5904],{"type":140,"tag":313,"props":5905,"children":5906},{"style":837},[5907],{"type":155,"value":5908},"      // Keep explicit entries for dynamic icon names\n",{"type":140,"tag":313,"props":5910,"children":5911},{"class":369,"line":43},[5912,5916,5920,5924,5928,5932,5936,5940],{"type":140,"tag":313,"props":5913,"children":5914},{"style":529},[5915],{"type":155,"value":5666},{"type":140,"tag":313,"props":5917,"children":5918},{"style":520},[5919],{"type":155,"value":537},{"type":140,"tag":313,"props":5921,"children":5922},{"style":514},[5923],{"type":155,"value":1159},{"type":140,"tag":313,"props":5925,"children":5926},{"style":520},[5927],{"type":155,"value":907},{"type":140,"tag":313,"props":5929,"children":5930},{"style":379},[5931],{"type":155,"value":764},{"type":140,"tag":313,"props":5933,"children":5934},{"style":520},[5935],{"type":155,"value":907},{"type":140,"tag":313,"props":5937,"children":5938},{"style":514},[5939],{"type":155,"value":1176},{"type":140,"tag":313,"props":5941,"children":5942},{"style":520},[5943],{"type":155,"value":912},{"type":140,"tag":313,"props":5945,"children":5946},{"class":369,"line":1795},[5947],{"type":140,"tag":313,"props":5948,"children":5949},{"style":520},[5950],{"type":155,"value":2861},{"type":140,"tag":313,"props":5952,"children":5953},{"class":369,"line":1804},[5954],{"type":140,"tag":313,"props":5955,"children":5956},{"style":520},[5957],{"type":155,"value":1922},{"type":140,"tag":313,"props":5959,"children":5960},{"class":369,"line":1834},[5961,5965],{"type":140,"tag":313,"props":5962,"children":5963},{"style":520},[5964],{"type":155,"value":577},{"type":140,"tag":313,"props":5966,"children":5967},{"style":514},[5968],{"type":155,"value":582},{"type":140,"tag":141,"props":5970,"children":5971},{},[5972,5974,5979,5981,5986],{"type":155,"value":5973},"If you want to disable runtime icon fetching entirely, see ",{"type":140,"tag":161,"props":5975,"children":5977},{"href":5976},"#disabling-runtime-fetching",[5978],{"type":155,"value":2715},{"type":155,"value":5980}," for the ",{"type":140,"tag":321,"props":5982,"children":5984},{"className":5983},[],[5985],{"type":155,"value":2734},{"type":155,"value":5987}," + client bundle pattern.",{"type":140,"tag":306,"props":5989,"children":5990},{},[5991],{"type":140,"tag":141,"props":5992,"children":5993},{},[5994,5998,6000,6006,6008,6014],{"type":140,"tag":313,"props":5995,"children":5996},{},[5997],{"type":155,"value":1402},{"type":155,"value":5999},"\nStatic scanning only detects literal icon names. See ",{"type":140,"tag":161,"props":6001,"children":6003},{"href":6002},"#scan-components",[6004],{"type":155,"value":6005},"Scan Components",{"type":155,"value":6007}," for details and examples, and ",{"type":140,"tag":161,"props":6009,"children":6011},{"href":6010},"#rendering-icons-in-component-tests",[6012],{"type":155,"value":6013},"Rendering Icons in Component Tests",{"type":155,"value":6015}," for test-environment setup.",{"type":140,"tag":2710,"props":6017,"children":6019},{"id":6018},"available-options",[6020],{"type":155,"value":6021},"Available Options",{"type":140,"tag":358,"props":6023,"children":6025},{"className":485,"code":6024,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    clientBundle: {\n      // list of icons to include in the client bundle\n      icons: [\n        'uil:github',\n        'logos:vitejs'\n      ],\n\n      // scan all components in the project and include icons \n      scan: true,\n\n      // include all custom collections in the client bundle\n      includeCustomCollections: true, \n\n      // guard for uncompressed bundle size, will fail the build if exceeds\n      sizeLimitKb: 256,\n    },\n  },\n})\n",[6026],{"type":140,"tag":321,"props":6027,"children":6028},{"__ignoreMap":14},[6029,6052,6067,6082,6093,6108,6123,6131,6146,6166,6182,6194,6201,6209,6228,6235,6243,6268,6275,6283,6305,6313,6321],{"type":140,"tag":313,"props":6030,"children":6031},{"class":369,"line":74},[6032,6036,6040,6044,6048],{"type":140,"tag":313,"props":6033,"children":6034},{"style":497},[6035],{"type":155,"value":500},{"type":140,"tag":313,"props":6037,"children":6038},{"style":497},[6039],{"type":155,"value":505},{"type":140,"tag":313,"props":6041,"children":6042},{"style":508},[6043],{"type":155,"value":511},{"type":140,"tag":313,"props":6045,"children":6046},{"style":514},[6047],{"type":155,"value":517},{"type":140,"tag":313,"props":6049,"children":6050},{"style":520},[6051],{"type":155,"value":523},{"type":140,"tag":313,"props":6053,"children":6054},{"class":369,"line":58},[6055,6059,6063],{"type":140,"tag":313,"props":6056,"children":6057},{"style":529},[6058],{"type":155,"value":532},{"type":140,"tag":313,"props":6060,"children":6061},{"style":520},[6062],{"type":155,"value":537},{"type":140,"tag":313,"props":6064,"children":6065},{"style":514},[6066],{"type":155,"value":542},{"type":140,"tag":313,"props":6068,"children":6069},{"class":369,"line":51},[6070,6074,6078],{"type":140,"tag":313,"props":6071,"children":6072},{"style":520},[6073],{"type":155,"value":550},{"type":140,"tag":313,"props":6075,"children":6076},{"style":379},[6077],{"type":155,"value":11},{"type":140,"tag":313,"props":6079,"children":6080},{"style":520},[6081],{"type":155,"value":559},{"type":140,"tag":313,"props":6083,"children":6084},{"class":369,"line":562},[6085,6089],{"type":140,"tag":313,"props":6086,"children":6087},{"style":514},[6088],{"type":155,"value":1757},{"type":140,"tag":313,"props":6090,"children":6091},{"style":520},[6092],{"type":155,"value":912},{"type":140,"tag":313,"props":6094,"children":6095},{"class":369,"line":571},[6096,6100,6104],{"type":140,"tag":313,"props":6097,"children":6098},{"style":529},[6099],{"type":155,"value":872},{"type":140,"tag":313,"props":6101,"children":6102},{"style":520},[6103],{"type":155,"value":537},{"type":140,"tag":313,"props":6105,"children":6106},{"style":520},[6107],{"type":155,"value":881},{"type":140,"tag":313,"props":6109,"children":6110},{"class":369,"line":940},[6111,6115,6119],{"type":140,"tag":313,"props":6112,"children":6113},{"style":529},[6114],{"type":155,"value":2816},{"type":140,"tag":313,"props":6116,"children":6117},{"style":520},[6118],{"type":155,"value":537},{"type":140,"tag":313,"props":6120,"children":6121},{"style":520},[6122],{"type":155,"value":881},{"type":140,"tag":313,"props":6124,"children":6125},{"class":369,"line":949},[6126],{"type":140,"tag":313,"props":6127,"children":6128},{"style":837},[6129],{"type":155,"value":6130},"      // list of icons to include in the client bundle\n",{"type":140,"tag":313,"props":6132,"children":6133},{"class":369,"line":1286},[6134,6138,6142],{"type":140,"tag":313,"props":6135,"children":6136},{"style":529},[6137],{"type":155,"value":5666},{"type":140,"tag":313,"props":6139,"children":6140},{"style":520},[6141],{"type":155,"value":537},{"type":140,"tag":313,"props":6143,"children":6144},{"style":514},[6145],{"type":155,"value":542},{"type":140,"tag":313,"props":6147,"children":6148},{"class":369,"line":47},[6149,6154,6158,6162],{"type":140,"tag":313,"props":6150,"children":6151},{"style":520},[6152],{"type":155,"value":6153},"        '",{"type":140,"tag":313,"props":6155,"children":6156},{"style":379},[6157],{"type":155,"value":764},{"type":140,"tag":313,"props":6159,"children":6160},{"style":520},[6161],{"type":155,"value":907},{"type":140,"tag":313,"props":6163,"children":6164},{"style":520},[6165],{"type":155,"value":912},{"type":140,"tag":313,"props":6167,"children":6168},{"class":369,"line":43},[6169,6173,6178],{"type":140,"tag":313,"props":6170,"children":6171},{"style":520},[6172],{"type":155,"value":6153},{"type":140,"tag":313,"props":6174,"children":6175},{"style":379},[6176],{"type":155,"value":6177},"logos:vitejs",{"type":140,"tag":313,"props":6179,"children":6180},{"style":520},[6181],{"type":155,"value":559},{"type":140,"tag":313,"props":6183,"children":6184},{"class":369,"line":1795},[6185,6190],{"type":140,"tag":313,"props":6186,"children":6187},{"style":514},[6188],{"type":155,"value":6189},"      ]",{"type":140,"tag":313,"props":6191,"children":6192},{"style":520},[6193],{"type":155,"value":912},{"type":140,"tag":313,"props":6195,"children":6196},{"class":369,"line":1804},[6197],{"type":140,"tag":313,"props":6198,"children":6199},{"emptyLinePlaceholder":1630},[6200],{"type":155,"value":1633},{"type":140,"tag":313,"props":6202,"children":6203},{"class":369,"line":1834},[6204],{"type":140,"tag":313,"props":6205,"children":6206},{"style":837},[6207],{"type":155,"value":6208},"      // scan all components in the project and include icons \n",{"type":140,"tag":313,"props":6210,"children":6211},{"class":369,"line":1876},[6212,6216,6220,6224],{"type":140,"tag":313,"props":6213,"children":6214},{"style":529},[6215],{"type":155,"value":2832},{"type":140,"tag":313,"props":6217,"children":6218},{"style":520},[6219],{"type":155,"value":537},{"type":140,"tag":313,"props":6221,"children":6222},{"style":2544},[6223],{"type":155,"value":2841},{"type":140,"tag":313,"props":6225,"children":6226},{"style":520},[6227],{"type":155,"value":912},{"type":140,"tag":313,"props":6229,"children":6230},{"class":369,"line":1885},[6231],{"type":140,"tag":313,"props":6232,"children":6233},{"emptyLinePlaceholder":1630},[6234],{"type":155,"value":1633},{"type":140,"tag":313,"props":6236,"children":6237},{"class":369,"line":1894},[6238],{"type":140,"tag":313,"props":6239,"children":6240},{"style":837},[6241],{"type":155,"value":6242},"      // include all custom collections in the client bundle\n",{"type":140,"tag":313,"props":6244,"children":6245},{"class":369,"line":1903},[6246,6251,6255,6259,6263],{"type":140,"tag":313,"props":6247,"children":6248},{"style":529},[6249],{"type":155,"value":6250},"      includeCustomCollections",{"type":140,"tag":313,"props":6252,"children":6253},{"style":520},[6254],{"type":155,"value":537},{"type":140,"tag":313,"props":6256,"children":6257},{"style":2544},[6258],{"type":155,"value":2841},{"type":140,"tag":313,"props":6260,"children":6261},{"style":520},[6262],{"type":155,"value":1245},{"type":140,"tag":313,"props":6264,"children":6265},{"style":514},[6266],{"type":155,"value":6267}," \n",{"type":140,"tag":313,"props":6269,"children":6270},{"class":369,"line":1916},[6271],{"type":140,"tag":313,"props":6272,"children":6273},{"emptyLinePlaceholder":1630},[6274],{"type":155,"value":1633},{"type":140,"tag":313,"props":6276,"children":6277},{"class":369,"line":1925},[6278],{"type":140,"tag":313,"props":6279,"children":6280},{"style":837},[6281],{"type":155,"value":6282},"      // guard for uncompressed bundle size, will fail the build if exceeds\n",{"type":140,"tag":313,"props":6284,"children":6286},{"class":369,"line":6285},20,[6287,6292,6296,6301],{"type":140,"tag":313,"props":6288,"children":6289},{"style":529},[6290],{"type":155,"value":6291},"      sizeLimitKb",{"type":140,"tag":313,"props":6293,"children":6294},{"style":520},[6295],{"type":155,"value":537},{"type":140,"tag":313,"props":6297,"children":6298},{"style":2366},[6299],{"type":155,"value":6300}," 256",{"type":140,"tag":313,"props":6302,"children":6303},{"style":520},[6304],{"type":155,"value":912},{"type":140,"tag":313,"props":6306,"children":6308},{"class":369,"line":6307},21,[6309],{"type":140,"tag":313,"props":6310,"children":6311},{"style":520},[6312],{"type":155,"value":2861},{"type":140,"tag":313,"props":6314,"children":6316},{"class":369,"line":6315},22,[6317],{"type":140,"tag":313,"props":6318,"children":6319},{"style":520},[6320],{"type":155,"value":1922},{"type":140,"tag":313,"props":6322,"children":6324},{"class":369,"line":6323},23,[6325,6329],{"type":140,"tag":313,"props":6326,"children":6327},{"style":520},[6328],{"type":155,"value":577},{"type":140,"tag":313,"props":6330,"children":6331},{"style":514},[6332],{"type":155,"value":582},{"type":140,"tag":141,"props":6334,"children":6335},{},[6336,6342,6344,6349,6351,6356],{"type":140,"tag":321,"props":6337,"children":6339},{"className":6338},[],[6340],{"type":155,"value":6341},"includeCustomCollections",{"type":155,"value":6343}," will include all the custom collections you have defined in ",{"type":140,"tag":321,"props":6345,"children":6347},{"className":6346},[],[6348],{"type":155,"value":1573},{"type":155,"value":6350}," in the client bundle. It's disabled by default but will automatically enable when ",{"type":140,"tag":321,"props":6352,"children":6354},{"className":6353},[],[6355],{"type":155,"value":2441},{"type":155,"value":6357}," is set.",{"type":140,"tag":2710,"props":6359,"children":6361},{"id":6360},"scan-components",[6362],{"type":155,"value":6005},{"type":140,"tag":141,"props":6364,"children":6365},{},[6366,6368,6374],{"type":155,"value":6367},"When ",{"type":140,"tag":321,"props":6369,"children":6371},{"className":6370},[],[6372],{"type":155,"value":6373},"scan",{"type":155,"value":6375}," is enabled, the module will scan all the components in your project and include the icons used in the client bundle. This would significantly reduce the number of network requests needed for statically known icons, but might also increase the client bundle size depending on the number of icons used in your project.",{"type":140,"tag":141,"props":6377,"children":6378},{},[6379],{"type":155,"value":6380},"You can also fine-tune tine scanning targets like:",{"type":140,"tag":358,"props":6382,"children":6384},{"className":485,"code":6383,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    clientBundle: {\n      scan: {\n        // note that when you specify those values, the default behavior will be overridden\n        globInclude: ['components/**/*.vue', /* ... */],\n        globExclude: ['node_modules', 'dist', /* ... */],\n      },\n    },\n  },\n})\n",[6385],{"type":140,"tag":321,"props":6386,"children":6387},{"__ignoreMap":14},[6388,6411,6426,6441,6452,6467,6482,6497,6505,6551,6613,6620,6627,6634],{"type":140,"tag":313,"props":6389,"children":6390},{"class":369,"line":74},[6391,6395,6399,6403,6407],{"type":140,"tag":313,"props":6392,"children":6393},{"style":497},[6394],{"type":155,"value":500},{"type":140,"tag":313,"props":6396,"children":6397},{"style":497},[6398],{"type":155,"value":505},{"type":140,"tag":313,"props":6400,"children":6401},{"style":508},[6402],{"type":155,"value":511},{"type":140,"tag":313,"props":6404,"children":6405},{"style":514},[6406],{"type":155,"value":517},{"type":140,"tag":313,"props":6408,"children":6409},{"style":520},[6410],{"type":155,"value":523},{"type":140,"tag":313,"props":6412,"children":6413},{"class":369,"line":58},[6414,6418,6422],{"type":140,"tag":313,"props":6415,"children":6416},{"style":529},[6417],{"type":155,"value":532},{"type":140,"tag":313,"props":6419,"children":6420},{"style":520},[6421],{"type":155,"value":537},{"type":140,"tag":313,"props":6423,"children":6424},{"style":514},[6425],{"type":155,"value":542},{"type":140,"tag":313,"props":6427,"children":6428},{"class":369,"line":51},[6429,6433,6437],{"type":140,"tag":313,"props":6430,"children":6431},{"style":520},[6432],{"type":155,"value":550},{"type":140,"tag":313,"props":6434,"children":6435},{"style":379},[6436],{"type":155,"value":11},{"type":140,"tag":313,"props":6438,"children":6439},{"style":520},[6440],{"type":155,"value":559},{"type":140,"tag":313,"props":6442,"children":6443},{"class":369,"line":562},[6444,6448],{"type":140,"tag":313,"props":6445,"children":6446},{"style":514},[6447],{"type":155,"value":1757},{"type":140,"tag":313,"props":6449,"children":6450},{"style":520},[6451],{"type":155,"value":912},{"type":140,"tag":313,"props":6453,"children":6454},{"class":369,"line":571},[6455,6459,6463],{"type":140,"tag":313,"props":6456,"children":6457},{"style":529},[6458],{"type":155,"value":872},{"type":140,"tag":313,"props":6460,"children":6461},{"style":520},[6462],{"type":155,"value":537},{"type":140,"tag":313,"props":6464,"children":6465},{"style":520},[6466],{"type":155,"value":881},{"type":140,"tag":313,"props":6468,"children":6469},{"class":369,"line":940},[6470,6474,6478],{"type":140,"tag":313,"props":6471,"children":6472},{"style":529},[6473],{"type":155,"value":2816},{"type":140,"tag":313,"props":6475,"children":6476},{"style":520},[6477],{"type":155,"value":537},{"type":140,"tag":313,"props":6479,"children":6480},{"style":520},[6481],{"type":155,"value":881},{"type":140,"tag":313,"props":6483,"children":6484},{"class":369,"line":949},[6485,6489,6493],{"type":140,"tag":313,"props":6486,"children":6487},{"style":529},[6488],{"type":155,"value":2832},{"type":140,"tag":313,"props":6490,"children":6491},{"style":520},[6492],{"type":155,"value":537},{"type":140,"tag":313,"props":6494,"children":6495},{"style":520},[6496],{"type":155,"value":881},{"type":140,"tag":313,"props":6498,"children":6499},{"class":369,"line":1286},[6500],{"type":140,"tag":313,"props":6501,"children":6502},{"style":837},[6503],{"type":155,"value":6504},"        // note that when you specify those values, the default behavior will be overridden\n",{"type":140,"tag":313,"props":6506,"children":6507},{"class":369,"line":47},[6508,6513,6517,6521,6525,6530,6534,6538,6543,6547],{"type":140,"tag":313,"props":6509,"children":6510},{"style":529},[6511],{"type":155,"value":6512},"        globInclude",{"type":140,"tag":313,"props":6514,"children":6515},{"style":520},[6516],{"type":155,"value":537},{"type":140,"tag":313,"props":6518,"children":6519},{"style":514},[6520],{"type":155,"value":1159},{"type":140,"tag":313,"props":6522,"children":6523},{"style":520},[6524],{"type":155,"value":907},{"type":140,"tag":313,"props":6526,"children":6527},{"style":379},[6528],{"type":155,"value":6529},"components/**/*.vue",{"type":140,"tag":313,"props":6531,"children":6532},{"style":520},[6533],{"type":155,"value":907},{"type":140,"tag":313,"props":6535,"children":6536},{"style":520},[6537],{"type":155,"value":1245},{"type":140,"tag":313,"props":6539,"children":6540},{"style":837},[6541],{"type":155,"value":6542}," /* ... */",{"type":140,"tag":313,"props":6544,"children":6545},{"style":514},[6546],{"type":155,"value":1176},{"type":140,"tag":313,"props":6548,"children":6549},{"style":520},[6550],{"type":155,"value":912},{"type":140,"tag":313,"props":6552,"children":6553},{"class":369,"line":43},[6554,6559,6563,6567,6571,6576,6580,6584,6588,6593,6597,6601,6605,6609],{"type":140,"tag":313,"props":6555,"children":6556},{"style":529},[6557],{"type":155,"value":6558},"        globExclude",{"type":140,"tag":313,"props":6560,"children":6561},{"style":520},[6562],{"type":155,"value":537},{"type":140,"tag":313,"props":6564,"children":6565},{"style":514},[6566],{"type":155,"value":1159},{"type":140,"tag":313,"props":6568,"children":6569},{"style":520},[6570],{"type":155,"value":907},{"type":140,"tag":313,"props":6572,"children":6573},{"style":379},[6574],{"type":155,"value":6575},"node_modules",{"type":140,"tag":313,"props":6577,"children":6578},{"style":520},[6579],{"type":155,"value":907},{"type":140,"tag":313,"props":6581,"children":6582},{"style":520},[6583],{"type":155,"value":1245},{"type":140,"tag":313,"props":6585,"children":6586},{"style":520},[6587],{"type":155,"value":898},{"type":140,"tag":313,"props":6589,"children":6590},{"style":379},[6591],{"type":155,"value":6592},"dist",{"type":140,"tag":313,"props":6594,"children":6595},{"style":520},[6596],{"type":155,"value":907},{"type":140,"tag":313,"props":6598,"children":6599},{"style":520},[6600],{"type":155,"value":1245},{"type":140,"tag":313,"props":6602,"children":6603},{"style":837},[6604],{"type":155,"value":6542},{"type":140,"tag":313,"props":6606,"children":6607},{"style":514},[6608],{"type":155,"value":1176},{"type":140,"tag":313,"props":6610,"children":6611},{"style":520},[6612],{"type":155,"value":912},{"type":140,"tag":313,"props":6614,"children":6615},{"class":369,"line":1795},[6616],{"type":140,"tag":313,"props":6617,"children":6618},{"style":520},[6619],{"type":155,"value":1900},{"type":140,"tag":313,"props":6621,"children":6622},{"class":369,"line":1804},[6623],{"type":140,"tag":313,"props":6624,"children":6625},{"style":520},[6626],{"type":155,"value":2861},{"type":140,"tag":313,"props":6628,"children":6629},{"class":369,"line":1834},[6630],{"type":140,"tag":313,"props":6631,"children":6632},{"style":520},[6633],{"type":155,"value":1922},{"type":140,"tag":313,"props":6635,"children":6636},{"class":369,"line":1876},[6637,6641],{"type":140,"tag":313,"props":6638,"children":6639},{"style":520},[6640],{"type":155,"value":577},{"type":140,"tag":313,"props":6642,"children":6643},{"style":514},[6644],{"type":155,"value":582},{"type":140,"tag":306,"props":6646,"children":6647},{},[6648,6657],{"type":140,"tag":141,"props":6649,"children":6650},{},[6651,6655],{"type":140,"tag":313,"props":6652,"children":6653},{},[6654],{"type":155,"value":1402},{"type":155,"value":6656},"\nScanning is relying on static analysis, which means only literal usages will be detected. Avoid constructing the icon name dynamically whenever possible.",{"type":140,"tag":358,"props":6658,"children":6660},{"className":2014,"code":6659,"language":2016,"meta":14,"style":14},"\u003Ctemplate>\n  \u003C!-- Avoid this -->\n  \u003CIcon :name=\"`carbon:${dark ? 'moon' : 'sun'}`\" />\n\n  \u003C!-- Prefer this -->\n  \u003CIcon :name=\"dark ? 'carbon:moon' : 'carbon:sun'\" />\n\u003C/template>\n",[6661],{"type":140,"tag":321,"props":6662,"children":6663},{"__ignoreMap":14},[6664,6679,6687,6724,6731,6739,6775],{"type":140,"tag":313,"props":6665,"children":6666},{"class":369,"line":74},[6667,6671,6675],{"type":140,"tag":313,"props":6668,"children":6669},{"style":520},[6670],{"type":155,"value":738},{"type":140,"tag":313,"props":6672,"children":6673},{"style":529},[6674],{"type":155,"value":2032},{"type":140,"tag":313,"props":6676,"children":6677},{"style":520},[6678],{"type":155,"value":2037},{"type":140,"tag":313,"props":6680,"children":6681},{"class":369,"line":58},[6682],{"type":140,"tag":313,"props":6683,"children":6684},{"style":837},[6685],{"type":155,"value":6686},"  \u003C!-- Avoid this -->\n",{"type":140,"tag":313,"props":6688,"children":6689},{"class":369,"line":51},[6690,6694,6698,6703,6707,6711,6716,6720],{"type":140,"tag":313,"props":6691,"children":6692},{"style":520},[6693],{"type":155,"value":2045},{"type":140,"tag":313,"props":6695,"children":6696},{"style":529},[6697],{"type":155,"value":743},{"type":140,"tag":313,"props":6699,"children":6700},{"style":746},[6701],{"type":155,"value":6702}," :name",{"type":140,"tag":313,"props":6704,"children":6705},{"style":520},[6706],{"type":155,"value":754},{"type":140,"tag":313,"props":6708,"children":6709},{"style":520},[6710],{"type":155,"value":759},{"type":140,"tag":313,"props":6712,"children":6713},{"style":379},[6714],{"type":155,"value":6715},"`carbon:${dark ? 'moon' : 'sun'}`",{"type":140,"tag":313,"props":6717,"children":6718},{"style":520},[6719],{"type":155,"value":759},{"type":140,"tag":313,"props":6721,"children":6722},{"style":520},[6723],{"type":155,"value":795},{"type":140,"tag":313,"props":6725,"children":6726},{"class":369,"line":562},[6727],{"type":140,"tag":313,"props":6728,"children":6729},{"emptyLinePlaceholder":1630},[6730],{"type":155,"value":1633},{"type":140,"tag":313,"props":6732,"children":6733},{"class":369,"line":571},[6734],{"type":140,"tag":313,"props":6735,"children":6736},{"style":837},[6737],{"type":155,"value":6738},"  \u003C!-- Prefer this -->\n",{"type":140,"tag":313,"props":6740,"children":6741},{"class":369,"line":940},[6742,6746,6750,6754,6758,6762,6767,6771],{"type":140,"tag":313,"props":6743,"children":6744},{"style":520},[6745],{"type":155,"value":2045},{"type":140,"tag":313,"props":6747,"children":6748},{"style":529},[6749],{"type":155,"value":743},{"type":140,"tag":313,"props":6751,"children":6752},{"style":746},[6753],{"type":155,"value":6702},{"type":140,"tag":313,"props":6755,"children":6756},{"style":520},[6757],{"type":155,"value":754},{"type":140,"tag":313,"props":6759,"children":6760},{"style":520},[6761],{"type":155,"value":759},{"type":140,"tag":313,"props":6763,"children":6764},{"style":379},[6765],{"type":155,"value":6766},"dark ? 'carbon:moon' : 'carbon:sun'",{"type":140,"tag":313,"props":6768,"children":6769},{"style":520},[6770],{"type":155,"value":759},{"type":140,"tag":313,"props":6772,"children":6773},{"style":520},[6774],{"type":155,"value":795},{"type":140,"tag":313,"props":6776,"children":6777},{"class":369,"line":949},[6778,6782,6786],{"type":140,"tag":313,"props":6779,"children":6780},{"style":520},[6781],{"type":155,"value":2118},{"type":140,"tag":313,"props":6783,"children":6784},{"style":529},[6785],{"type":155,"value":2032},{"type":140,"tag":313,"props":6787,"children":6788},{"style":520},[6789],{"type":155,"value":2037},{"type":140,"tag":960,"props":6791,"children":6793},{"id":6792},"render-function",[6794],{"type":155,"value":6795},"Render Function",{"type":140,"tag":141,"props":6797,"children":6798},{},[6799,6801,6806,6808,6814],{"type":155,"value":6800},"You can use the ",{"type":140,"tag":321,"props":6802,"children":6804},{"className":6803},[],[6805],{"type":155,"value":743},{"type":155,"value":6807}," component in a render function (useful if you create a functional component), for this you can import it from ",{"type":140,"tag":321,"props":6809,"children":6811},{"className":6810},[],[6812],{"type":155,"value":6813},"#components",{"type":155,"value":537},{"type":140,"tag":358,"props":6816,"children":6818},{"className":485,"code":6817,"language":487,"meta":14,"style":14},"import { Icon } from '#components'\n",[6819],{"type":140,"tag":321,"props":6820,"children":6821},{"__ignoreMap":14},[6822],{"type":140,"tag":313,"props":6823,"children":6824},{"class":369,"line":74},[6825,6829,6833,6838,6842,6846,6850,6854],{"type":140,"tag":313,"props":6826,"children":6827},{"style":497},[6828],{"type":155,"value":1589},{"type":140,"tag":313,"props":6830,"children":6831},{"style":520},[6832],{"type":155,"value":1594},{"type":140,"tag":313,"props":6834,"children":6835},{"style":514},[6836],{"type":155,"value":6837}," Icon",{"type":140,"tag":313,"props":6839,"children":6840},{"style":520},[6841],{"type":155,"value":1604},{"type":140,"tag":313,"props":6843,"children":6844},{"style":497},[6845],{"type":155,"value":1609},{"type":140,"tag":313,"props":6847,"children":6848},{"style":520},[6849],{"type":155,"value":898},{"type":140,"tag":313,"props":6851,"children":6852},{"style":379},[6853],{"type":155,"value":6813},{"type":140,"tag":313,"props":6855,"children":6856},{"style":520},[6857],{"type":155,"value":559},{"type":140,"tag":141,"props":6859,"children":6860},{},[6861,6863,6869],{"type":155,"value":6862},"See an example of a ",{"type":140,"tag":321,"props":6864,"children":6866},{"className":6865},[],[6867],{"type":155,"value":6868},"\u003CMyIcon>",{"type":155,"value":6870}," component:",{"type":140,"tag":358,"props":6872,"children":6874},{"className":2014,"code":6873,"language":2016,"meta":14,"style":14},"\u003Cscript setup>\nimport { Icon } from '#components'\n\nconst MyIcon = h(Icon, { name: 'uil:twitter' })\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cp>\u003CMyIcon />\u003C/p>\n\u003C/template>\n",[6875],{"type":140,"tag":321,"props":6876,"children":6877},{"__ignoreMap":14},[6878,6897,6932,6939,7002,7017,7024,7039,7073],{"type":140,"tag":313,"props":6879,"children":6880},{"class":369,"line":74},[6881,6885,6889,6893],{"type":140,"tag":313,"props":6882,"children":6883},{"style":520},[6884],{"type":155,"value":738},{"type":140,"tag":313,"props":6886,"children":6887},{"style":529},[6888],{"type":155,"value":3748},{"type":140,"tag":313,"props":6890,"children":6891},{"style":746},[6892],{"type":155,"value":3753},{"type":140,"tag":313,"props":6894,"children":6895},{"style":520},[6896],{"type":155,"value":2037},{"type":140,"tag":313,"props":6898,"children":6899},{"class":369,"line":58},[6900,6904,6908,6912,6916,6920,6924,6928],{"type":140,"tag":313,"props":6901,"children":6902},{"style":497},[6903],{"type":155,"value":1589},{"type":140,"tag":313,"props":6905,"children":6906},{"style":520},[6907],{"type":155,"value":1594},{"type":140,"tag":313,"props":6909,"children":6910},{"style":514},[6911],{"type":155,"value":6837},{"type":140,"tag":313,"props":6913,"children":6914},{"style":520},[6915],{"type":155,"value":1604},{"type":140,"tag":313,"props":6917,"children":6918},{"style":497},[6919],{"type":155,"value":1609},{"type":140,"tag":313,"props":6921,"children":6922},{"style":520},[6923],{"type":155,"value":898},{"type":140,"tag":313,"props":6925,"children":6926},{"style":379},[6927],{"type":155,"value":6813},{"type":140,"tag":313,"props":6929,"children":6930},{"style":520},[6931],{"type":155,"value":559},{"type":140,"tag":313,"props":6933,"children":6934},{"class":369,"line":51},[6935],{"type":140,"tag":313,"props":6936,"children":6937},{"emptyLinePlaceholder":1630},[6938],{"type":155,"value":1633},{"type":140,"tag":313,"props":6940,"children":6941},{"class":369,"line":562},[6942,6946,6951,6955,6960,6965,6969,6973,6977,6981,6985,6990,6994,6998],{"type":140,"tag":313,"props":6943,"children":6944},{"style":746},[6945],{"type":155,"value":1641},{"type":140,"tag":313,"props":6947,"children":6948},{"style":514},[6949],{"type":155,"value":6950}," MyIcon ",{"type":140,"tag":313,"props":6952,"children":6953},{"style":520},[6954],{"type":155,"value":754},{"type":140,"tag":313,"props":6956,"children":6957},{"style":508},[6958],{"type":155,"value":6959}," h",{"type":140,"tag":313,"props":6961,"children":6962},{"style":514},[6963],{"type":155,"value":6964},"(Icon",{"type":140,"tag":313,"props":6966,"children":6967},{"style":520},[6968],{"type":155,"value":1245},{"type":140,"tag":313,"props":6970,"children":6971},{"style":520},[6972],{"type":155,"value":1594},{"type":140,"tag":313,"props":6974,"children":6975},{"style":529},[6976],{"type":155,"value":749},{"type":140,"tag":313,"props":6978,"children":6979},{"style":520},[6980],{"type":155,"value":537},{"type":140,"tag":313,"props":6982,"children":6983},{"style":520},[6984],{"type":155,"value":898},{"type":140,"tag":313,"props":6986,"children":6987},{"style":379},[6988],{"type":155,"value":6989},"uil:twitter",{"type":140,"tag":313,"props":6991,"children":6992},{"style":520},[6993],{"type":155,"value":907},{"type":140,"tag":313,"props":6995,"children":6996},{"style":520},[6997],{"type":155,"value":1604},{"type":140,"tag":313,"props":6999,"children":7000},{"style":514},[7001],{"type":155,"value":582},{"type":140,"tag":313,"props":7003,"children":7004},{"class":369,"line":571},[7005,7009,7013],{"type":140,"tag":313,"props":7006,"children":7007},{"style":520},[7008],{"type":155,"value":2118},{"type":140,"tag":313,"props":7010,"children":7011},{"style":529},[7012],{"type":155,"value":3748},{"type":140,"tag":313,"props":7014,"children":7015},{"style":520},[7016],{"type":155,"value":2037},{"type":140,"tag":313,"props":7018,"children":7019},{"class":369,"line":940},[7020],{"type":140,"tag":313,"props":7021,"children":7022},{"emptyLinePlaceholder":1630},[7023],{"type":155,"value":1633},{"type":140,"tag":313,"props":7025,"children":7026},{"class":369,"line":949},[7027,7031,7035],{"type":140,"tag":313,"props":7028,"children":7029},{"style":520},[7030],{"type":155,"value":738},{"type":140,"tag":313,"props":7032,"children":7033},{"style":529},[7034],{"type":155,"value":2032},{"type":140,"tag":313,"props":7036,"children":7037},{"style":520},[7038],{"type":155,"value":2037},{"type":140,"tag":313,"props":7040,"children":7041},{"class":369,"line":1286},[7042,7046,7050,7055,7060,7065,7069],{"type":140,"tag":313,"props":7043,"children":7044},{"style":520},[7045],{"type":155,"value":2045},{"type":140,"tag":313,"props":7047,"children":7048},{"style":529},[7049],{"type":155,"value":141},{"type":140,"tag":313,"props":7051,"children":7052},{"style":520},[7053],{"type":155,"value":7054},">\u003C",{"type":140,"tag":313,"props":7056,"children":7057},{"style":529},[7058],{"type":155,"value":7059},"MyIcon",{"type":140,"tag":313,"props":7061,"children":7062},{"style":520},[7063],{"type":155,"value":7064}," />\u003C/",{"type":140,"tag":313,"props":7066,"children":7067},{"style":529},[7068],{"type":155,"value":141},{"type":140,"tag":313,"props":7070,"children":7071},{"style":520},[7072],{"type":155,"value":2037},{"type":140,"tag":313,"props":7074,"children":7075},{"class":369,"line":47},[7076,7080,7084],{"type":140,"tag":313,"props":7077,"children":7078},{"style":520},[7079],{"type":155,"value":2118},{"type":140,"tag":313,"props":7081,"children":7082},{"style":529},[7083],{"type":155,"value":2032},{"type":140,"tag":313,"props":7085,"children":7086},{"style":520},[7087],{"type":155,"value":2037},{"type":140,"tag":960,"props":7089,"children":7091},{"id":7090},"rendering-icons-in-component-tests",[7092],{"type":155,"value":6013},{"type":140,"tag":141,"props":7094,"children":7095},{},[7096,7098,7108,7109,7119,7121,7126],{"type":155,"value":7097},"In in-browser component testing environments (such as ",{"type":140,"tag":161,"props":7099,"children":7102},{"href":7100,"rel":7101},"https://vitest.dev/guide/browser/",[165],[7103],{"type":140,"tag":613,"props":7104,"children":7105},{},[7106],{"type":155,"value":7107},"Vitest Browser Mode",{"type":155,"value":669},{"type":140,"tag":161,"props":7110,"children":7113},{"href":7111,"rel":7112},"https://on.cypress.io/component-testing",[165],[7114],{"type":140,"tag":613,"props":7115,"children":7116},{},[7117],{"type":155,"value":7118},"Cypress Component Testing",{"type":155,"value":7120},"), the internal Nuxt server routes used to fetch icons on demand are ",{"type":140,"tag":613,"props":7122,"children":7123},{},[7124],{"type":155,"value":7125},"not available",{"type":155,"value":7127},". As a result, icons may fail to render during tests.",{"type":140,"tag":141,"props":7129,"children":7130},{},[7131,7133,7137,7139,7143],{"type":155,"value":7132},"To ensure icons render correctly in component tests, configure ",{"type":140,"tag":613,"props":7134,"children":7135},{},[7136],{"type":155,"value":11},{"type":155,"value":7138}," to use the ",{"type":140,"tag":613,"props":7140,"children":7141},{},[7142],{"type":155,"value":2726},{"type":155,"value":7144}," when running in test mode.",{"type":140,"tag":306,"props":7146,"children":7147},{},[7148],{"type":140,"tag":141,"props":7149,"children":7150},{},[7151,7156,7158,7168],{"type":140,"tag":613,"props":7152,"children":7153},{},[7154],{"type":155,"value":7155},"Note",{"type":155,"value":7157},"\nProjects using ",{"type":140,"tag":161,"props":7159,"children":7162},{"href":7160,"rel":7161},"https://ui.nuxt.com/",[165],[7163],{"type":140,"tag":613,"props":7164,"children":7165},{},[7166],{"type":155,"value":7167},"@nuxt/ui",{"type":155,"value":7169}," must do this to see any UI icons during component testing.",{"type":140,"tag":2710,"props":7171,"children":7173},{"id":7172},"requirements",[7174],{"type":155,"value":7175},"Requirements",{"type":140,"tag":241,"props":7177,"children":7178},{},[7179,7191],{"type":140,"tag":245,"props":7180,"children":7181},{},[7182,7184,7190],{"type":155,"value":7183},"Install the icon collections you use locally (for example, ",{"type":140,"tag":321,"props":7185,"children":7187},{"className":7186},[],[7188],{"type":155,"value":7189},"@iconify-json/lucide",{"type":155,"value":1040},{"type":140,"tag":245,"props":7192,"children":7193},{},[7194,7196,7201],{"type":155,"value":7195},"Icons will ",{"type":140,"tag":613,"props":7197,"children":7198},{},[7199],{"type":155,"value":7200},"not",{"type":155,"value":7202}," be fetched remotely when using the client bundle.",{"type":140,"tag":2710,"props":7204,"children":7206},{"id":7205},"test-only-configuration",[7207],{"type":155,"value":7208},"Test-only Configuration",{"type":140,"tag":141,"props":7210,"children":7211},{},[7212,7214,7220],{"type":155,"value":7213},"Conditionally switch to the client bundle in your Nuxt config when ",{"type":140,"tag":321,"props":7215,"children":7217},{"className":7216},[],[7218],{"type":155,"value":7219},"NODE_ENV === 'test'",{"type":155,"value":537},{"type":140,"tag":358,"props":7222,"children":7224},{"className":485,"code":7223,"language":487,"meta":14,"style":14},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon',\n  ],\n\n  icon: process.env.NODE_ENV !== 'test'\n    ? {\n        // Production or development icon configuration\n      }\n    : {\n        // Disable all network icon fetching in component tests\n        provider: 'none',\n\n        clientBundle: {\n          // Explicitly include dynamically constructed icons\n          icons: ['lucide:check'],\n\n          // Scan your app and Nuxt UI runtime for static icon usage\n          scan: {\n            globInclude: [\n              '{app,shared}/**',\n              'node_modules/@nuxt/ui/dist/**',\n            ],\n            globExclude: ['node_modules'],\n          },\n        },\n      },\n})\n",[7225],{"type":140,"tag":321,"props":7226,"children":7227},{"__ignoreMap":14},[7228,7251,7266,7285,7296,7303,7355,7367,7375,7382,7394,7402,7430,7437,7453,7461,7498,7505,7513,7529,7545,7566,7586,7598,7635,7644,7652,7660],{"type":140,"tag":313,"props":7229,"children":7230},{"class":369,"line":74},[7231,7235,7239,7243,7247],{"type":140,"tag":313,"props":7232,"children":7233},{"style":497},[7234],{"type":155,"value":500},{"type":140,"tag":313,"props":7236,"children":7237},{"style":497},[7238],{"type":155,"value":505},{"type":140,"tag":313,"props":7240,"children":7241},{"style":508},[7242],{"type":155,"value":511},{"type":140,"tag":313,"props":7244,"children":7245},{"style":514},[7246],{"type":155,"value":517},{"type":140,"tag":313,"props":7248,"children":7249},{"style":520},[7250],{"type":155,"value":523},{"type":140,"tag":313,"props":7252,"children":7253},{"class":369,"line":58},[7254,7258,7262],{"type":140,"tag":313,"props":7255,"children":7256},{"style":529},[7257],{"type":155,"value":532},{"type":140,"tag":313,"props":7259,"children":7260},{"style":520},[7261],{"type":155,"value":537},{"type":140,"tag":313,"props":7263,"children":7264},{"style":514},[7265],{"type":155,"value":542},{"type":140,"tag":313,"props":7267,"children":7268},{"class":369,"line":51},[7269,7273,7277,7281],{"type":140,"tag":313,"props":7270,"children":7271},{"style":520},[7272],{"type":155,"value":550},{"type":140,"tag":313,"props":7274,"children":7275},{"style":379},[7276],{"type":155,"value":11},{"type":140,"tag":313,"props":7278,"children":7279},{"style":520},[7280],{"type":155,"value":907},{"type":140,"tag":313,"props":7282,"children":7283},{"style":520},[7284],{"type":155,"value":912},{"type":140,"tag":313,"props":7286,"children":7287},{"class":369,"line":562},[7288,7292],{"type":140,"tag":313,"props":7289,"children":7290},{"style":514},[7291],{"type":155,"value":1757},{"type":140,"tag":313,"props":7293,"children":7294},{"style":520},[7295],{"type":155,"value":912},{"type":140,"tag":313,"props":7297,"children":7298},{"class":369,"line":571},[7299],{"type":140,"tag":313,"props":7300,"children":7301},{"emptyLinePlaceholder":1630},[7302],{"type":155,"value":1633},{"type":140,"tag":313,"props":7304,"children":7305},{"class":369,"line":940},[7306,7310,7314,7319,7323,7328,7332,7337,7342,7346,7351],{"type":140,"tag":313,"props":7307,"children":7308},{"style":529},[7309],{"type":155,"value":872},{"type":140,"tag":313,"props":7311,"children":7312},{"style":520},[7313],{"type":155,"value":537},{"type":140,"tag":313,"props":7315,"children":7316},{"style":514},[7317],{"type":155,"value":7318}," process",{"type":140,"tag":313,"props":7320,"children":7321},{"style":520},[7322],{"type":155,"value":239},{"type":140,"tag":313,"props":7324,"children":7325},{"style":514},[7326],{"type":155,"value":7327},"env",{"type":140,"tag":313,"props":7329,"children":7330},{"style":520},[7331],{"type":155,"value":239},{"type":140,"tag":313,"props":7333,"children":7334},{"style":514},[7335],{"type":155,"value":7336},"NODE_ENV ",{"type":140,"tag":313,"props":7338,"children":7339},{"style":520},[7340],{"type":155,"value":7341},"!==",{"type":140,"tag":313,"props":7343,"children":7344},{"style":520},[7345],{"type":155,"value":898},{"type":140,"tag":313,"props":7347,"children":7348},{"style":379},[7349],{"type":155,"value":7350},"test",{"type":140,"tag":313,"props":7352,"children":7353},{"style":520},[7354],{"type":155,"value":559},{"type":140,"tag":313,"props":7356,"children":7357},{"class":369,"line":949},[7358,7363],{"type":140,"tag":313,"props":7359,"children":7360},{"style":520},[7361],{"type":155,"value":7362},"    ?",{"type":140,"tag":313,"props":7364,"children":7365},{"style":520},[7366],{"type":155,"value":881},{"type":140,"tag":313,"props":7368,"children":7369},{"class":369,"line":1286},[7370],{"type":140,"tag":313,"props":7371,"children":7372},{"style":837},[7373],{"type":155,"value":7374},"        // Production or development icon configuration\n",{"type":140,"tag":313,"props":7376,"children":7377},{"class":369,"line":47},[7378],{"type":140,"tag":313,"props":7379,"children":7380},{"style":520},[7381],{"type":155,"value":2401},{"type":140,"tag":313,"props":7383,"children":7384},{"class":369,"line":43},[7385,7390],{"type":140,"tag":313,"props":7386,"children":7387},{"style":520},[7388],{"type":155,"value":7389},"    :",{"type":140,"tag":313,"props":7391,"children":7392},{"style":520},[7393],{"type":155,"value":881},{"type":140,"tag":313,"props":7395,"children":7396},{"class":369,"line":1795},[7397],{"type":140,"tag":313,"props":7398,"children":7399},{"style":837},[7400],{"type":155,"value":7401},"        // Disable all network icon fetching in component tests\n",{"type":140,"tag":313,"props":7403,"children":7404},{"class":369,"line":1804},[7405,7410,7414,7418,7422,7426],{"type":140,"tag":313,"props":7406,"children":7407},{"style":529},[7408],{"type":155,"value":7409},"        provider",{"type":140,"tag":313,"props":7411,"children":7412},{"style":520},[7413],{"type":155,"value":537},{"type":140,"tag":313,"props":7415,"children":7416},{"style":520},[7417],{"type":155,"value":898},{"type":140,"tag":313,"props":7419,"children":7420},{"style":379},[7421],{"type":155,"value":2800},{"type":140,"tag":313,"props":7423,"children":7424},{"style":520},[7425],{"type":155,"value":907},{"type":140,"tag":313,"props":7427,"children":7428},{"style":520},[7429],{"type":155,"value":912},{"type":140,"tag":313,"props":7431,"children":7432},{"class":369,"line":1834},[7433],{"type":140,"tag":313,"props":7434,"children":7435},{"emptyLinePlaceholder":1630},[7436],{"type":155,"value":1633},{"type":140,"tag":313,"props":7438,"children":7439},{"class":369,"line":1876},[7440,7445,7449],{"type":140,"tag":313,"props":7441,"children":7442},{"style":529},[7443],{"type":155,"value":7444},"        clientBundle",{"type":140,"tag":313,"props":7446,"children":7447},{"style":520},[7448],{"type":155,"value":537},{"type":140,"tag":313,"props":7450,"children":7451},{"style":520},[7452],{"type":155,"value":881},{"type":140,"tag":313,"props":7454,"children":7455},{"class":369,"line":1885},[7456],{"type":140,"tag":313,"props":7457,"children":7458},{"style":837},[7459],{"type":155,"value":7460},"          // Explicitly include dynamically constructed icons\n",{"type":140,"tag":313,"props":7462,"children":7463},{"class":369,"line":1894},[7464,7469,7473,7477,7481,7486,7490,7494],{"type":140,"tag":313,"props":7465,"children":7466},{"style":529},[7467],{"type":155,"value":7468},"          icons",{"type":140,"tag":313,"props":7470,"children":7471},{"style":520},[7472],{"type":155,"value":537},{"type":140,"tag":313,"props":7474,"children":7475},{"style":514},[7476],{"type":155,"value":1159},{"type":140,"tag":313,"props":7478,"children":7479},{"style":520},[7480],{"type":155,"value":907},{"type":140,"tag":313,"props":7482,"children":7483},{"style":379},[7484],{"type":155,"value":7485},"lucide:check",{"type":140,"tag":313,"props":7487,"children":7488},{"style":520},[7489],{"type":155,"value":907},{"type":140,"tag":313,"props":7491,"children":7492},{"style":514},[7493],{"type":155,"value":1176},{"type":140,"tag":313,"props":7495,"children":7496},{"style":520},[7497],{"type":155,"value":912},{"type":140,"tag":313,"props":7499,"children":7500},{"class":369,"line":1903},[7501],{"type":140,"tag":313,"props":7502,"children":7503},{"emptyLinePlaceholder":1630},[7504],{"type":155,"value":1633},{"type":140,"tag":313,"props":7506,"children":7507},{"class":369,"line":1916},[7508],{"type":140,"tag":313,"props":7509,"children":7510},{"style":837},[7511],{"type":155,"value":7512},"          // Scan your app and Nuxt UI runtime for static icon usage\n",{"type":140,"tag":313,"props":7514,"children":7515},{"class":369,"line":1925},[7516,7521,7525],{"type":140,"tag":313,"props":7517,"children":7518},{"style":529},[7519],{"type":155,"value":7520},"          scan",{"type":140,"tag":313,"props":7522,"children":7523},{"style":520},[7524],{"type":155,"value":537},{"type":140,"tag":313,"props":7526,"children":7527},{"style":520},[7528],{"type":155,"value":881},{"type":140,"tag":313,"props":7530,"children":7531},{"class":369,"line":6285},[7532,7537,7541],{"type":140,"tag":313,"props":7533,"children":7534},{"style":529},[7535],{"type":155,"value":7536},"            globInclude",{"type":140,"tag":313,"props":7538,"children":7539},{"style":520},[7540],{"type":155,"value":537},{"type":140,"tag":313,"props":7542,"children":7543},{"style":514},[7544],{"type":155,"value":542},{"type":140,"tag":313,"props":7546,"children":7547},{"class":369,"line":6307},[7548,7553,7558,7562],{"type":140,"tag":313,"props":7549,"children":7550},{"style":520},[7551],{"type":155,"value":7552},"              '",{"type":140,"tag":313,"props":7554,"children":7555},{"style":379},[7556],{"type":155,"value":7557},"{app,shared}/**",{"type":140,"tag":313,"props":7559,"children":7560},{"style":520},[7561],{"type":155,"value":907},{"type":140,"tag":313,"props":7563,"children":7564},{"style":520},[7565],{"type":155,"value":912},{"type":140,"tag":313,"props":7567,"children":7568},{"class":369,"line":6315},[7569,7573,7578,7582],{"type":140,"tag":313,"props":7570,"children":7571},{"style":520},[7572],{"type":155,"value":7552},{"type":140,"tag":313,"props":7574,"children":7575},{"style":379},[7576],{"type":155,"value":7577},"node_modules/@nuxt/ui/dist/**",{"type":140,"tag":313,"props":7579,"children":7580},{"style":520},[7581],{"type":155,"value":907},{"type":140,"tag":313,"props":7583,"children":7584},{"style":520},[7585],{"type":155,"value":912},{"type":140,"tag":313,"props":7587,"children":7588},{"class":369,"line":6323},[7589,7594],{"type":140,"tag":313,"props":7590,"children":7591},{"style":514},[7592],{"type":155,"value":7593},"            ]",{"type":140,"tag":313,"props":7595,"children":7596},{"style":520},[7597],{"type":155,"value":912},{"type":140,"tag":313,"props":7599,"children":7601},{"class":369,"line":7600},24,[7602,7607,7611,7615,7619,7623,7627,7631],{"type":140,"tag":313,"props":7603,"children":7604},{"style":529},[7605],{"type":155,"value":7606},"            globExclude",{"type":140,"tag":313,"props":7608,"children":7609},{"style":520},[7610],{"type":155,"value":537},{"type":140,"tag":313,"props":7612,"children":7613},{"style":514},[7614],{"type":155,"value":1159},{"type":140,"tag":313,"props":7616,"children":7617},{"style":520},[7618],{"type":155,"value":907},{"type":140,"tag":313,"props":7620,"children":7621},{"style":379},[7622],{"type":155,"value":6575},{"type":140,"tag":313,"props":7624,"children":7625},{"style":520},[7626],{"type":155,"value":907},{"type":140,"tag":313,"props":7628,"children":7629},{"style":514},[7630],{"type":155,"value":1176},{"type":140,"tag":313,"props":7632,"children":7633},{"style":520},[7634],{"type":155,"value":912},{"type":140,"tag":313,"props":7636,"children":7638},{"class":369,"line":7637},25,[7639],{"type":140,"tag":313,"props":7640,"children":7641},{"style":520},[7642],{"type":155,"value":7643},"          },\n",{"type":140,"tag":313,"props":7645,"children":7647},{"class":369,"line":7646},26,[7648],{"type":140,"tag":313,"props":7649,"children":7650},{"style":520},[7651],{"type":155,"value":2351},{"type":140,"tag":313,"props":7653,"children":7655},{"class":369,"line":7654},27,[7656],{"type":140,"tag":313,"props":7657,"children":7658},{"style":520},[7659],{"type":155,"value":1900},{"type":140,"tag":313,"props":7661,"children":7663},{"class":369,"line":7662},28,[7664,7668],{"type":140,"tag":313,"props":7665,"children":7666},{"style":520},[7667],{"type":155,"value":577},{"type":140,"tag":313,"props":7669,"children":7670},{"style":514},[7671],{"type":155,"value":582},{"type":140,"tag":306,"props":7673,"children":7674},{},[7675,7683],{"type":140,"tag":141,"props":7676,"children":7677},{},[7678],{"type":140,"tag":613,"props":7679,"children":7680},{},[7681],{"type":155,"value":7682},"Tips",{"type":140,"tag":241,"props":7684,"children":7685},{},[7686,7698],{"type":140,"tag":245,"props":7687,"children":7688},{},[7689,7691,7697],{"type":155,"value":7690},"Dynamically generated icon names may not be detected by static scanning—add them explicitly to ",{"type":140,"tag":321,"props":7692,"children":7694},{"className":7693},[],[7695],{"type":155,"value":7696},"icons",{"type":155,"value":239},{"type":140,"tag":245,"props":7699,"children":7700},{},[7701,7703,7709,7710,7716],{"type":155,"value":7702},"For large apps, consider moving test-only configuration into ",{"type":140,"tag":321,"props":7704,"children":7706},{"className":7705},[],[7707],{"type":155,"value":7708},"vitest.config.ts",{"type":155,"value":669},{"type":140,"tag":321,"props":7711,"children":7713},{"className":7712},[],[7714],{"type":155,"value":7715},"cypress.config.ts",{"type":155,"value":7717}," for clarity.",{"type":140,"tag":266,"props":7719,"children":7721},{"id":7720},"contributing",[7722],{"type":155,"value":7723},"Contributing 🙏",{"type":140,"tag":7725,"props":7726,"children":7727},"ol",{},[7728,7733,7770,7783],{"type":140,"tag":245,"props":7729,"children":7730},{},[7731],{"type":155,"value":7732},"Clone this repository",{"type":140,"tag":245,"props":7734,"children":7735},{},[7736,7738,7744,7746,7752,7754,7760,7762,7769],{"type":155,"value":7737},"Install dependencies using ",{"type":140,"tag":321,"props":7739,"children":7741},{"className":7740},[],[7742],{"type":155,"value":7743},"pnpm install",{"type":155,"value":7745}," (install ",{"type":140,"tag":321,"props":7747,"children":7749},{"className":7748},[],[7750],{"type":155,"value":7751},"pnpm",{"type":155,"value":7753}," with ",{"type":140,"tag":321,"props":7755,"children":7757},{"className":7756},[],[7758],{"type":155,"value":7759},"corepack enable",{"type":155,"value":7761},", ",{"type":140,"tag":161,"props":7763,"children":7766},{"href":7764,"rel":7765},"https://pnpm.io/installation#using-corepack",[165],[7767],{"type":155,"value":7768},"learn more",{"type":155,"value":650},{"type":140,"tag":245,"props":7771,"children":7772},{},[7773,7775,7781],{"type":155,"value":7774},"Run ",{"type":140,"tag":321,"props":7776,"children":7778},{"className":7777},[],[7779],{"type":155,"value":7780},"npm run dev:prepare",{"type":155,"value":7782}," to generate type stubs.",{"type":140,"tag":245,"props":7784,"children":7785},{},[7786,7788,7794,7796,7803],{"type":155,"value":7787},"Use ",{"type":140,"tag":321,"props":7789,"children":7791},{"className":7790},[],[7792],{"type":155,"value":7793},"npm run dev",{"type":155,"value":7795}," to start ",{"type":140,"tag":161,"props":7797,"children":7800},{"href":7798,"rel":7799},"https://github.com/nuxt-modules/icon/tree/main/playground",[165],[7801],{"type":155,"value":7802},"playground",{"type":155,"value":7804}," in development mode.",{"type":140,"tag":266,"props":7806,"children":7808},{"id":7807},"credits",[7809],{"type":155,"value":7810},"Credits 💌",{"type":140,"tag":241,"props":7812,"children":7813},{},[7814,7826],{"type":140,"tag":245,"props":7815,"children":7816},{},[7817,7824],{"type":140,"tag":161,"props":7818,"children":7821},{"href":7819,"rel":7820},"https://github.com/benjamincanac",[165],[7822],{"type":155,"value":7823},"@benjamincanac",{"type":155,"value":7825}," for the initial version",{"type":140,"tag":245,"props":7827,"children":7828},{},[7829,7836,7838],{"type":140,"tag":161,"props":7830,"children":7833},{"href":7831,"rel":7832},"https://github.com/cyberalien",[165],[7834],{"type":155,"value":7835},"@cyberalien",{"type":155,"value":7837}," for making ",{"type":140,"tag":161,"props":7839,"children":7842},{"href":7840,"rel":7841},"https://github.com/iconify/iconify",[165],[7843],{"type":155,"value":237},{"type":140,"tag":266,"props":7845,"children":7847},{"id":7846},"license",[7848],{"type":155,"value":7849},"License 📎",{"type":140,"tag":141,"props":7851,"children":7852},{},[7853],{"type":140,"tag":161,"props":7854,"children":7856},{"href":183,"rel":7855},[165],[7857],{"type":155,"value":7858},"MIT License",{"type":140,"tag":7860,"props":7861,"children":7862},"style",{},[7863],{"type":155,"value":7864},"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":14,"searchDepth":58,"depth":58,"links":7866},[7867,7868,7869,7880,7881,7882],{"id":268,"depth":58,"text":271},{"id":348,"depth":58,"text":351},{"id":605,"depth":58,"text":608,"children":7870},[7871,7872,7873,7874,7875,7876,7877,7878,7879],{"id":962,"depth":51,"text":965},{"id":1298,"depth":51,"text":1301},{"id":1495,"depth":51,"text":1498},{"id":2882,"depth":51,"text":2885},{"id":3187,"depth":51,"text":3190},{"id":4674,"depth":51,"text":4677},{"id":5526,"depth":51,"text":5529},{"id":6792,"depth":51,"text":6795},{"id":7090,"depth":51,"text":6013},{"id":7720,"depth":58,"text":7723},{"id":7807,"depth":58,"text":7810},{"id":7846,"depth":58,"text":7849}]