[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"module-icon":3,"versions":7879},{"name":4,"description":5,"repo":6,"npm":7,"icon":8,"github":9,"website":9,"learn_more":10,"category":11,"type":12,"maintainers":13,"compatibility":24,"generatedAt":28,"contributors":29,"stats":122,"readme":130},"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",[14,19],{"name":15,"github":16,"twitter":17,"bluesky":18},"Sébastien Chopin","Atinux","atinux","atinux.com",{"name":20,"github":21,"bluesky":22,"twitter":23},"Anthony Fu","antfu","antfu.me","antfu7",{"nuxt":25,"requires":26,"devtools":27},">=3.0.0",{},"^0.0.0","2026-05-17T09:40:05.877Z",[30,33,36,40,44,48,51,55,58,61,64,67,71,74,77,80,83,86,89,92,95,98,101,104,107,110,113,116,119],{"id":31,"username":21,"contributions":32},11247099,178,{"id":34,"username":17,"contributions":35},904724,57,{"id":37,"username":38,"contributions":39},1385263,"Tahul",10,{"id":41,"username":42,"contributions":43},28706372,"danielroe",9,{"id":45,"username":46,"contributions":47},1395674,"danjrwalsh",3,{"id":49,"username":50,"contributions":47},25870781,"ezequidias",{"id":52,"username":53,"contributions":54},5158436,"pi0",2,{"id":56,"username":57,"contributions":54},1836701,"HADB",{"id":59,"username":60,"contributions":54},739984,"benjamincanac",{"id":62,"username":63,"contributions":54},7290030,"larbish",{"id":65,"username":66,"contributions":54},727125,"andreasgangso",{"id":68,"username":69,"contributions":70},33484358,"geforseN",1,{"id":72,"username":73,"contributions":70},57325448,"rubanp",{"id":75,"username":76,"contributions":70},29805551,"RobertHaba",{"id":78,"username":79,"contributions":70},51883557,"iRaziul",{"id":81,"username":82,"contributions":70},15015765,"RBV1",{"id":84,"username":85,"contributions":70},30523269,"Quasarman",{"id":87,"username":88,"contributions":70},69654392,"PhabloFinotti",{"id":90,"username":91,"contributions":70},87768087,"Readpato",{"id":93,"username":94,"contributions":70},40447,"okj579",{"id":96,"username":97,"contributions":70},115035737,"nizasichi",{"id":99,"username":100,"contributions":70},48282810,"cybercoder-naj",{"id":102,"username":103,"contributions":70},45195424,"svifty7",{"id":105,"username":106,"contributions":70},149865959,"hywax",{"id":108,"username":109,"contributions":70},1124666,"tkjaergaard",{"id":111,"username":112,"contributions":70},28957605,"turulix",{"id":114,"username":115,"contributions":70},2703233,"toniengelhardt",{"id":117,"username":118,"contributions":70},11254699,"Tsuyoshi84",{"id":120,"username":121,"contributions":70},35431350,"ExEr7um",{"version":123,"downloads":124,"stars":125,"watchers":125,"forks":126,"defaultBranch":127,"publishedAt":128,"createdAt":129},"2.2.2",1905509,1178,92,"main",1777908437196,1718706605195,{"data":131,"body":132,"toc":7861},{"title":10,"description":10},{"type":133,"children":134},"root",[135,146,153,206,236,261,268,301,342,348,353,394,407,428,599,605,614,680,689,718,792,801,821,955,962,974,1016,1037,1042,1070,1090,1292,1298,1317,1360,1388,1489,1495,1500,1512,1552,1571,1931,1968,2003,2008,2123,2136,2427,2455,2705,2712,2732,2876,2882,2910,3132,3153,3181,3187,3222,3255,3267,3293,3551,3570,3612,3675,3683,3688,3716,3721,3726,4473,4478,4490,4663,4668,4674,4686,4698,4711,4722,4741,4872,4877,5037,5050,5071,5076,5087,5112,5118,5143,5289,5310,5315,5328,5334,5365,5515,5520,5526,5531,5537,5542,5760,5765,5965,5984,6012,6018,6329,6354,6359,6372,6377,6641,6786,6792,6811,6854,6867,7084,7089,7124,7141,7166,7172,7199,7205,7217,7668,7714,7720,7801,7807,7840,7846,7855],{"type":136,"tag":137,"props":138,"children":139},"element","p",{},[140],{"type":136,"tag":141,"props":142,"children":145},"img",{"alt":143,"src":144},"nuxt-icon","https://github.com/nuxt-modules/icon/assets/904724/ae673805-06ad-4c05-820e-a8445c7224ce",[],{"type":136,"tag":147,"props":148,"children":149},"h1",{"id":143},[150],{"type":151,"value":152},"text","Nuxt Icon",{"type":136,"tag":137,"props":154,"children":155},{},[156,168,177,187,197],{"type":136,"tag":157,"props":158,"children":162},"a",{"href":159,"rel":160},"https://npmjs.com/package/@nuxt/icon",[161],"nofollow",[163],{"type":136,"tag":141,"props":164,"children":167},{"alt":165,"src":166},"npm version","https://img.shields.io/npm/v/@nuxt/icon/latest.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":136,"tag":157,"props":169,"children":171},{"href":159,"rel":170},[161],[172],{"type":136,"tag":141,"props":173,"children":176},{"alt":174,"src":175},"npm downloads","https://img.shields.io/npm/dm/@nuxt/icon.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":136,"tag":157,"props":178,"children":181},{"href":179,"rel":180},"https://github.com/nuxt-modules/icon/blob/main/LICENSE",[161],[182],{"type":136,"tag":141,"props":183,"children":186},{"alt":184,"src":185},"License","https://img.shields.io/github/license/nuxt-modules/icon.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":136,"tag":157,"props":188,"children":191},{"href":189,"rel":190},"https://nuxt.com",[161],[192],{"type":136,"tag":141,"props":193,"children":196},{"alt":194,"src":195},"Nuxt","https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js",[],{"type":136,"tag":157,"props":198,"children":200},{"href":199},"https://volta.net/nuxt-modules/icon?utm_source=nuxt_icon_readme",[201],{"type":136,"tag":141,"props":202,"children":205},{"src":203,"alt":204},"https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg","Volta board",[],{"type":136,"tag":137,"props":207,"children":208},{},[209,211,218,220,225,227,234],{"type":151,"value":210},"Add ",{"type":136,"tag":157,"props":212,"children":215},{"href":213,"rel":214},"https://icones.js.org",[161],[216],{"type":151,"value":217},"200,000+ ready to use icons",{"type":151,"value":219}," to your ",{"type":136,"tag":157,"props":221,"children":223},{"href":189,"rel":222},[161],[224],{"type":151,"value":194},{"type":151,"value":226}," application, based on ",{"type":136,"tag":157,"props":228,"children":231},{"href":229,"rel":230},"https://iconify.design",[161],[232],{"type":151,"value":233},"Iconify",{"type":151,"value":235},".",{"type":136,"tag":237,"props":238,"children":239},"ul",{},[240,251],{"type":136,"tag":241,"props":242,"children":243},"li",{},[244],{"type":136,"tag":157,"props":245,"children":248},{"href":246,"rel":247},"https://github.com/nuxt-modules/icon/releases",[161],[249],{"type":151,"value":250},"✨  Release Notes",{"type":136,"tag":241,"props":252,"children":253},{},[254],{"type":136,"tag":157,"props":255,"children":258},{"href":256,"rel":257},"https://stackblitz.com/edit/nuxt-icon-playground?file=app.vue",[161],[259],{"type":151,"value":260},"🏀  Online playground",{"type":136,"tag":262,"props":263,"children":265},"h2",{"id":264},"features",[266],{"type":151,"value":267},"Features ✨",{"type":136,"tag":237,"props":269,"children":270},{},[271,276,281,291,296],{"type":136,"tag":241,"props":272,"children":273},{},[274],{"type":151,"value":275},"Nuxt 3 ready",{"type":136,"tag":241,"props":277,"children":278},{},[279],{"type":151,"value":280},"SSR friendly",{"type":136,"tag":241,"props":282,"children":283},{},[284,286],{"type":151,"value":285},"Support 200,000 open-source vector icons via ",{"type":136,"tag":157,"props":287,"children":289},{"href":229,"rel":288},[161],[290],{"type":151,"value":233},{"type":136,"tag":241,"props":292,"children":293},{},[294],{"type":151,"value":295},"Support both CSS mode / SVG mode",{"type":136,"tag":241,"props":297,"children":298},{},[299],{"type":151,"value":300},"Custom SVG support (via Vue component, or via local SVG files)",{"type":136,"tag":302,"props":303,"children":304},"blockquote",{},[305],{"type":136,"tag":137,"props":306,"children":307},{},[308,314,316,323,325,331,333,340],{"type":136,"tag":309,"props":310,"children":311},"span",{},[312],{"type":151,"value":313},"!NOTE",{"type":151,"value":315},"\nYou are viewing the ",{"type":136,"tag":317,"props":318,"children":320},"code",{"className":319},[],[321],{"type":151,"value":322},"v1.0",{"type":151,"value":324}," version of this module, which is a complete rewrite for a better developer experience and performance. If you are migrating from ",{"type":136,"tag":317,"props":326,"children":328},{"className":327},[],[329],{"type":151,"value":330},"v0.6",{"type":151,"value":332},", please check ",{"type":136,"tag":157,"props":334,"children":337},{"href":335,"rel":336},"https://github.com/nuxt-modules/icon/pull/154",[161],[338],{"type":151,"value":339},"this PR",{"type":151,"value":341}," for the full list of changes.",{"type":136,"tag":262,"props":343,"children":345},{"id":344},"setup-️",[346],{"type":151,"value":347},"Setup ⛓️",{"type":136,"tag":137,"props":349,"children":350},{},[351],{"type":151,"value":352},"Run the following command to add the module to your project:",{"type":136,"tag":354,"props":355,"children":359},"pre",{"className":356,"code":357,"language":358,"meta":10,"style":10},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","npx nuxi module add icon\n","bash",[360],{"type":136,"tag":317,"props":361,"children":362},{"__ignoreMap":10},[363],{"type":136,"tag":309,"props":364,"children":366},{"class":365,"line":70},"line",[367,373,379,384,389],{"type":136,"tag":309,"props":368,"children":370},{"style":369},"--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B",[371],{"type":151,"value":372},"npx",{"type":136,"tag":309,"props":374,"children":376},{"style":375},"--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D",[377],{"type":151,"value":378}," nuxi",{"type":136,"tag":309,"props":380,"children":381},{"style":375},[382],{"type":151,"value":383}," module",{"type":136,"tag":309,"props":385,"children":386},{"style":375},[387],{"type":151,"value":388}," add",{"type":136,"tag":309,"props":390,"children":391},{"style":375},[392],{"type":151,"value":393}," icon\n",{"type":136,"tag":137,"props":395,"children":396},{},[397,399,405],{"type":151,"value":398},"That's it, you can now use the ",{"type":136,"tag":317,"props":400,"children":402},{"className":401},[],[403],{"type":151,"value":404},"\u003CIcon />",{"type":151,"value":406}," in your components!",{"type":136,"tag":137,"props":408,"children":409},{},[410,412,419,421],{"type":151,"value":411},"✨ If you are using VS Code, you can use the ",{"type":136,"tag":157,"props":413,"children":416},{"href":414,"rel":415},"https://marketplace.visualstudio.com/items?itemName=antfu.iconify",[161],[417],{"type":151,"value":418},"Iconify IntelliSense",{"type":151,"value":420}," extension by ",{"type":136,"tag":157,"props":422,"children":425},{"href":423,"rel":424},"https://github.com/antfu",[161],[426],{"type":151,"value":427},"@antfu",{"type":136,"tag":429,"props":430,"children":431},"details",{},[432,438,443,468,479,579],{"type":136,"tag":433,"props":434,"children":435},"summary",{},[436],{"type":151,"value":437},"Manual Setup",{"type":136,"tag":137,"props":439,"children":440},{},[441],{"type":151,"value":442},"You can install the module manually with:",{"type":136,"tag":354,"props":444,"children":446},{"className":356,"code":445,"language":358,"meta":10,"style":10},"npm i @nuxt/icon\n",[447],{"type":136,"tag":317,"props":448,"children":449},{"__ignoreMap":10},[450],{"type":136,"tag":309,"props":451,"children":452},{"class":365,"line":70},[453,458,463],{"type":136,"tag":309,"props":454,"children":455},{"style":369},[456],{"type":151,"value":457},"npm",{"type":136,"tag":309,"props":459,"children":460},{"style":375},[461],{"type":151,"value":462}," i",{"type":136,"tag":309,"props":464,"children":465},{"style":375},[466],{"type":151,"value":467}," @nuxt/icon\n",{"type":136,"tag":137,"props":469,"children":470},{},[471,473],{"type":151,"value":472},"Update your ",{"type":136,"tag":317,"props":474,"children":476},{"className":475},[],[477],{"type":151,"value":478},"nuxt.config.ts",{"type":136,"tag":354,"props":480,"children":484},{"className":481,"code":482,"language":483,"meta":10,"style":10},"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",[485],{"type":136,"tag":317,"props":486,"children":487},{"__ignoreMap":10},[488,520,539,556,565],{"type":136,"tag":309,"props":489,"children":490},{"class":365,"line":70},[491,497,502,508,514],{"type":136,"tag":309,"props":492,"children":494},{"style":493},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[495],{"type":151,"value":496},"export",{"type":136,"tag":309,"props":498,"children":499},{"style":493},[500],{"type":151,"value":501}," default",{"type":136,"tag":309,"props":503,"children":505},{"style":504},"--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF",[506],{"type":151,"value":507}," defineNuxtConfig",{"type":136,"tag":309,"props":509,"children":511},{"style":510},"--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8",[512],{"type":151,"value":513},"(",{"type":136,"tag":309,"props":515,"children":517},{"style":516},"--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF",[518],{"type":151,"value":519},"{\n",{"type":136,"tag":309,"props":521,"children":522},{"class":365,"line":54},[523,529,534],{"type":136,"tag":309,"props":524,"children":526},{"style":525},"--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178",[527],{"type":151,"value":528},"  modules",{"type":136,"tag":309,"props":530,"children":531},{"style":516},[532],{"type":151,"value":533},":",{"type":136,"tag":309,"props":535,"children":536},{"style":510},[537],{"type":151,"value":538}," [\n",{"type":136,"tag":309,"props":540,"children":541},{"class":365,"line":47},[542,547,551],{"type":136,"tag":309,"props":543,"children":544},{"style":516},[545],{"type":151,"value":546},"    '",{"type":136,"tag":309,"props":548,"children":549},{"style":375},[550],{"type":151,"value":7},{"type":136,"tag":309,"props":552,"children":553},{"style":516},[554],{"type":151,"value":555},"'\n",{"type":136,"tag":309,"props":557,"children":559},{"class":365,"line":558},4,[560],{"type":136,"tag":309,"props":561,"children":562},{"style":510},[563],{"type":151,"value":564},"  ]\n",{"type":136,"tag":309,"props":566,"children":568},{"class":365,"line":567},5,[569,574],{"type":136,"tag":309,"props":570,"children":571},{"style":516},[572],{"type":151,"value":573},"}",{"type":136,"tag":309,"props":575,"children":576},{"style":510},[577],{"type":151,"value":578},")\n",{"type":136,"tag":137,"props":580,"children":581},{},[582,584,589,591,597],{"type":151,"value":583},"If you have the legacy module ",{"type":136,"tag":317,"props":585,"children":587},{"className":586},[],[588],{"type":151,"value":143},{"type":151,"value":590}," installed, you might want to remove it from the ",{"type":136,"tag":317,"props":592,"children":594},{"className":593},[],[595],{"type":151,"value":596},"modules",{"type":151,"value":598}," list.",{"type":136,"tag":262,"props":600,"children":602},{"id":601},"usage",[603],{"type":151,"value":604},"Usage 👌",{"type":136,"tag":137,"props":606,"children":607},{},[608],{"type":136,"tag":609,"props":610,"children":611},"strong",{},[612],{"type":151,"value":613},"Props:",{"type":136,"tag":237,"props":615,"children":616},{},[617,628,647],{"type":136,"tag":241,"props":618,"children":619},{},[620,626],{"type":136,"tag":317,"props":621,"children":623},{"className":622},[],[624],{"type":151,"value":625},"name",{"type":151,"value":627}," (required): icon name or global component name",{"type":136,"tag":241,"props":629,"children":630},{},[631,637,639,645],{"type":136,"tag":317,"props":632,"children":634},{"className":633},[],[635],{"type":151,"value":636},"size",{"type":151,"value":638},": icon size (default: ",{"type":136,"tag":317,"props":640,"children":642},{"className":641},[],[643],{"type":151,"value":644},"1em",{"type":151,"value":646},")",{"type":136,"tag":241,"props":648,"children":649},{},[650,656,658,664,666,672,674,679],{"type":136,"tag":317,"props":651,"children":653},{"className":652},[],[654],{"type":151,"value":655},"mode",{"type":151,"value":657},": icon rendering mode (",{"type":136,"tag":317,"props":659,"children":661},{"className":660},[],[662],{"type":151,"value":663},"svg",{"type":151,"value":665}," or ",{"type":136,"tag":317,"props":667,"children":669},{"className":668},[],[670],{"type":151,"value":671},"css",{"type":151,"value":673},", default: ",{"type":136,"tag":317,"props":675,"children":677},{"className":676},[],[678],{"type":151,"value":671},{"type":151,"value":646},{"type":136,"tag":137,"props":681,"children":682},{},[683,688],{"type":136,"tag":609,"props":684,"children":685},{},[686],{"type":151,"value":687},"Attributes",{"type":151,"value":533},{"type":136,"tag":137,"props":690,"children":691},{},[692,694,700,701,707,709,716],{"type":151,"value":693},"When using an icon from Iconify, a ",{"type":136,"tag":317,"props":695,"children":697},{"className":696},[],[698],{"type":151,"value":699},"\u003Cspan>",{"type":151,"value":665},{"type":136,"tag":317,"props":702,"children":704},{"className":703},[],[705],{"type":151,"value":706},"\u003Csvg>",{"type":151,"value":708}," will be created based on the rendering mode, you can give ",{"type":136,"tag":157,"props":710,"children":713},{"href":711,"rel":712},"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute",[161],[714],{"type":151,"value":715},"all the attributes",{"type":151,"value":717}," of the native element.",{"type":136,"tag":354,"props":719,"children":723},{"className":720,"code":721,"language":722,"meta":10,"style":10},"language-html shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003CIcon name=\"uil:github\" style=\"color: black\" />\n","html",[724],{"type":136,"tag":317,"props":725,"children":726},{"__ignoreMap":10},[727],{"type":136,"tag":309,"props":728,"children":729},{"class":365,"line":70},[730,735,740,746,751,756,761,765,770,774,778,783,787],{"type":136,"tag":309,"props":731,"children":732},{"style":516},[733],{"type":151,"value":734},"\u003C",{"type":136,"tag":309,"props":736,"children":737},{"style":525},[738],{"type":151,"value":739},"Icon",{"type":136,"tag":309,"props":741,"children":743},{"style":742},"--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA",[744],{"type":151,"value":745}," name",{"type":136,"tag":309,"props":747,"children":748},{"style":516},[749],{"type":151,"value":750},"=",{"type":136,"tag":309,"props":752,"children":753},{"style":516},[754],{"type":151,"value":755},"\"",{"type":136,"tag":309,"props":757,"children":758},{"style":375},[759],{"type":151,"value":760},"uil:github",{"type":136,"tag":309,"props":762,"children":763},{"style":516},[764],{"type":151,"value":755},{"type":136,"tag":309,"props":766,"children":767},{"style":742},[768],{"type":151,"value":769}," style",{"type":136,"tag":309,"props":771,"children":772},{"style":516},[773],{"type":151,"value":750},{"type":136,"tag":309,"props":775,"children":776},{"style":516},[777],{"type":151,"value":755},{"type":136,"tag":309,"props":779,"children":780},{"style":375},[781],{"type":151,"value":782},"color: black",{"type":136,"tag":309,"props":784,"children":785},{"style":516},[786],{"type":151,"value":755},{"type":136,"tag":309,"props":788,"children":789},{"style":516},[790],{"type":151,"value":791}," />\n",{"type":136,"tag":137,"props":793,"children":794},{},[795,800],{"type":136,"tag":609,"props":796,"children":797},{},[798],{"type":151,"value":799},"TailwindCSS v4",{"type":151,"value":533},{"type":136,"tag":137,"props":802,"children":803},{},[804,806,811,813,819],{"type":151,"value":805},"When using TailwindCSS v4 with the ",{"type":136,"tag":317,"props":807,"children":809},{"className":808},[],[810],{"type":151,"value":671},{"type":151,"value":812}," mode, you should configure the ",{"type":136,"tag":317,"props":814,"children":816},{"className":815},[],[817],{"type":151,"value":818},"cssLayer",{"type":151,"value":820}," in Nuxt's app config:",{"type":136,"tag":354,"props":822,"children":824},{"className":481,"code":823,"language":483,"meta":10,"style":10},"// ~/app.config.ts\nexport default defineAppConfig({\n  icon: {\n    mode: 'css',\n    cssLayer: 'base'\n  }\n})\n",[825],{"type":136,"tag":317,"props":826,"children":827},{"__ignoreMap":10},[828,837,861,878,909,934,943],{"type":136,"tag":309,"props":829,"children":830},{"class":365,"line":70},[831],{"type":136,"tag":309,"props":832,"children":834},{"style":833},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[835],{"type":151,"value":836},"// ~/app.config.ts\n",{"type":136,"tag":309,"props":838,"children":839},{"class":365,"line":54},[840,844,848,853,857],{"type":136,"tag":309,"props":841,"children":842},{"style":493},[843],{"type":151,"value":496},{"type":136,"tag":309,"props":845,"children":846},{"style":493},[847],{"type":151,"value":501},{"type":136,"tag":309,"props":849,"children":850},{"style":504},[851],{"type":151,"value":852}," defineAppConfig",{"type":136,"tag":309,"props":854,"children":855},{"style":510},[856],{"type":151,"value":513},{"type":136,"tag":309,"props":858,"children":859},{"style":516},[860],{"type":151,"value":519},{"type":136,"tag":309,"props":862,"children":863},{"class":365,"line":47},[864,869,873],{"type":136,"tag":309,"props":865,"children":866},{"style":525},[867],{"type":151,"value":868},"  icon",{"type":136,"tag":309,"props":870,"children":871},{"style":516},[872],{"type":151,"value":533},{"type":136,"tag":309,"props":874,"children":875},{"style":516},[876],{"type":151,"value":877}," {\n",{"type":136,"tag":309,"props":879,"children":880},{"class":365,"line":558},[881,886,890,895,899,904],{"type":136,"tag":309,"props":882,"children":883},{"style":525},[884],{"type":151,"value":885},"    mode",{"type":136,"tag":309,"props":887,"children":888},{"style":516},[889],{"type":151,"value":533},{"type":136,"tag":309,"props":891,"children":892},{"style":516},[893],{"type":151,"value":894}," '",{"type":136,"tag":309,"props":896,"children":897},{"style":375},[898],{"type":151,"value":671},{"type":136,"tag":309,"props":900,"children":901},{"style":516},[902],{"type":151,"value":903},"'",{"type":136,"tag":309,"props":905,"children":906},{"style":516},[907],{"type":151,"value":908},",\n",{"type":136,"tag":309,"props":910,"children":911},{"class":365,"line":567},[912,917,921,925,930],{"type":136,"tag":309,"props":913,"children":914},{"style":525},[915],{"type":151,"value":916},"    cssLayer",{"type":136,"tag":309,"props":918,"children":919},{"style":516},[920],{"type":151,"value":533},{"type":136,"tag":309,"props":922,"children":923},{"style":516},[924],{"type":151,"value":894},{"type":136,"tag":309,"props":926,"children":927},{"style":375},[928],{"type":151,"value":929},"base",{"type":136,"tag":309,"props":931,"children":932},{"style":516},[933],{"type":151,"value":555},{"type":136,"tag":309,"props":935,"children":937},{"class":365,"line":936},6,[938],{"type":136,"tag":309,"props":939,"children":940},{"style":516},[941],{"type":151,"value":942},"  }\n",{"type":136,"tag":309,"props":944,"children":946},{"class":365,"line":945},7,[947,951],{"type":136,"tag":309,"props":948,"children":949},{"style":516},[950],{"type":151,"value":573},{"type":136,"tag":309,"props":952,"children":953},{"style":510},[954],{"type":151,"value":578},{"type":136,"tag":956,"props":957,"children":959},"h3",{"id":958},"iconify-dataset",[960],{"type":151,"value":961},"Iconify Dataset",{"type":136,"tag":137,"props":963,"children":964},{},[965,967,972],{"type":151,"value":966},"You can use any name from the ",{"type":136,"tag":157,"props":968,"children":970},{"href":213,"rel":969},[161],[971],{"type":151,"value":213},{"type":151,"value":973}," collection:",{"type":136,"tag":354,"props":975,"children":977},{"className":720,"code":976,"language":722,"meta":10,"style":10},"\u003CIcon name=\"uil:github\" />\n",[978],{"type":136,"tag":317,"props":979,"children":980},{"__ignoreMap":10},[981],{"type":136,"tag":309,"props":982,"children":983},{"class":365,"line":70},[984,988,992,996,1000,1004,1008,1012],{"type":136,"tag":309,"props":985,"children":986},{"style":516},[987],{"type":151,"value":734},{"type":136,"tag":309,"props":989,"children":990},{"style":525},[991],{"type":151,"value":739},{"type":136,"tag":309,"props":993,"children":994},{"style":742},[995],{"type":151,"value":745},{"type":136,"tag":309,"props":997,"children":998},{"style":516},[999],{"type":151,"value":750},{"type":136,"tag":309,"props":1001,"children":1002},{"style":516},[1003],{"type":151,"value":755},{"type":136,"tag":309,"props":1005,"children":1006},{"style":375},[1007],{"type":151,"value":760},{"type":136,"tag":309,"props":1009,"children":1010},{"style":516},[1011],{"type":151,"value":755},{"type":136,"tag":309,"props":1013,"children":1014},{"style":516},[1015],{"type":151,"value":791},{"type":136,"tag":137,"props":1017,"children":1018},{},[1019,1021,1027,1029,1035],{"type":151,"value":1020},"It supports the ",{"type":136,"tag":317,"props":1022,"children":1024},{"className":1023},[],[1025],{"type":151,"value":1026},"i-",{"type":151,"value":1028}," prefix (for example, ",{"type":136,"tag":317,"props":1030,"children":1032},{"className":1031},[],[1033],{"type":151,"value":1034},"i-uil-github",{"type":151,"value":1036},").",{"type":136,"tag":137,"props":1038,"children":1039},{},[1040],{"type":151,"value":1041},"It's highly recommended to install the icon data locally with",{"type":136,"tag":354,"props":1043,"children":1045},{"className":356,"code":1044,"language":358,"meta":10,"style":10},"npm i -D @iconify-json/collection-name\n",[1046],{"type":136,"tag":317,"props":1047,"children":1048},{"__ignoreMap":10},[1049],{"type":136,"tag":309,"props":1050,"children":1051},{"class":365,"line":70},[1052,1056,1060,1065],{"type":136,"tag":309,"props":1053,"children":1054},{"style":369},[1055],{"type":151,"value":457},{"type":136,"tag":309,"props":1057,"children":1058},{"style":375},[1059],{"type":151,"value":462},{"type":136,"tag":309,"props":1061,"children":1062},{"style":375},[1063],{"type":151,"value":1064}," -D",{"type":136,"tag":309,"props":1066,"children":1067},{"style":375},[1068],{"type":151,"value":1069}," @iconify-json/collection-name\n",{"type":136,"tag":137,"props":1071,"children":1072},{},[1073,1075,1080,1082,1088],{"type":151,"value":1074},"For example, to use the ",{"type":136,"tag":317,"props":1076,"children":1078},{"className":1077},[],[1079],{"type":151,"value":760},{"type":151,"value":1081}," icon, install its collection with ",{"type":136,"tag":317,"props":1083,"children":1085},{"className":1084},[],[1086],{"type":151,"value":1087},"@iconify-json/uil",{"type":151,"value":1089},". 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":136,"tag":302,"props":1091,"children":1092},{},[1093,1110],{"type":136,"tag":137,"props":1094,"children":1095},{},[1096,1100,1102,1108],{"type":136,"tag":309,"props":1097,"children":1098},{},[1099],{"type":151,"value":313},{"type":151,"value":1101},"\nYou may also know you can install ",{"type":136,"tag":317,"props":1103,"children":1105},{"className":1104},[],[1106],{"type":151,"value":1107},"@iconify/json",{"type":151,"value":1109}," 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":136,"tag":354,"props":1111,"children":1113},{"className":481,"code":1112,"language":483,"meta":10,"style":10},"export default defineNuxtConfig({\n  modules: ['@nuxt/icon'],\n  icon: {\n    serverBundle: {\n      collections: ['uil', 'mdi'] // \u003C!--- this\n    }\n  }\n})\n",[1114],{"type":136,"tag":317,"props":1115,"children":1116},{"__ignoreMap":10},[1117,1140,1177,1192,1208,1265,1273,1280],{"type":136,"tag":309,"props":1118,"children":1119},{"class":365,"line":70},[1120,1124,1128,1132,1136],{"type":136,"tag":309,"props":1121,"children":1122},{"style":493},[1123],{"type":151,"value":496},{"type":136,"tag":309,"props":1125,"children":1126},{"style":493},[1127],{"type":151,"value":501},{"type":136,"tag":309,"props":1129,"children":1130},{"style":504},[1131],{"type":151,"value":507},{"type":136,"tag":309,"props":1133,"children":1134},{"style":510},[1135],{"type":151,"value":513},{"type":136,"tag":309,"props":1137,"children":1138},{"style":516},[1139],{"type":151,"value":519},{"type":136,"tag":309,"props":1141,"children":1142},{"class":365,"line":54},[1143,1147,1151,1156,1160,1164,1168,1173],{"type":136,"tag":309,"props":1144,"children":1145},{"style":525},[1146],{"type":151,"value":528},{"type":136,"tag":309,"props":1148,"children":1149},{"style":516},[1150],{"type":151,"value":533},{"type":136,"tag":309,"props":1152,"children":1153},{"style":510},[1154],{"type":151,"value":1155}," [",{"type":136,"tag":309,"props":1157,"children":1158},{"style":516},[1159],{"type":151,"value":903},{"type":136,"tag":309,"props":1161,"children":1162},{"style":375},[1163],{"type":151,"value":7},{"type":136,"tag":309,"props":1165,"children":1166},{"style":516},[1167],{"type":151,"value":903},{"type":136,"tag":309,"props":1169,"children":1170},{"style":510},[1171],{"type":151,"value":1172},"]",{"type":136,"tag":309,"props":1174,"children":1175},{"style":516},[1176],{"type":151,"value":908},{"type":136,"tag":309,"props":1178,"children":1179},{"class":365,"line":47},[1180,1184,1188],{"type":136,"tag":309,"props":1181,"children":1182},{"style":525},[1183],{"type":151,"value":868},{"type":136,"tag":309,"props":1185,"children":1186},{"style":516},[1187],{"type":151,"value":533},{"type":136,"tag":309,"props":1189,"children":1190},{"style":516},[1191],{"type":151,"value":877},{"type":136,"tag":309,"props":1193,"children":1194},{"class":365,"line":558},[1195,1200,1204],{"type":136,"tag":309,"props":1196,"children":1197},{"style":525},[1198],{"type":151,"value":1199},"    serverBundle",{"type":136,"tag":309,"props":1201,"children":1202},{"style":516},[1203],{"type":151,"value":533},{"type":136,"tag":309,"props":1205,"children":1206},{"style":516},[1207],{"type":151,"value":877},{"type":136,"tag":309,"props":1209,"children":1210},{"class":365,"line":567},[1211,1216,1220,1224,1228,1233,1237,1242,1246,1251,1255,1260],{"type":136,"tag":309,"props":1212,"children":1213},{"style":525},[1214],{"type":151,"value":1215},"      collections",{"type":136,"tag":309,"props":1217,"children":1218},{"style":516},[1219],{"type":151,"value":533},{"type":136,"tag":309,"props":1221,"children":1222},{"style":510},[1223],{"type":151,"value":1155},{"type":136,"tag":309,"props":1225,"children":1226},{"style":516},[1227],{"type":151,"value":903},{"type":136,"tag":309,"props":1229,"children":1230},{"style":375},[1231],{"type":151,"value":1232},"uil",{"type":136,"tag":309,"props":1234,"children":1235},{"style":516},[1236],{"type":151,"value":903},{"type":136,"tag":309,"props":1238,"children":1239},{"style":516},[1240],{"type":151,"value":1241},",",{"type":136,"tag":309,"props":1243,"children":1244},{"style":516},[1245],{"type":151,"value":894},{"type":136,"tag":309,"props":1247,"children":1248},{"style":375},[1249],{"type":151,"value":1250},"mdi",{"type":136,"tag":309,"props":1252,"children":1253},{"style":516},[1254],{"type":151,"value":903},{"type":136,"tag":309,"props":1256,"children":1257},{"style":510},[1258],{"type":151,"value":1259},"] ",{"type":136,"tag":309,"props":1261,"children":1262},{"style":833},[1263],{"type":151,"value":1264},"// \u003C!--- this\n",{"type":136,"tag":309,"props":1266,"children":1267},{"class":365,"line":936},[1268],{"type":136,"tag":309,"props":1269,"children":1270},{"style":516},[1271],{"type":151,"value":1272},"    }\n",{"type":136,"tag":309,"props":1274,"children":1275},{"class":365,"line":945},[1276],{"type":136,"tag":309,"props":1277,"children":1278},{"style":516},[1279],{"type":151,"value":942},{"type":136,"tag":309,"props":1281,"children":1283},{"class":365,"line":1282},8,[1284,1288],{"type":136,"tag":309,"props":1285,"children":1286},{"style":516},[1287],{"type":151,"value":573},{"type":136,"tag":309,"props":1289,"children":1290},{"style":510},[1291],{"type":151,"value":578},{"type":136,"tag":956,"props":1293,"children":1295},{"id":1294},"vue-component",[1296],{"type":151,"value":1297},"Vue Component",{"type":136,"tag":137,"props":1299,"children":1300},{},[1301,1303,1308,1310,1315],{"type":151,"value":1302},"When the ",{"type":136,"tag":317,"props":1304,"children":1306},{"className":1305},[],[1307],{"type":151,"value":625},{"type":151,"value":1309}," matches a global registered component, it will be rendered as that component (in this case ",{"type":136,"tag":317,"props":1311,"children":1313},{"className":1312},[],[1314],{"type":151,"value":655},{"type":151,"value":1316}," will be ignored):",{"type":136,"tag":354,"props":1318,"children":1320},{"className":720,"code":1319,"language":722,"meta":10,"style":10},"\u003CIcon name=\"MyComponent\" />\n",[1321],{"type":136,"tag":317,"props":1322,"children":1323},{"__ignoreMap":10},[1324],{"type":136,"tag":309,"props":1325,"children":1326},{"class":365,"line":70},[1327,1331,1335,1339,1343,1347,1352,1356],{"type":136,"tag":309,"props":1328,"children":1329},{"style":516},[1330],{"type":151,"value":734},{"type":136,"tag":309,"props":1332,"children":1333},{"style":525},[1334],{"type":151,"value":739},{"type":136,"tag":309,"props":1336,"children":1337},{"style":742},[1338],{"type":151,"value":745},{"type":136,"tag":309,"props":1340,"children":1341},{"style":516},[1342],{"type":151,"value":750},{"type":136,"tag":309,"props":1344,"children":1345},{"style":516},[1346],{"type":151,"value":755},{"type":136,"tag":309,"props":1348,"children":1349},{"style":375},[1350],{"type":151,"value":1351},"MyComponent",{"type":136,"tag":309,"props":1353,"children":1354},{"style":516},[1355],{"type":151,"value":755},{"type":136,"tag":309,"props":1357,"children":1358},{"style":516},[1359],{"type":151,"value":791},{"type":136,"tag":137,"props":1361,"children":1362},{},[1363,1365,1370,1372,1378,1380,1387],{"type":151,"value":1364},"Note that ",{"type":136,"tag":317,"props":1366,"children":1368},{"className":1367},[],[1369],{"type":151,"value":1351},{"type":151,"value":1371}," needs to be inside ",{"type":136,"tag":317,"props":1373,"children":1375},{"className":1374},[],[1376],{"type":151,"value":1377},"components/global/",{"type":151,"value":1379}," folder (see ",{"type":136,"tag":157,"props":1381,"children":1384},{"href":1382,"rel":1383},"https://github.com/nuxt-modules/icon/blob/main/playground/components/global/NuxtLogo.vue",[161],[1385],{"type":151,"value":1386},"example",{"type":151,"value":1036},{"type":136,"tag":302,"props":1389,"children":1390},{},[1391,1401],{"type":136,"tag":137,"props":1392,"children":1393},{},[1394,1399],{"type":136,"tag":309,"props":1395,"children":1396},{},[1397],{"type":151,"value":1398},"!TIP",{"type":151,"value":1400},"\nYou can also change the component name with:",{"type":136,"tag":354,"props":1402,"children":1404},{"className":481,"code":1403,"language":483,"meta":10,"style":10},"export default defineNuxtConfig({\n  icon: {\n    componentName: 'NuxtIcon'\n  }\n})\n",[1405],{"type":136,"tag":317,"props":1406,"children":1407},{"__ignoreMap":10},[1408,1431,1446,1471,1478],{"type":136,"tag":309,"props":1409,"children":1410},{"class":365,"line":70},[1411,1415,1419,1423,1427],{"type":136,"tag":309,"props":1412,"children":1413},{"style":493},[1414],{"type":151,"value":496},{"type":136,"tag":309,"props":1416,"children":1417},{"style":493},[1418],{"type":151,"value":501},{"type":136,"tag":309,"props":1420,"children":1421},{"style":504},[1422],{"type":151,"value":507},{"type":136,"tag":309,"props":1424,"children":1425},{"style":510},[1426],{"type":151,"value":513},{"type":136,"tag":309,"props":1428,"children":1429},{"style":516},[1430],{"type":151,"value":519},{"type":136,"tag":309,"props":1432,"children":1433},{"class":365,"line":54},[1434,1438,1442],{"type":136,"tag":309,"props":1435,"children":1436},{"style":525},[1437],{"type":151,"value":868},{"type":136,"tag":309,"props":1439,"children":1440},{"style":516},[1441],{"type":151,"value":533},{"type":136,"tag":309,"props":1443,"children":1444},{"style":516},[1445],{"type":151,"value":877},{"type":136,"tag":309,"props":1447,"children":1448},{"class":365,"line":47},[1449,1454,1458,1462,1467],{"type":136,"tag":309,"props":1450,"children":1451},{"style":525},[1452],{"type":151,"value":1453},"    componentName",{"type":136,"tag":309,"props":1455,"children":1456},{"style":516},[1457],{"type":151,"value":533},{"type":136,"tag":309,"props":1459,"children":1460},{"style":516},[1461],{"type":151,"value":894},{"type":136,"tag":309,"props":1463,"children":1464},{"style":375},[1465],{"type":151,"value":1466},"NuxtIcon",{"type":136,"tag":309,"props":1468,"children":1469},{"style":516},[1470],{"type":151,"value":555},{"type":136,"tag":309,"props":1472,"children":1473},{"class":365,"line":558},[1474],{"type":136,"tag":309,"props":1475,"children":1476},{"style":516},[1477],{"type":151,"value":942},{"type":136,"tag":309,"props":1479,"children":1480},{"class":365,"line":567},[1481,1485],{"type":136,"tag":309,"props":1482,"children":1483},{"style":516},[1484],{"type":151,"value":573},{"type":136,"tag":309,"props":1486,"children":1487},{"style":510},[1488],{"type":151,"value":578},{"type":136,"tag":956,"props":1490,"children":1492},{"id":1491},"custom-local-collections",[1493],{"type":151,"value":1494},"Custom Local Collections",{"type":136,"tag":137,"props":1496,"children":1497},{},[1498],{"type":151,"value":1499},"You can use local SVG files to create a custom Iconify collection.",{"type":136,"tag":137,"props":1501,"children":1502},{},[1503,1505,1511],{"type":151,"value":1504},"For example, place your icons' SVG files under a folder of your choice, for example, ",{"type":136,"tag":317,"props":1506,"children":1508},{"className":1507},[],[1509],{"type":151,"value":1510},"./assets/my-icons",{"type":151,"value":533},{"type":136,"tag":354,"props":1513,"children":1515},{"className":356,"code":1514,"language":358,"meta":10,"style":10},"assets/my-icons\n├── foo.svg\n├── bar-outline.svg\n",[1516],{"type":136,"tag":317,"props":1517,"children":1518},{"__ignoreMap":10},[1519,1527,1540],{"type":136,"tag":309,"props":1520,"children":1521},{"class":365,"line":70},[1522],{"type":136,"tag":309,"props":1523,"children":1524},{"style":369},[1525],{"type":151,"value":1526},"assets/my-icons\n",{"type":136,"tag":309,"props":1528,"children":1529},{"class":365,"line":54},[1530,1535],{"type":136,"tag":309,"props":1531,"children":1532},{"style":369},[1533],{"type":151,"value":1534},"├──",{"type":136,"tag":309,"props":1536,"children":1537},{"style":375},[1538],{"type":151,"value":1539}," foo.svg\n",{"type":136,"tag":309,"props":1541,"children":1542},{"class":365,"line":47},[1543,1547],{"type":136,"tag":309,"props":1544,"children":1545},{"style":369},[1546],{"type":151,"value":1534},{"type":136,"tag":309,"props":1548,"children":1549},{"style":375},[1550],{"type":151,"value":1551}," bar-outline.svg\n",{"type":136,"tag":137,"props":1553,"children":1554},{},[1555,1557,1562,1564,1570],{"type":151,"value":1556},"In your ",{"type":136,"tag":317,"props":1558,"children":1560},{"className":1559},[],[1561],{"type":151,"value":478},{"type":151,"value":1563},", add an item in ",{"type":136,"tag":317,"props":1565,"children":1567},{"className":1566},[],[1568],{"type":151,"value":1569},"icon.customCollections",{"type":151,"value":533},{"type":136,"tag":354,"props":1572,"children":1574},{"className":481,"code":1573,"language":483,"meta":10,"style":10},"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",[1575],{"type":136,"tag":317,"props":1576,"children":1577},{"__ignoreMap":10},[1578,1621,1630,1686,1693,1716,1731,1746,1758,1773,1789,1798,1828,1870,1879,1888,1897,1910,1919],{"type":136,"tag":309,"props":1579,"children":1580},{"class":365,"line":70},[1581,1586,1591,1596,1601,1606,1611,1616],{"type":136,"tag":309,"props":1582,"children":1583},{"style":493},[1584],{"type":151,"value":1585},"import",{"type":136,"tag":309,"props":1587,"children":1588},{"style":516},[1589],{"type":151,"value":1590}," {",{"type":136,"tag":309,"props":1592,"children":1593},{"style":510},[1594],{"type":151,"value":1595}," createResolver",{"type":136,"tag":309,"props":1597,"children":1598},{"style":516},[1599],{"type":151,"value":1600}," }",{"type":136,"tag":309,"props":1602,"children":1603},{"style":493},[1604],{"type":151,"value":1605}," from",{"type":136,"tag":309,"props":1607,"children":1608},{"style":516},[1609],{"type":151,"value":1610}," \"",{"type":136,"tag":309,"props":1612,"children":1613},{"style":375},[1614],{"type":151,"value":1615},"nuxt/kit",{"type":136,"tag":309,"props":1617,"children":1618},{"style":516},[1619],{"type":151,"value":1620},"\"\n",{"type":136,"tag":309,"props":1622,"children":1623},{"class":365,"line":54},[1624],{"type":136,"tag":309,"props":1625,"children":1627},{"emptyLinePlaceholder":1626},true,[1628],{"type":151,"value":1629},"\n",{"type":136,"tag":309,"props":1631,"children":1632},{"class":365,"line":47},[1633,1638,1642,1647,1651,1656,1660,1664,1668,1672,1677,1681],{"type":136,"tag":309,"props":1634,"children":1635},{"style":742},[1636],{"type":151,"value":1637},"const",{"type":136,"tag":309,"props":1639,"children":1640},{"style":516},[1641],{"type":151,"value":1590},{"type":136,"tag":309,"props":1643,"children":1644},{"style":510},[1645],{"type":151,"value":1646}," resolve ",{"type":136,"tag":309,"props":1648,"children":1649},{"style":516},[1650],{"type":151,"value":573},{"type":136,"tag":309,"props":1652,"children":1653},{"style":516},[1654],{"type":151,"value":1655}," =",{"type":136,"tag":309,"props":1657,"children":1658},{"style":504},[1659],{"type":151,"value":1595},{"type":136,"tag":309,"props":1661,"children":1662},{"style":510},[1663],{"type":151,"value":513},{"type":136,"tag":309,"props":1665,"children":1666},{"style":493},[1667],{"type":151,"value":1585},{"type":136,"tag":309,"props":1669,"children":1670},{"style":516},[1671],{"type":151,"value":235},{"type":136,"tag":309,"props":1673,"children":1674},{"style":510},[1675],{"type":151,"value":1676},"meta",{"type":136,"tag":309,"props":1678,"children":1679},{"style":516},[1680],{"type":151,"value":235},{"type":136,"tag":309,"props":1682,"children":1683},{"style":510},[1684],{"type":151,"value":1685},"url)\n",{"type":136,"tag":309,"props":1687,"children":1688},{"class":365,"line":558},[1689],{"type":136,"tag":309,"props":1690,"children":1691},{"emptyLinePlaceholder":1626},[1692],{"type":151,"value":1629},{"type":136,"tag":309,"props":1694,"children":1695},{"class":365,"line":567},[1696,1700,1704,1708,1712],{"type":136,"tag":309,"props":1697,"children":1698},{"style":493},[1699],{"type":151,"value":496},{"type":136,"tag":309,"props":1701,"children":1702},{"style":493},[1703],{"type":151,"value":501},{"type":136,"tag":309,"props":1705,"children":1706},{"style":504},[1707],{"type":151,"value":507},{"type":136,"tag":309,"props":1709,"children":1710},{"style":510},[1711],{"type":151,"value":513},{"type":136,"tag":309,"props":1713,"children":1714},{"style":516},[1715],{"type":151,"value":519},{"type":136,"tag":309,"props":1717,"children":1718},{"class":365,"line":936},[1719,1723,1727],{"type":136,"tag":309,"props":1720,"children":1721},{"style":525},[1722],{"type":151,"value":528},{"type":136,"tag":309,"props":1724,"children":1725},{"style":516},[1726],{"type":151,"value":533},{"type":136,"tag":309,"props":1728,"children":1729},{"style":510},[1730],{"type":151,"value":538},{"type":136,"tag":309,"props":1732,"children":1733},{"class":365,"line":945},[1734,1738,1742],{"type":136,"tag":309,"props":1735,"children":1736},{"style":516},[1737],{"type":151,"value":546},{"type":136,"tag":309,"props":1739,"children":1740},{"style":375},[1741],{"type":151,"value":7},{"type":136,"tag":309,"props":1743,"children":1744},{"style":516},[1745],{"type":151,"value":555},{"type":136,"tag":309,"props":1747,"children":1748},{"class":365,"line":1282},[1749,1754],{"type":136,"tag":309,"props":1750,"children":1751},{"style":510},[1752],{"type":151,"value":1753},"  ]",{"type":136,"tag":309,"props":1755,"children":1756},{"style":516},[1757],{"type":151,"value":908},{"type":136,"tag":309,"props":1759,"children":1760},{"class":365,"line":43},[1761,1765,1769],{"type":136,"tag":309,"props":1762,"children":1763},{"style":525},[1764],{"type":151,"value":868},{"type":136,"tag":309,"props":1766,"children":1767},{"style":516},[1768],{"type":151,"value":533},{"type":136,"tag":309,"props":1770,"children":1771},{"style":516},[1772],{"type":151,"value":877},{"type":136,"tag":309,"props":1774,"children":1775},{"class":365,"line":39},[1776,1781,1785],{"type":136,"tag":309,"props":1777,"children":1778},{"style":525},[1779],{"type":151,"value":1780},"    customCollections",{"type":136,"tag":309,"props":1782,"children":1783},{"style":516},[1784],{"type":151,"value":533},{"type":136,"tag":309,"props":1786,"children":1787},{"style":510},[1788],{"type":151,"value":538},{"type":136,"tag":309,"props":1790,"children":1792},{"class":365,"line":1791},11,[1793],{"type":136,"tag":309,"props":1794,"children":1795},{"style":516},[1796],{"type":151,"value":1797},"      {\n",{"type":136,"tag":309,"props":1799,"children":1801},{"class":365,"line":1800},12,[1802,1807,1811,1815,1820,1824],{"type":136,"tag":309,"props":1803,"children":1804},{"style":525},[1805],{"type":151,"value":1806},"        prefix",{"type":136,"tag":309,"props":1808,"children":1809},{"style":516},[1810],{"type":151,"value":533},{"type":136,"tag":309,"props":1812,"children":1813},{"style":516},[1814],{"type":151,"value":894},{"type":136,"tag":309,"props":1816,"children":1817},{"style":375},[1818],{"type":151,"value":1819},"my-icon",{"type":136,"tag":309,"props":1821,"children":1822},{"style":516},[1823],{"type":151,"value":903},{"type":136,"tag":309,"props":1825,"children":1826},{"style":516},[1827],{"type":151,"value":908},{"type":136,"tag":309,"props":1829,"children":1831},{"class":365,"line":1830},13,[1832,1837,1841,1846,1850,1854,1858,1862,1866],{"type":136,"tag":309,"props":1833,"children":1834},{"style":525},[1835],{"type":151,"value":1836},"        dir",{"type":136,"tag":309,"props":1838,"children":1839},{"style":516},[1840],{"type":151,"value":533},{"type":136,"tag":309,"props":1842,"children":1843},{"style":504},[1844],{"type":151,"value":1845}," resolve",{"type":136,"tag":309,"props":1847,"children":1848},{"style":510},[1849],{"type":151,"value":513},{"type":136,"tag":309,"props":1851,"children":1852},{"style":516},[1853],{"type":151,"value":903},{"type":136,"tag":309,"props":1855,"children":1856},{"style":375},[1857],{"type":151,"value":1510},{"type":136,"tag":309,"props":1859,"children":1860},{"style":516},[1861],{"type":151,"value":903},{"type":136,"tag":309,"props":1863,"children":1864},{"style":510},[1865],{"type":151,"value":646},{"type":136,"tag":309,"props":1867,"children":1868},{"style":516},[1869],{"type":151,"value":908},{"type":136,"tag":309,"props":1871,"children":1873},{"class":365,"line":1872},14,[1874],{"type":136,"tag":309,"props":1875,"children":1876},{"style":833},[1877],{"type":151,"value":1878},"        // if you want to include all the icons in nested directories:\n",{"type":136,"tag":309,"props":1880,"children":1882},{"class":365,"line":1881},15,[1883],{"type":136,"tag":309,"props":1884,"children":1885},{"style":833},[1886],{"type":151,"value":1887},"        // recursive: true,\n",{"type":136,"tag":309,"props":1889,"children":1891},{"class":365,"line":1890},16,[1892],{"type":136,"tag":309,"props":1893,"children":1894},{"style":516},[1895],{"type":151,"value":1896},"      },\n",{"type":136,"tag":309,"props":1898,"children":1900},{"class":365,"line":1899},17,[1901,1906],{"type":136,"tag":309,"props":1902,"children":1903},{"style":510},[1904],{"type":151,"value":1905},"    ]",{"type":136,"tag":309,"props":1907,"children":1908},{"style":516},[1909],{"type":151,"value":908},{"type":136,"tag":309,"props":1911,"children":1913},{"class":365,"line":1912},18,[1914],{"type":136,"tag":309,"props":1915,"children":1916},{"style":516},[1917],{"type":151,"value":1918},"  },\n",{"type":136,"tag":309,"props":1920,"children":1922},{"class":365,"line":1921},19,[1923,1927],{"type":136,"tag":309,"props":1924,"children":1925},{"style":516},[1926],{"type":151,"value":573},{"type":136,"tag":309,"props":1928,"children":1929},{"style":510},[1930],{"type":151,"value":578},{"type":136,"tag":302,"props":1932,"children":1933},{},[1934],{"type":136,"tag":137,"props":1935,"children":1936},{},[1937,1941,1943,1949,1951,1957,1959,1966],{"type":136,"tag":309,"props":1938,"children":1939},{},[1940],{"type":151,"value":313},{"type":151,"value":1942},"\nWe use ",{"type":136,"tag":317,"props":1944,"children":1946},{"className":1945},[],[1947],{"type":151,"value":1948},"createResolver",{"type":151,"value":1950}," and ",{"type":136,"tag":317,"props":1952,"children":1954},{"className":1953},[],[1955],{"type":151,"value":1956},"resolve()",{"type":151,"value":1958}," to ensure paths work correctly both in regular projects and when your project is used as an ",{"type":136,"tag":157,"props":1960,"children":1963},{"href":1961,"rel":1962},"https://nuxt.com/docs/4.x/getting-started/layers",[161],[1964],{"type":151,"value":1965},"extendable layer",{"type":151,"value":1967}," by other Nuxt projects. This ensures icon paths resolve relative to your project's directory rather than the consuming project's directory.",{"type":136,"tag":302,"props":1969,"children":1970},{},[1971],{"type":136,"tag":137,"props":1972,"children":1973},{},[1974,1978,1980,1986,1988,1994,1996,2002],{"type":136,"tag":309,"props":1975,"children":1976},{},[1977],{"type":151,"value":313},{"type":151,"value":1979},"\nIf you are running on Nuxt 4 with the new ",{"type":136,"tag":317,"props":1981,"children":1983},{"className":1982},[],[1984],{"type":151,"value":1985},"app",{"type":151,"value":1987}," directory, the assets directory is ",{"type":136,"tag":317,"props":1989,"children":1991},{"className":1990},[],[1992],{"type":151,"value":1993},"'./app/assets/*'",{"type":151,"value":1995}," instead of ",{"type":136,"tag":317,"props":1997,"children":1999},{"className":1998},[],[2000],{"type":151,"value":2001},"'./assets/*'",{"type":151,"value":235},{"type":136,"tag":137,"props":2004,"children":2005},{},[2006],{"type":151,"value":2007},"Then you can use the icons like this:",{"type":136,"tag":354,"props":2009,"children":2013},{"className":2010,"code":2011,"language":2012,"meta":10,"style":10},"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",[2014],{"type":136,"tag":317,"props":2015,"children":2016},{"__ignoreMap":10},[2017,2034,2071,2107],{"type":136,"tag":309,"props":2018,"children":2019},{"class":365,"line":70},[2020,2024,2029],{"type":136,"tag":309,"props":2021,"children":2022},{"style":516},[2023],{"type":151,"value":734},{"type":136,"tag":309,"props":2025,"children":2026},{"style":525},[2027],{"type":151,"value":2028},"template",{"type":136,"tag":309,"props":2030,"children":2031},{"style":516},[2032],{"type":151,"value":2033},">\n",{"type":136,"tag":309,"props":2035,"children":2036},{"class":365,"line":54},[2037,2042,2046,2050,2054,2058,2063,2067],{"type":136,"tag":309,"props":2038,"children":2039},{"style":516},[2040],{"type":151,"value":2041},"  \u003C",{"type":136,"tag":309,"props":2043,"children":2044},{"style":525},[2045],{"type":151,"value":739},{"type":136,"tag":309,"props":2047,"children":2048},{"style":742},[2049],{"type":151,"value":745},{"type":136,"tag":309,"props":2051,"children":2052},{"style":516},[2053],{"type":151,"value":750},{"type":136,"tag":309,"props":2055,"children":2056},{"style":516},[2057],{"type":151,"value":755},{"type":136,"tag":309,"props":2059,"children":2060},{"style":375},[2061],{"type":151,"value":2062},"my-icon:foo",{"type":136,"tag":309,"props":2064,"children":2065},{"style":516},[2066],{"type":151,"value":755},{"type":136,"tag":309,"props":2068,"children":2069},{"style":516},[2070],{"type":151,"value":791},{"type":136,"tag":309,"props":2072,"children":2073},{"class":365,"line":47},[2074,2078,2082,2086,2090,2094,2099,2103],{"type":136,"tag":309,"props":2075,"children":2076},{"style":516},[2077],{"type":151,"value":2041},{"type":136,"tag":309,"props":2079,"children":2080},{"style":525},[2081],{"type":151,"value":739},{"type":136,"tag":309,"props":2083,"children":2084},{"style":742},[2085],{"type":151,"value":745},{"type":136,"tag":309,"props":2087,"children":2088},{"style":516},[2089],{"type":151,"value":750},{"type":136,"tag":309,"props":2091,"children":2092},{"style":516},[2093],{"type":151,"value":755},{"type":136,"tag":309,"props":2095,"children":2096},{"style":375},[2097],{"type":151,"value":2098},"my-icon:bar-outline",{"type":136,"tag":309,"props":2100,"children":2101},{"style":516},[2102],{"type":151,"value":755},{"type":136,"tag":309,"props":2104,"children":2105},{"style":516},[2106],{"type":151,"value":791},{"type":136,"tag":309,"props":2108,"children":2109},{"class":365,"line":558},[2110,2115,2119],{"type":136,"tag":309,"props":2111,"children":2112},{"style":516},[2113],{"type":151,"value":2114},"\u003C/",{"type":136,"tag":309,"props":2116,"children":2117},{"style":525},[2118],{"type":151,"value":2028},{"type":136,"tag":309,"props":2120,"children":2121},{"style":516},[2122],{"type":151,"value":2033},{"type":136,"tag":137,"props":2124,"children":2125},{},[2126,2128,2134],{"type":151,"value":2127},"You can also pass a full custom ",{"type":136,"tag":317,"props":2129,"children":2131},{"className":2130},[],[2132],{"type":151,"value":2133},"IconifyJSON",{"type":151,"value":2135}," object:",{"type":136,"tag":354,"props":2137,"children":2139},{"className":481,"code":2138,"language":483,"meta":10,"style":10},"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",[2140],{"type":136,"tag":317,"props":2141,"children":2142},{"__ignoreMap":10},[2143,2166,2181,2196,2207,2222,2237,2244,2272,2288,2340,2348,2370,2390,2398,2409,2416],{"type":136,"tag":309,"props":2144,"children":2145},{"class":365,"line":70},[2146,2150,2154,2158,2162],{"type":136,"tag":309,"props":2147,"children":2148},{"style":493},[2149],{"type":151,"value":496},{"type":136,"tag":309,"props":2151,"children":2152},{"style":493},[2153],{"type":151,"value":501},{"type":136,"tag":309,"props":2155,"children":2156},{"style":504},[2157],{"type":151,"value":507},{"type":136,"tag":309,"props":2159,"children":2160},{"style":510},[2161],{"type":151,"value":513},{"type":136,"tag":309,"props":2163,"children":2164},{"style":516},[2165],{"type":151,"value":519},{"type":136,"tag":309,"props":2167,"children":2168},{"class":365,"line":54},[2169,2173,2177],{"type":136,"tag":309,"props":2170,"children":2171},{"style":525},[2172],{"type":151,"value":528},{"type":136,"tag":309,"props":2174,"children":2175},{"style":516},[2176],{"type":151,"value":533},{"type":136,"tag":309,"props":2178,"children":2179},{"style":510},[2180],{"type":151,"value":538},{"type":136,"tag":309,"props":2182,"children":2183},{"class":365,"line":47},[2184,2188,2192],{"type":136,"tag":309,"props":2185,"children":2186},{"style":516},[2187],{"type":151,"value":546},{"type":136,"tag":309,"props":2189,"children":2190},{"style":375},[2191],{"type":151,"value":7},{"type":136,"tag":309,"props":2193,"children":2194},{"style":516},[2195],{"type":151,"value":555},{"type":136,"tag":309,"props":2197,"children":2198},{"class":365,"line":558},[2199,2203],{"type":136,"tag":309,"props":2200,"children":2201},{"style":510},[2202],{"type":151,"value":1753},{"type":136,"tag":309,"props":2204,"children":2205},{"style":516},[2206],{"type":151,"value":908},{"type":136,"tag":309,"props":2208,"children":2209},{"class":365,"line":567},[2210,2214,2218],{"type":136,"tag":309,"props":2211,"children":2212},{"style":525},[2213],{"type":151,"value":868},{"type":136,"tag":309,"props":2215,"children":2216},{"style":516},[2217],{"type":151,"value":533},{"type":136,"tag":309,"props":2219,"children":2220},{"style":516},[2221],{"type":151,"value":877},{"type":136,"tag":309,"props":2223,"children":2224},{"class":365,"line":936},[2225,2229,2233],{"type":136,"tag":309,"props":2226,"children":2227},{"style":525},[2228],{"type":151,"value":1780},{"type":136,"tag":309,"props":2230,"children":2231},{"style":516},[2232],{"type":151,"value":533},{"type":136,"tag":309,"props":2234,"children":2235},{"style":510},[2236],{"type":151,"value":538},{"type":136,"tag":309,"props":2238,"children":2239},{"class":365,"line":945},[2240],{"type":136,"tag":309,"props":2241,"children":2242},{"style":516},[2243],{"type":151,"value":1797},{"type":136,"tag":309,"props":2245,"children":2246},{"class":365,"line":1282},[2247,2251,2255,2259,2264,2268],{"type":136,"tag":309,"props":2248,"children":2249},{"style":525},[2250],{"type":151,"value":1806},{"type":136,"tag":309,"props":2252,"children":2253},{"style":516},[2254],{"type":151,"value":533},{"type":136,"tag":309,"props":2256,"children":2257},{"style":516},[2258],{"type":151,"value":894},{"type":136,"tag":309,"props":2260,"children":2261},{"style":375},[2262],{"type":151,"value":2263},"paid-icons",{"type":136,"tag":309,"props":2265,"children":2266},{"style":516},[2267],{"type":151,"value":903},{"type":136,"tag":309,"props":2269,"children":2270},{"style":516},[2271],{"type":151,"value":908},{"type":136,"tag":309,"props":2273,"children":2274},{"class":365,"line":43},[2275,2280,2284],{"type":136,"tag":309,"props":2276,"children":2277},{"style":525},[2278],{"type":151,"value":2279},"        icons",{"type":136,"tag":309,"props":2281,"children":2282},{"style":516},[2283],{"type":151,"value":533},{"type":136,"tag":309,"props":2285,"children":2286},{"style":516},[2287],{"type":151,"value":877},{"type":136,"tag":309,"props":2289,"children":2290},{"class":365,"line":39},[2291,2296,2301,2305,2309,2313,2318,2322,2326,2331,2335],{"type":136,"tag":309,"props":2292,"children":2293},{"style":516},[2294],{"type":151,"value":2295},"          '",{"type":136,"tag":309,"props":2297,"children":2298},{"style":525},[2299],{"type":151,"value":2300},"nuxt",{"type":136,"tag":309,"props":2302,"children":2303},{"style":516},[2304],{"type":151,"value":903},{"type":136,"tag":309,"props":2306,"children":2307},{"style":516},[2308],{"type":151,"value":533},{"type":136,"tag":309,"props":2310,"children":2311},{"style":516},[2312],{"type":151,"value":1590},{"type":136,"tag":309,"props":2314,"children":2315},{"style":525},[2316],{"type":151,"value":2317}," body",{"type":136,"tag":309,"props":2319,"children":2320},{"style":516},[2321],{"type":151,"value":533},{"type":136,"tag":309,"props":2323,"children":2324},{"style":516},[2325],{"type":151,"value":894},{"type":136,"tag":309,"props":2327,"children":2328},{"style":375},[2329],{"type":151,"value":2330},"\u003Cpath d=\"M281.44 ... />",{"type":136,"tag":309,"props":2332,"children":2333},{"style":516},[2334],{"type":151,"value":903},{"type":136,"tag":309,"props":2336,"children":2337},{"style":516},[2338],{"type":151,"value":2339}," },\n",{"type":136,"tag":309,"props":2341,"children":2342},{"class":365,"line":1791},[2343],{"type":136,"tag":309,"props":2344,"children":2345},{"style":516},[2346],{"type":151,"value":2347},"        },\n",{"type":136,"tag":309,"props":2349,"children":2350},{"class":365,"line":1800},[2351,2356,2360,2366],{"type":136,"tag":309,"props":2352,"children":2353},{"style":525},[2354],{"type":151,"value":2355},"        width",{"type":136,"tag":309,"props":2357,"children":2358},{"style":516},[2359],{"type":151,"value":533},{"type":136,"tag":309,"props":2361,"children":2363},{"style":2362},"--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C",[2364],{"type":151,"value":2365}," 512",{"type":136,"tag":309,"props":2367,"children":2368},{"style":516},[2369],{"type":151,"value":908},{"type":136,"tag":309,"props":2371,"children":2372},{"class":365,"line":1830},[2373,2378,2382,2386],{"type":136,"tag":309,"props":2374,"children":2375},{"style":525},[2376],{"type":151,"value":2377},"        height",{"type":136,"tag":309,"props":2379,"children":2380},{"style":516},[2381],{"type":151,"value":533},{"type":136,"tag":309,"props":2383,"children":2384},{"style":2362},[2385],{"type":151,"value":2365},{"type":136,"tag":309,"props":2387,"children":2388},{"style":516},[2389],{"type":151,"value":908},{"type":136,"tag":309,"props":2391,"children":2392},{"class":365,"line":1872},[2393],{"type":136,"tag":309,"props":2394,"children":2395},{"style":516},[2396],{"type":151,"value":2397},"      }\n",{"type":136,"tag":309,"props":2399,"children":2400},{"class":365,"line":1881},[2401,2405],{"type":136,"tag":309,"props":2402,"children":2403},{"style":510},[2404],{"type":151,"value":1905},{"type":136,"tag":309,"props":2406,"children":2407},{"style":516},[2408],{"type":151,"value":908},{"type":136,"tag":309,"props":2410,"children":2411},{"class":365,"line":1890},[2412],{"type":136,"tag":309,"props":2413,"children":2414},{"style":516},[2415],{"type":151,"value":1918},{"type":136,"tag":309,"props":2417,"children":2418},{"class":365,"line":1899},[2419,2423],{"type":136,"tag":309,"props":2420,"children":2421},{"style":516},[2422],{"type":151,"value":573},{"type":136,"tag":309,"props":2424,"children":2425},{"style":510},[2426],{"type":151,"value":578},{"type":136,"tag":137,"props":2428,"children":2429},{},[2430,2432,2438,2440,2446,2448,2454],{"type":151,"value":2431},"Note that custom local collections require you to have a server to serve the API. When setting ",{"type":136,"tag":317,"props":2433,"children":2435},{"className":2434},[],[2436],{"type":151,"value":2437},"ssr: false",{"type":151,"value":2439},", or when generating a static app using ",{"type":136,"tag":317,"props":2441,"children":2443},{"className":2442},[],[2444],{"type":151,"value":2445},"nuxt generate",{"type":151,"value":2447}," (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":136,"tag":317,"props":2449,"children":2451},{"className":2450},[],[2452],{"type":151,"value":2453},"provider: 'server'",{"type":151,"value":533},{"type":136,"tag":354,"props":2456,"children":2458},{"className":481,"code":2457,"language":483,"meta":10,"style":10},"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",[2459],{"type":136,"tag":317,"props":2460,"children":2461},{"__ignoreMap":10},[2462,2485,2500,2515,2526,2548,2563,2597,2612,2619,2646,2669,2676,2687,2694],{"type":136,"tag":309,"props":2463,"children":2464},{"class":365,"line":70},[2465,2469,2473,2477,2481],{"type":136,"tag":309,"props":2466,"children":2467},{"style":493},[2468],{"type":151,"value":496},{"type":136,"tag":309,"props":2470,"children":2471},{"style":493},[2472],{"type":151,"value":501},{"type":136,"tag":309,"props":2474,"children":2475},{"style":504},[2476],{"type":151,"value":507},{"type":136,"tag":309,"props":2478,"children":2479},{"style":510},[2480],{"type":151,"value":513},{"type":136,"tag":309,"props":2482,"children":2483},{"style":516},[2484],{"type":151,"value":519},{"type":136,"tag":309,"props":2486,"children":2487},{"class":365,"line":54},[2488,2492,2496],{"type":136,"tag":309,"props":2489,"children":2490},{"style":525},[2491],{"type":151,"value":528},{"type":136,"tag":309,"props":2493,"children":2494},{"style":516},[2495],{"type":151,"value":533},{"type":136,"tag":309,"props":2497,"children":2498},{"style":510},[2499],{"type":151,"value":538},{"type":136,"tag":309,"props":2501,"children":2502},{"class":365,"line":47},[2503,2507,2511],{"type":136,"tag":309,"props":2504,"children":2505},{"style":516},[2506],{"type":151,"value":546},{"type":136,"tag":309,"props":2508,"children":2509},{"style":375},[2510],{"type":151,"value":7},{"type":136,"tag":309,"props":2512,"children":2513},{"style":516},[2514],{"type":151,"value":555},{"type":136,"tag":309,"props":2516,"children":2517},{"class":365,"line":558},[2518,2522],{"type":136,"tag":309,"props":2519,"children":2520},{"style":510},[2521],{"type":151,"value":1753},{"type":136,"tag":309,"props":2523,"children":2524},{"style":516},[2525],{"type":151,"value":908},{"type":136,"tag":309,"props":2527,"children":2528},{"class":365,"line":567},[2529,2534,2538,2544],{"type":136,"tag":309,"props":2530,"children":2531},{"style":525},[2532],{"type":151,"value":2533},"  ssr",{"type":136,"tag":309,"props":2535,"children":2536},{"style":516},[2537],{"type":151,"value":533},{"type":136,"tag":309,"props":2539,"children":2541},{"style":2540},"--shiki-light:#FF5370;--shiki-default:#FF5370;--shiki-dark:#FF9CAC",[2542],{"type":151,"value":2543}," false",{"type":136,"tag":309,"props":2545,"children":2546},{"style":516},[2547],{"type":151,"value":908},{"type":136,"tag":309,"props":2549,"children":2550},{"class":365,"line":936},[2551,2555,2559],{"type":136,"tag":309,"props":2552,"children":2553},{"style":525},[2554],{"type":151,"value":868},{"type":136,"tag":309,"props":2556,"children":2557},{"style":516},[2558],{"type":151,"value":533},{"type":136,"tag":309,"props":2560,"children":2561},{"style":516},[2562],{"type":151,"value":877},{"type":136,"tag":309,"props":2564,"children":2565},{"class":365,"line":945},[2566,2571,2575,2579,2584,2588,2592],{"type":136,"tag":309,"props":2567,"children":2568},{"style":525},[2569],{"type":151,"value":2570},"    provider",{"type":136,"tag":309,"props":2572,"children":2573},{"style":516},[2574],{"type":151,"value":533},{"type":136,"tag":309,"props":2576,"children":2577},{"style":516},[2578],{"type":151,"value":894},{"type":136,"tag":309,"props":2580,"children":2581},{"style":375},[2582],{"type":151,"value":2583},"server",{"type":136,"tag":309,"props":2585,"children":2586},{"style":516},[2587],{"type":151,"value":903},{"type":136,"tag":309,"props":2589,"children":2590},{"style":516},[2591],{"type":151,"value":1241},{"type":136,"tag":309,"props":2593,"children":2594},{"style":833},[2595],{"type":151,"value":2596}," // \u003C-- this\n",{"type":136,"tag":309,"props":2598,"children":2599},{"class":365,"line":1282},[2600,2604,2608],{"type":136,"tag":309,"props":2601,"children":2602},{"style":525},[2603],{"type":151,"value":1780},{"type":136,"tag":309,"props":2605,"children":2606},{"style":516},[2607],{"type":151,"value":533},{"type":136,"tag":309,"props":2609,"children":2610},{"style":510},[2611],{"type":151,"value":538},{"type":136,"tag":309,"props":2613,"children":2614},{"class":365,"line":43},[2615],{"type":136,"tag":309,"props":2616,"children":2617},{"style":516},[2618],{"type":151,"value":1797},{"type":136,"tag":309,"props":2620,"children":2621},{"class":365,"line":39},[2622,2626,2630,2634,2638,2642],{"type":136,"tag":309,"props":2623,"children":2624},{"style":525},[2625],{"type":151,"value":1806},{"type":136,"tag":309,"props":2627,"children":2628},{"style":516},[2629],{"type":151,"value":533},{"type":136,"tag":309,"props":2631,"children":2632},{"style":516},[2633],{"type":151,"value":894},{"type":136,"tag":309,"props":2635,"children":2636},{"style":375},[2637],{"type":151,"value":1819},{"type":136,"tag":309,"props":2639,"children":2640},{"style":516},[2641],{"type":151,"value":903},{"type":136,"tag":309,"props":2643,"children":2644},{"style":516},[2645],{"type":151,"value":908},{"type":136,"tag":309,"props":2647,"children":2648},{"class":365,"line":1791},[2649,2653,2657,2661,2665],{"type":136,"tag":309,"props":2650,"children":2651},{"style":525},[2652],{"type":151,"value":1836},{"type":136,"tag":309,"props":2654,"children":2655},{"style":516},[2656],{"type":151,"value":533},{"type":136,"tag":309,"props":2658,"children":2659},{"style":516},[2660],{"type":151,"value":894},{"type":136,"tag":309,"props":2662,"children":2663},{"style":375},[2664],{"type":151,"value":1510},{"type":136,"tag":309,"props":2666,"children":2667},{"style":516},[2668],{"type":151,"value":555},{"type":136,"tag":309,"props":2670,"children":2671},{"class":365,"line":1800},[2672],{"type":136,"tag":309,"props":2673,"children":2674},{"style":516},[2675],{"type":151,"value":1896},{"type":136,"tag":309,"props":2677,"children":2678},{"class":365,"line":1830},[2679,2683],{"type":136,"tag":309,"props":2680,"children":2681},{"style":510},[2682],{"type":151,"value":1905},{"type":136,"tag":309,"props":2684,"children":2685},{"style":516},[2686],{"type":151,"value":908},{"type":136,"tag":309,"props":2688,"children":2689},{"class":365,"line":1872},[2690],{"type":136,"tag":309,"props":2691,"children":2692},{"style":516},[2693],{"type":151,"value":1918},{"type":136,"tag":309,"props":2695,"children":2696},{"class":365,"line":1881},[2697,2701],{"type":136,"tag":309,"props":2698,"children":2699},{"style":516},[2700],{"type":151,"value":573},{"type":136,"tag":309,"props":2702,"children":2703},{"style":510},[2704],{"type":151,"value":578},{"type":136,"tag":2706,"props":2707,"children":2709},"h4",{"id":2708},"disabling-runtime-fetching",[2710],{"type":151,"value":2711},"Disabling Runtime Fetching",{"type":136,"tag":137,"props":2713,"children":2714},{},[2715,2717,2723,2725,2731],{"type":151,"value":2716},"Or if you want to disable the dynamic icon fetching completely and only use icons from the ",{"type":136,"tag":157,"props":2718,"children":2720},{"href":2719},"#client-bundle",[2721],{"type":151,"value":2722},"client bundle",{"type":151,"value":2724},", you can set ",{"type":136,"tag":317,"props":2726,"children":2728},{"className":2727},[],[2729],{"type":151,"value":2730},"provider: 'none'",{"type":151,"value":533},{"type":136,"tag":354,"props":2733,"children":2735},{"className":481,"code":2734,"language":483,"meta":10,"style":10},"export default defineNuxtConfig({\n  icon: {\n    provider: 'none',\n    clientBundle: {\n      scan: true,\n      // ...or other bundle options\n    },\n  }\n})\n",[2736],{"type":136,"tag":317,"props":2737,"children":2738},{"__ignoreMap":10},[2739,2762,2777,2805,2821,2842,2850,2858,2865],{"type":136,"tag":309,"props":2740,"children":2741},{"class":365,"line":70},[2742,2746,2750,2754,2758],{"type":136,"tag":309,"props":2743,"children":2744},{"style":493},[2745],{"type":151,"value":496},{"type":136,"tag":309,"props":2747,"children":2748},{"style":493},[2749],{"type":151,"value":501},{"type":136,"tag":309,"props":2751,"children":2752},{"style":504},[2753],{"type":151,"value":507},{"type":136,"tag":309,"props":2755,"children":2756},{"style":510},[2757],{"type":151,"value":513},{"type":136,"tag":309,"props":2759,"children":2760},{"style":516},[2761],{"type":151,"value":519},{"type":136,"tag":309,"props":2763,"children":2764},{"class":365,"line":54},[2765,2769,2773],{"type":136,"tag":309,"props":2766,"children":2767},{"style":525},[2768],{"type":151,"value":868},{"type":136,"tag":309,"props":2770,"children":2771},{"style":516},[2772],{"type":151,"value":533},{"type":136,"tag":309,"props":2774,"children":2775},{"style":516},[2776],{"type":151,"value":877},{"type":136,"tag":309,"props":2778,"children":2779},{"class":365,"line":47},[2780,2784,2788,2792,2797,2801],{"type":136,"tag":309,"props":2781,"children":2782},{"style":525},[2783],{"type":151,"value":2570},{"type":136,"tag":309,"props":2785,"children":2786},{"style":516},[2787],{"type":151,"value":533},{"type":136,"tag":309,"props":2789,"children":2790},{"style":516},[2791],{"type":151,"value":894},{"type":136,"tag":309,"props":2793,"children":2794},{"style":375},[2795],{"type":151,"value":2796},"none",{"type":136,"tag":309,"props":2798,"children":2799},{"style":516},[2800],{"type":151,"value":903},{"type":136,"tag":309,"props":2802,"children":2803},{"style":516},[2804],{"type":151,"value":908},{"type":136,"tag":309,"props":2806,"children":2807},{"class":365,"line":558},[2808,2813,2817],{"type":136,"tag":309,"props":2809,"children":2810},{"style":525},[2811],{"type":151,"value":2812},"    clientBundle",{"type":136,"tag":309,"props":2814,"children":2815},{"style":516},[2816],{"type":151,"value":533},{"type":136,"tag":309,"props":2818,"children":2819},{"style":516},[2820],{"type":151,"value":877},{"type":136,"tag":309,"props":2822,"children":2823},{"class":365,"line":567},[2824,2829,2833,2838],{"type":136,"tag":309,"props":2825,"children":2826},{"style":525},[2827],{"type":151,"value":2828},"      scan",{"type":136,"tag":309,"props":2830,"children":2831},{"style":516},[2832],{"type":151,"value":533},{"type":136,"tag":309,"props":2834,"children":2835},{"style":2540},[2836],{"type":151,"value":2837}," true",{"type":136,"tag":309,"props":2839,"children":2840},{"style":516},[2841],{"type":151,"value":908},{"type":136,"tag":309,"props":2843,"children":2844},{"class":365,"line":936},[2845],{"type":136,"tag":309,"props":2846,"children":2847},{"style":833},[2848],{"type":151,"value":2849},"      // ...or other bundle options\n",{"type":136,"tag":309,"props":2851,"children":2852},{"class":365,"line":945},[2853],{"type":136,"tag":309,"props":2854,"children":2855},{"style":516},[2856],{"type":151,"value":2857},"    },\n",{"type":136,"tag":309,"props":2859,"children":2860},{"class":365,"line":1282},[2861],{"type":136,"tag":309,"props":2862,"children":2863},{"style":516},[2864],{"type":151,"value":942},{"type":136,"tag":309,"props":2866,"children":2867},{"class":365,"line":43},[2868,2872],{"type":136,"tag":309,"props":2869,"children":2870},{"style":516},[2871],{"type":151,"value":573},{"type":136,"tag":309,"props":2873,"children":2874},{"style":510},[2875],{"type":151,"value":578},{"type":136,"tag":956,"props":2877,"children":2879},{"id":2878},"case-sensitive-custom-collections",[2880],{"type":151,"value":2881},"Case Sensitive Custom Collections",{"type":136,"tag":137,"props":2883,"children":2884},{},[2885,2887,2893,2895,2901,2903,2908],{"type":151,"value":2886},"Before ",{"type":136,"tag":317,"props":2888,"children":2890},{"className":2889},[],[2891],{"type":151,"value":2892},"v1.10",{"type":151,"value":2894},", due to the limitation of Iconify's previous convention, all custom icons were normalized to ",{"type":136,"tag":317,"props":2896,"children":2898},{"className":2897},[],[2899],{"type":151,"value":2900},"kebab-case",{"type":151,"value":2902}," with a warning. Thanks to the updates on Iconify side, starting from ",{"type":136,"tag":317,"props":2904,"children":2906},{"className":2905},[],[2907],{"type":151,"value":2892},{"type":151,"value":2909},", you can opt-in to use case-sensitive custom collections and by pass the normalization.",{"type":136,"tag":354,"props":2911,"children":2913},{"className":481,"code":2912,"language":483,"meta":10,"style":10},"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",[2914],{"type":136,"tag":317,"props":2915,"children":2916},{"__ignoreMap":10},[2917,2940,2955,2970,2981,2996,3011,3018,3045,3072,3096,3103,3114,3121],{"type":136,"tag":309,"props":2918,"children":2919},{"class":365,"line":70},[2920,2924,2928,2932,2936],{"type":136,"tag":309,"props":2921,"children":2922},{"style":493},[2923],{"type":151,"value":496},{"type":136,"tag":309,"props":2925,"children":2926},{"style":493},[2927],{"type":151,"value":501},{"type":136,"tag":309,"props":2929,"children":2930},{"style":504},[2931],{"type":151,"value":507},{"type":136,"tag":309,"props":2933,"children":2934},{"style":510},[2935],{"type":151,"value":513},{"type":136,"tag":309,"props":2937,"children":2938},{"style":516},[2939],{"type":151,"value":519},{"type":136,"tag":309,"props":2941,"children":2942},{"class":365,"line":54},[2943,2947,2951],{"type":136,"tag":309,"props":2944,"children":2945},{"style":525},[2946],{"type":151,"value":528},{"type":136,"tag":309,"props":2948,"children":2949},{"style":516},[2950],{"type":151,"value":533},{"type":136,"tag":309,"props":2952,"children":2953},{"style":510},[2954],{"type":151,"value":538},{"type":136,"tag":309,"props":2956,"children":2957},{"class":365,"line":47},[2958,2962,2966],{"type":136,"tag":309,"props":2959,"children":2960},{"style":516},[2961],{"type":151,"value":546},{"type":136,"tag":309,"props":2963,"children":2964},{"style":375},[2965],{"type":151,"value":7},{"type":136,"tag":309,"props":2967,"children":2968},{"style":516},[2969],{"type":151,"value":555},{"type":136,"tag":309,"props":2971,"children":2972},{"class":365,"line":558},[2973,2977],{"type":136,"tag":309,"props":2974,"children":2975},{"style":510},[2976],{"type":151,"value":1753},{"type":136,"tag":309,"props":2978,"children":2979},{"style":516},[2980],{"type":151,"value":908},{"type":136,"tag":309,"props":2982,"children":2983},{"class":365,"line":567},[2984,2988,2992],{"type":136,"tag":309,"props":2985,"children":2986},{"style":525},[2987],{"type":151,"value":868},{"type":136,"tag":309,"props":2989,"children":2990},{"style":516},[2991],{"type":151,"value":533},{"type":136,"tag":309,"props":2993,"children":2994},{"style":516},[2995],{"type":151,"value":877},{"type":136,"tag":309,"props":2997,"children":2998},{"class":365,"line":936},[2999,3003,3007],{"type":136,"tag":309,"props":3000,"children":3001},{"style":525},[3002],{"type":151,"value":1780},{"type":136,"tag":309,"props":3004,"children":3005},{"style":516},[3006],{"type":151,"value":533},{"type":136,"tag":309,"props":3008,"children":3009},{"style":510},[3010],{"type":151,"value":538},{"type":136,"tag":309,"props":3012,"children":3013},{"class":365,"line":945},[3014],{"type":136,"tag":309,"props":3015,"children":3016},{"style":516},[3017],{"type":151,"value":1797},{"type":136,"tag":309,"props":3019,"children":3020},{"class":365,"line":1282},[3021,3025,3029,3033,3037,3041],{"type":136,"tag":309,"props":3022,"children":3023},{"style":525},[3024],{"type":151,"value":1806},{"type":136,"tag":309,"props":3026,"children":3027},{"style":516},[3028],{"type":151,"value":533},{"type":136,"tag":309,"props":3030,"children":3031},{"style":516},[3032],{"type":151,"value":894},{"type":136,"tag":309,"props":3034,"children":3035},{"style":375},[3036],{"type":151,"value":1819},{"type":136,"tag":309,"props":3038,"children":3039},{"style":516},[3040],{"type":151,"value":903},{"type":136,"tag":309,"props":3042,"children":3043},{"style":516},[3044],{"type":151,"value":908},{"type":136,"tag":309,"props":3046,"children":3047},{"class":365,"line":43},[3048,3052,3056,3060,3064,3068],{"type":136,"tag":309,"props":3049,"children":3050},{"style":525},[3051],{"type":151,"value":1836},{"type":136,"tag":309,"props":3053,"children":3054},{"style":516},[3055],{"type":151,"value":533},{"type":136,"tag":309,"props":3057,"children":3058},{"style":516},[3059],{"type":151,"value":894},{"type":136,"tag":309,"props":3061,"children":3062},{"style":375},[3063],{"type":151,"value":1510},{"type":136,"tag":309,"props":3065,"children":3066},{"style":516},[3067],{"type":151,"value":903},{"type":136,"tag":309,"props":3069,"children":3070},{"style":516},[3071],{"type":151,"value":908},{"type":136,"tag":309,"props":3073,"children":3074},{"class":365,"line":39},[3075,3080,3084,3088,3092],{"type":136,"tag":309,"props":3076,"children":3077},{"style":525},[3078],{"type":151,"value":3079},"        normalizeIconName",{"type":136,"tag":309,"props":3081,"children":3082},{"style":516},[3083],{"type":151,"value":533},{"type":136,"tag":309,"props":3085,"children":3086},{"style":2540},[3087],{"type":151,"value":2543},{"type":136,"tag":309,"props":3089,"children":3090},{"style":516},[3091],{"type":151,"value":1241},{"type":136,"tag":309,"props":3093,"children":3094},{"style":833},[3095],{"type":151,"value":2596},{"type":136,"tag":309,"props":3097,"children":3098},{"class":365,"line":1791},[3099],{"type":136,"tag":309,"props":3100,"children":3101},{"style":516},[3102],{"type":151,"value":1896},{"type":136,"tag":309,"props":3104,"children":3105},{"class":365,"line":1800},[3106,3110],{"type":136,"tag":309,"props":3107,"children":3108},{"style":510},[3109],{"type":151,"value":1905},{"type":136,"tag":309,"props":3111,"children":3112},{"style":516},[3113],{"type":151,"value":908},{"type":136,"tag":309,"props":3115,"children":3116},{"class":365,"line":1830},[3117],{"type":136,"tag":309,"props":3118,"children":3119},{"style":516},[3120],{"type":151,"value":1918},{"type":136,"tag":309,"props":3122,"children":3123},{"class":365,"line":1872},[3124,3128],{"type":136,"tag":309,"props":3125,"children":3126},{"style":516},[3127],{"type":151,"value":573},{"type":136,"tag":309,"props":3129,"children":3130},{"style":510},[3131],{"type":151,"value":578},{"type":136,"tag":137,"props":3133,"children":3134},{},[3135,3137,3143,3145,3151],{"type":151,"value":3136},"Which enable to use ",{"type":136,"tag":317,"props":3138,"children":3140},{"className":3139},[],[3141],{"type":151,"value":3142},"assets/my-icons/FooBar.svg",{"type":151,"value":3144}," as ",{"type":136,"tag":317,"props":3146,"children":3148},{"className":3147},[],[3149],{"type":151,"value":3150},"my-icon:FooBar",{"type":151,"value":3152},", for example.",{"type":136,"tag":137,"props":3154,"children":3155},{},[3156,3162,3164,3170,3172,3179],{"type":136,"tag":317,"props":3157,"children":3159},{"className":3158},[],[3160],{"type":151,"value":3161},"normalizeIconName",{"type":151,"value":3163}," is default to ",{"type":136,"tag":317,"props":3165,"children":3167},{"className":3166},[],[3168],{"type":151,"value":3169},"true",{"type":151,"value":3171}," for backward compatibility, and will be flipped in the future major version. See ",{"type":136,"tag":157,"props":3173,"children":3176},{"href":3174,"rel":3175},"https://github.com/nuxt/icon/issues/265",[161],[3177],{"type":151,"value":3178},"#265",{"type":151,"value":3180}," for more context.",{"type":136,"tag":956,"props":3182,"children":3184},{"id":3183},"icon-customization",[3185],{"type":151,"value":3186},"Icon Customization",{"type":136,"tag":137,"props":3188,"children":3189},{},[3190,3192,3197,3199,3204,3206,3212,3214,3220],{"type":151,"value":3191},"To update the default size (",{"type":136,"tag":317,"props":3193,"children":3195},{"className":3194},[],[3196],{"type":151,"value":644},{"type":151,"value":3198},") of the ",{"type":136,"tag":317,"props":3200,"children":3202},{"className":3201},[],[3203],{"type":151,"value":404},{"type":151,"value":3205},", create an ",{"type":136,"tag":317,"props":3207,"children":3209},{"className":3208},[],[3210],{"type":151,"value":3211},"app.config.ts",{"type":151,"value":3213}," with the ",{"type":136,"tag":317,"props":3215,"children":3217},{"className":3216},[],[3218],{"type":151,"value":3219},"icon.size",{"type":151,"value":3221}," property.",{"type":136,"tag":137,"props":3223,"children":3224},{},[3225,3227,3233,3234,3239,3240,3246,3248,3253],{"type":151,"value":3226},"Update the default class (",{"type":136,"tag":317,"props":3228,"children":3230},{"className":3229},[],[3231],{"type":151,"value":3232},".icon",{"type":151,"value":3198},{"type":136,"tag":317,"props":3235,"children":3237},{"className":3236},[],[3238],{"type":151,"value":404},{"type":151,"value":3213},{"type":136,"tag":317,"props":3241,"children":3243},{"className":3242},[],[3244],{"type":151,"value":3245},"icon.class",{"type":151,"value":3247}," property, for a headless Icon, set ",{"type":136,"tag":317,"props":3249,"children":3251},{"className":3250},[],[3252],{"type":151,"value":4},{"type":151,"value":3254},".class: ''`.",{"type":136,"tag":137,"props":3256,"children":3257},{},[3258,3260,3266],{"type":151,"value":3259},"You can also define aliases to make swapping out icons easier by leveraging the ",{"type":136,"tag":317,"props":3261,"children":3263},{"className":3262},[],[3264],{"type":151,"value":3265},"icon.aliases",{"type":151,"value":3221},{"type":136,"tag":302,"props":3268,"children":3269},{},[3270],{"type":136,"tag":137,"props":3271,"children":3272},{},[3273,3277,3279,3284,3286,3291],{"type":136,"tag":309,"props":3274,"children":3275},{},[3276],{"type":151,"value":313},{"type":151,"value":3278},"\nNote it's ",{"type":136,"tag":317,"props":3280,"children":3282},{"className":3281},[],[3283],{"type":151,"value":3211},{"type":151,"value":3285}," and not ",{"type":136,"tag":317,"props":3287,"children":3289},{"className":3288},[],[3290],{"type":151,"value":478},{"type":151,"value":3292}," for runtime configs.",{"type":136,"tag":354,"props":3294,"children":3296},{"className":481,"code":3295,"language":483,"meta":10,"style":10},"// 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",[3297],{"type":136,"tag":317,"props":3298,"children":3299},{"__ignoreMap":10},[3300,3308,3331,3346,3380,3413,3445,3461,3498,3505,3533,3540],{"type":136,"tag":309,"props":3301,"children":3302},{"class":365,"line":70},[3303],{"type":136,"tag":309,"props":3304,"children":3305},{"style":833},[3306],{"type":151,"value":3307},"// app.config.ts\n",{"type":136,"tag":309,"props":3309,"children":3310},{"class":365,"line":54},[3311,3315,3319,3323,3327],{"type":136,"tag":309,"props":3312,"children":3313},{"style":493},[3314],{"type":151,"value":496},{"type":136,"tag":309,"props":3316,"children":3317},{"style":493},[3318],{"type":151,"value":501},{"type":136,"tag":309,"props":3320,"children":3321},{"style":504},[3322],{"type":151,"value":852},{"type":136,"tag":309,"props":3324,"children":3325},{"style":510},[3326],{"type":151,"value":513},{"type":136,"tag":309,"props":3328,"children":3329},{"style":516},[3330],{"type":151,"value":519},{"type":136,"tag":309,"props":3332,"children":3333},{"class":365,"line":47},[3334,3338,3342],{"type":136,"tag":309,"props":3335,"children":3336},{"style":525},[3337],{"type":151,"value":868},{"type":136,"tag":309,"props":3339,"children":3340},{"style":516},[3341],{"type":151,"value":533},{"type":136,"tag":309,"props":3343,"children":3344},{"style":516},[3345],{"type":151,"value":877},{"type":136,"tag":309,"props":3347,"children":3348},{"class":365,"line":558},[3349,3354,3358,3362,3367,3371,3375],{"type":136,"tag":309,"props":3350,"children":3351},{"style":525},[3352],{"type":151,"value":3353},"    size",{"type":136,"tag":309,"props":3355,"children":3356},{"style":516},[3357],{"type":151,"value":533},{"type":136,"tag":309,"props":3359,"children":3360},{"style":516},[3361],{"type":151,"value":894},{"type":136,"tag":309,"props":3363,"children":3364},{"style":375},[3365],{"type":151,"value":3366},"24px",{"type":136,"tag":309,"props":3368,"children":3369},{"style":516},[3370],{"type":151,"value":903},{"type":136,"tag":309,"props":3372,"children":3373},{"style":516},[3374],{"type":151,"value":1241},{"type":136,"tag":309,"props":3376,"children":3377},{"style":833},[3378],{"type":151,"value":3379}," // default \u003CIcon> size applied\n",{"type":136,"tag":309,"props":3381,"children":3382},{"class":365,"line":567},[3383,3388,3392,3396,3400,3404,3408],{"type":136,"tag":309,"props":3384,"children":3385},{"style":525},[3386],{"type":151,"value":3387},"    class",{"type":136,"tag":309,"props":3389,"children":3390},{"style":516},[3391],{"type":151,"value":533},{"type":136,"tag":309,"props":3393,"children":3394},{"style":516},[3395],{"type":151,"value":894},{"type":136,"tag":309,"props":3397,"children":3398},{"style":375},[3399],{"type":151,"value":4},{"type":136,"tag":309,"props":3401,"children":3402},{"style":516},[3403],{"type":151,"value":903},{"type":136,"tag":309,"props":3405,"children":3406},{"style":516},[3407],{"type":151,"value":1241},{"type":136,"tag":309,"props":3409,"children":3410},{"style":833},[3411],{"type":151,"value":3412}," // default \u003CIcon> class applied\n",{"type":136,"tag":309,"props":3414,"children":3415},{"class":365,"line":936},[3416,3420,3424,3428,3432,3436,3440],{"type":136,"tag":309,"props":3417,"children":3418},{"style":525},[3419],{"type":151,"value":885},{"type":136,"tag":309,"props":3421,"children":3422},{"style":516},[3423],{"type":151,"value":533},{"type":136,"tag":309,"props":3425,"children":3426},{"style":516},[3427],{"type":151,"value":894},{"type":136,"tag":309,"props":3429,"children":3430},{"style":375},[3431],{"type":151,"value":671},{"type":136,"tag":309,"props":3433,"children":3434},{"style":516},[3435],{"type":151,"value":903},{"type":136,"tag":309,"props":3437,"children":3438},{"style":516},[3439],{"type":151,"value":1241},{"type":136,"tag":309,"props":3441,"children":3442},{"style":833},[3443],{"type":151,"value":3444}," // default \u003CIcon> mode applied\n",{"type":136,"tag":309,"props":3446,"children":3447},{"class":365,"line":945},[3448,3453,3457],{"type":136,"tag":309,"props":3449,"children":3450},{"style":525},[3451],{"type":151,"value":3452},"    aliases",{"type":136,"tag":309,"props":3454,"children":3455},{"style":516},[3456],{"type":151,"value":533},{"type":136,"tag":309,"props":3458,"children":3459},{"style":516},[3460],{"type":151,"value":877},{"type":136,"tag":309,"props":3462,"children":3463},{"class":365,"line":1282},[3464,3469,3473,3477,3481,3485,3490,3494],{"type":136,"tag":309,"props":3465,"children":3466},{"style":516},[3467],{"type":151,"value":3468},"      '",{"type":136,"tag":309,"props":3470,"children":3471},{"style":525},[3472],{"type":151,"value":2300},{"type":136,"tag":309,"props":3474,"children":3475},{"style":516},[3476],{"type":151,"value":903},{"type":136,"tag":309,"props":3478,"children":3479},{"style":516},[3480],{"type":151,"value":533},{"type":136,"tag":309,"props":3482,"children":3483},{"style":516},[3484],{"type":151,"value":894},{"type":136,"tag":309,"props":3486,"children":3487},{"style":375},[3488],{"type":151,"value":3489},"logos:nuxt-icon",{"type":136,"tag":309,"props":3491,"children":3492},{"style":516},[3493],{"type":151,"value":903},{"type":136,"tag":309,"props":3495,"children":3496},{"style":516},[3497],{"type":151,"value":908},{"type":136,"tag":309,"props":3499,"children":3500},{"class":365,"line":43},[3501],{"type":136,"tag":309,"props":3502,"children":3503},{"style":516},[3504],{"type":151,"value":2857},{"type":136,"tag":309,"props":3506,"children":3507},{"class":365,"line":39},[3508,3512,3516,3520,3524,3528],{"type":136,"tag":309,"props":3509,"children":3510},{"style":525},[3511],{"type":151,"value":916},{"type":136,"tag":309,"props":3513,"children":3514},{"style":516},[3515],{"type":151,"value":533},{"type":136,"tag":309,"props":3517,"children":3518},{"style":516},[3519],{"type":151,"value":894},{"type":136,"tag":309,"props":3521,"children":3522},{"style":375},[3523],{"type":151,"value":929},{"type":136,"tag":309,"props":3525,"children":3526},{"style":516},[3527],{"type":151,"value":903},{"type":136,"tag":309,"props":3529,"children":3530},{"style":833},[3531],{"type":151,"value":3532}," // set the css layer to inject to\n",{"type":136,"tag":309,"props":3534,"children":3535},{"class":365,"line":1791},[3536],{"type":136,"tag":309,"props":3537,"children":3538},{"style":516},[3539],{"type":151,"value":942},{"type":136,"tag":309,"props":3541,"children":3542},{"class":365,"line":1800},[3543,3547],{"type":136,"tag":309,"props":3544,"children":3545},{"style":516},[3546],{"type":151,"value":573},{"type":136,"tag":309,"props":3548,"children":3549},{"style":510},[3550],{"type":151,"value":578},{"type":136,"tag":137,"props":3552,"children":3553},{},[3554,3556,3561,3563,3568],{"type":151,"value":3555},"The icons will have the default size of ",{"type":136,"tag":317,"props":3557,"children":3559},{"className":3558},[],[3560],{"type":151,"value":3366},{"type":151,"value":3562}," and the ",{"type":136,"tag":317,"props":3564,"children":3566},{"className":3565},[],[3567],{"type":151,"value":2300},{"type":151,"value":3569}," icon will be available:",{"type":136,"tag":354,"props":3571,"children":3573},{"className":720,"code":3572,"language":722,"meta":10,"style":10},"\u003CIcon name=\"nuxt\" />\n",[3574],{"type":136,"tag":317,"props":3575,"children":3576},{"__ignoreMap":10},[3577],{"type":136,"tag":309,"props":3578,"children":3579},{"class":365,"line":70},[3580,3584,3588,3592,3596,3600,3604,3608],{"type":136,"tag":309,"props":3581,"children":3582},{"style":516},[3583],{"type":151,"value":734},{"type":136,"tag":309,"props":3585,"children":3586},{"style":525},[3587],{"type":151,"value":739},{"type":136,"tag":309,"props":3589,"children":3590},{"style":742},[3591],{"type":151,"value":745},{"type":136,"tag":309,"props":3593,"children":3594},{"style":516},[3595],{"type":151,"value":750},{"type":136,"tag":309,"props":3597,"children":3598},{"style":516},[3599],{"type":151,"value":755},{"type":136,"tag":309,"props":3601,"children":3602},{"style":375},[3603],{"type":151,"value":2300},{"type":136,"tag":309,"props":3605,"children":3606},{"style":516},[3607],{"type":151,"value":755},{"type":136,"tag":309,"props":3609,"children":3610},{"style":516},[3611],{"type":151,"value":791},{"type":136,"tag":137,"props":3613,"children":3614},{},[3615,3617,3623,3625,3631,3633,3640,3642,3648,3650,3656,3658,3665,3667,3673],{"type":151,"value":3616},"By default, this module will create a server endpoint ",{"type":136,"tag":317,"props":3618,"children":3620},{"className":3619},[],[3621],{"type":151,"value":3622},"/api/_nuxt_icon/:collection",{"type":151,"value":3624}," to serve the icons from your local server bundle (you can override the default path by setting ",{"type":136,"tag":317,"props":3626,"children":3628},{"className":3627},[],[3629],{"type":151,"value":3630},"icon.localApiEndpoint",{"type":151,"value":3632}," to your desired path). When requesting an icon that does not exist in the local bundle, it will fallback to requesting ",{"type":136,"tag":157,"props":3634,"children":3637},{"href":3635,"rel":3636},"https://api.iconify.design",[161],[3638],{"type":151,"value":3639},"the official Iconify API",{"type":151,"value":3641},". You can disable the fallback by setting ",{"type":136,"tag":317,"props":3643,"children":3645},{"className":3644},[],[3646],{"type":151,"value":3647},"icon.fallbackToApi",{"type":151,"value":3649}," to ",{"type":136,"tag":317,"props":3651,"children":3653},{"className":3652},[],[3654],{"type":151,"value":3655},"false",{"type":151,"value":3657},", or set up ",{"type":136,"tag":157,"props":3659,"children":3662},{"href":3660,"rel":3661},"https://iconify.design/docs/api/hosting.html",[161],[3663],{"type":151,"value":3664},"your own Iconify API",{"type":151,"value":3666}," and update ",{"type":136,"tag":317,"props":3668,"children":3670},{"className":3669},[],[3671],{"type":151,"value":3672},"icon.iconifyApiEndpoint",{"type":151,"value":3674}," to your own API endpoint.",{"type":136,"tag":137,"props":3676,"children":3677},{},[3678],{"type":136,"tag":609,"props":3679,"children":3680},{},[3681],{"type":151,"value":3682},"Customizing Icons with the customize Option",{"type":136,"tag":137,"props":3684,"children":3685},{},[3686],{"type":151,"value":3687},"The customize option allows you to modify various aspects of the SVG icons used in your project. With this option, you can:",{"type":136,"tag":237,"props":3689,"children":3690},{},[3691,3696,3701,3706,3711],{"type":136,"tag":241,"props":3692,"children":3693},{},[3694],{"type":151,"value":3695},"Change Stroke Width",{"type":136,"tag":241,"props":3697,"children":3698},{},[3699],{"type":151,"value":3700},"Change Colors",{"type":136,"tag":241,"props":3702,"children":3703},{},[3704],{"type":151,"value":3705},"Change Animation Duration",{"type":136,"tag":241,"props":3707,"children":3708},{},[3709],{"type":151,"value":3710},"Change Opacity",{"type":136,"tag":241,"props":3712,"children":3713},{},[3714],{"type":151,"value":3715},"Add Extra Shapes",{"type":136,"tag":137,"props":3717,"children":3718},{},[3719],{"type":151,"value":3720},"You have full control over SVG content with these customization options.",{"type":136,"tag":137,"props":3722,"children":3723},{},[3724],{"type":151,"value":3725},"In a Component\nYou can define a customize function within a component to apply various modifications to your icons.",{"type":136,"tag":354,"props":3727,"children":3729},{"className":2010,"code":3728,"language":2012,"meta":10,"style":10},"\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",[3730],{"type":136,"tag":317,"props":3731,"children":3732},{"__ignoreMap":10},[3733,3775,3783,3882,3937,3944,3957,4039,4113,4187,4261,4340,4348,4363,4370,4385,4443,4458,4465],{"type":136,"tag":309,"props":3734,"children":3735},{"class":365,"line":70},[3736,3740,3745,3750,3755,3759,3763,3767,3771],{"type":136,"tag":309,"props":3737,"children":3738},{"style":516},[3739],{"type":151,"value":734},{"type":136,"tag":309,"props":3741,"children":3742},{"style":525},[3743],{"type":151,"value":3744},"script",{"type":136,"tag":309,"props":3746,"children":3747},{"style":742},[3748],{"type":151,"value":3749}," setup",{"type":136,"tag":309,"props":3751,"children":3752},{"style":742},[3753],{"type":151,"value":3754}," lang",{"type":136,"tag":309,"props":3756,"children":3757},{"style":516},[3758],{"type":151,"value":750},{"type":136,"tag":309,"props":3760,"children":3761},{"style":516},[3762],{"type":151,"value":755},{"type":136,"tag":309,"props":3764,"children":3765},{"style":375},[3766],{"type":151,"value":483},{"type":136,"tag":309,"props":3768,"children":3769},{"style":516},[3770],{"type":151,"value":755},{"type":136,"tag":309,"props":3772,"children":3773},{"style":516},[3774],{"type":151,"value":2033},{"type":136,"tag":309,"props":3776,"children":3777},{"class":365,"line":54},[3778],{"type":136,"tag":309,"props":3779,"children":3780},{"style":833},[3781],{"type":151,"value":3782},"// Define the customize function to modify SVG content\n",{"type":136,"tag":309,"props":3784,"children":3785},{"class":365,"line":47},[3786,3790,3795,3799,3804,3810,3814,3819,3823,3827,3831,3835,3839,3844,3848,3852,3856,3861,3865,3869,3873,3878],{"type":136,"tag":309,"props":3787,"children":3788},{"style":742},[3789],{"type":151,"value":1637},{"type":136,"tag":309,"props":3791,"children":3792},{"style":510},[3793],{"type":151,"value":3794}," customize ",{"type":136,"tag":309,"props":3796,"children":3797},{"style":516},[3798],{"type":151,"value":750},{"type":136,"tag":309,"props":3800,"children":3801},{"style":516},[3802],{"type":151,"value":3803}," (",{"type":136,"tag":309,"props":3805,"children":3807},{"style":3806},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[3808],{"type":151,"value":3809},"content",{"type":136,"tag":309,"props":3811,"children":3812},{"style":516},[3813],{"type":151,"value":533},{"type":136,"tag":309,"props":3815,"children":3816},{"style":369},[3817],{"type":151,"value":3818}," string",{"type":136,"tag":309,"props":3820,"children":3821},{"style":516},[3822],{"type":151,"value":1241},{"type":136,"tag":309,"props":3824,"children":3825},{"style":3806},[3826],{"type":151,"value":745},{"type":136,"tag":309,"props":3828,"children":3829},{"style":516},[3830],{"type":151,"value":533},{"type":136,"tag":309,"props":3832,"children":3833},{"style":369},[3834],{"type":151,"value":3818},{"type":136,"tag":309,"props":3836,"children":3837},{"style":516},[3838],{"type":151,"value":1241},{"type":136,"tag":309,"props":3840,"children":3841},{"style":3806},[3842],{"type":151,"value":3843}," prefix",{"type":136,"tag":309,"props":3845,"children":3846},{"style":516},[3847],{"type":151,"value":533},{"type":136,"tag":309,"props":3849,"children":3850},{"style":369},[3851],{"type":151,"value":3818},{"type":136,"tag":309,"props":3853,"children":3854},{"style":516},[3855],{"type":151,"value":1241},{"type":136,"tag":309,"props":3857,"children":3858},{"style":3806},[3859],{"type":151,"value":3860}," provider",{"type":136,"tag":309,"props":3862,"children":3863},{"style":516},[3864],{"type":151,"value":533},{"type":136,"tag":309,"props":3866,"children":3867},{"style":369},[3868],{"type":151,"value":3818},{"type":136,"tag":309,"props":3870,"children":3871},{"style":516},[3872],{"type":151,"value":646},{"type":136,"tag":309,"props":3874,"children":3875},{"style":742},[3876],{"type":151,"value":3877}," =>",{"type":136,"tag":309,"props":3879,"children":3880},{"style":516},[3881],{"type":151,"value":877},{"type":136,"tag":309,"props":3883,"children":3884},{"class":365,"line":558},[3885,3890,3894,3899,3904,3908,3913,3917,3922,3927,3932],{"type":136,"tag":309,"props":3886,"children":3887},{"style":493},[3888],{"type":151,"value":3889},"  if",{"type":136,"tag":309,"props":3891,"children":3892},{"style":525},[3893],{"type":151,"value":3803},{"type":136,"tag":309,"props":3895,"children":3896},{"style":510},[3897],{"type":151,"value":3898},"prefix",{"type":136,"tag":309,"props":3900,"children":3901},{"style":516},[3902],{"type":151,"value":3903}," !==",{"type":136,"tag":309,"props":3905,"children":3906},{"style":516},[3907],{"type":151,"value":894},{"type":136,"tag":309,"props":3909,"children":3910},{"style":375},[3911],{"type":151,"value":3912},"tabler",{"type":136,"tag":309,"props":3914,"children":3915},{"style":516},[3916],{"type":151,"value":903},{"type":136,"tag":309,"props":3918,"children":3919},{"style":525},[3920],{"type":151,"value":3921},") ",{"type":136,"tag":309,"props":3923,"children":3924},{"style":493},[3925],{"type":151,"value":3926},"return",{"type":136,"tag":309,"props":3928,"children":3929},{"style":510},[3930],{"type":151,"value":3931}," content",{"type":136,"tag":309,"props":3933,"children":3934},{"style":833},[3935],{"type":151,"value":3936}," // Ignore Prefix\n",{"type":136,"tag":309,"props":3938,"children":3939},{"class":365,"line":567},[3940],{"type":136,"tag":309,"props":3941,"children":3942},{"emptyLinePlaceholder":1626},[3943],{"type":151,"value":1629},{"type":136,"tag":309,"props":3945,"children":3946},{"class":365,"line":936},[3947,3952],{"type":136,"tag":309,"props":3948,"children":3949},{"style":493},[3950],{"type":151,"value":3951},"  return",{"type":136,"tag":309,"props":3953,"children":3954},{"style":510},[3955],{"type":151,"value":3956}," content\n",{"type":136,"tag":309,"props":3958,"children":3959},{"class":365,"line":945},[3960,3965,3970,3974,3979,3984,3989,3993,3998,4002,4006,4011,4015,4020,4025,4030,4034],{"type":136,"tag":309,"props":3961,"children":3962},{"style":516},[3963],{"type":151,"value":3964},"    .",{"type":136,"tag":309,"props":3966,"children":3967},{"style":504},[3968],{"type":151,"value":3969},"replace",{"type":136,"tag":309,"props":3971,"children":3972},{"style":525},[3973],{"type":151,"value":513},{"type":136,"tag":309,"props":3975,"children":3976},{"style":516},[3977],{"type":151,"value":3978},"/",{"type":136,"tag":309,"props":3980,"children":3981},{"style":375},[3982],{"type":151,"value":3983},"stroke-width=\"",{"type":136,"tag":309,"props":3985,"children":3986},{"style":516},[3987],{"type":151,"value":3988},"[^",{"type":136,"tag":309,"props":3990,"children":3991},{"style":375},[3992],{"type":151,"value":755},{"type":136,"tag":309,"props":3994,"children":3995},{"style":516},[3996],{"type":151,"value":3997},"]*",{"type":136,"tag":309,"props":3999,"children":4000},{"style":375},[4001],{"type":151,"value":755},{"type":136,"tag":309,"props":4003,"children":4004},{"style":516},[4005],{"type":151,"value":3978},{"type":136,"tag":309,"props":4007,"children":4008},{"style":2362},[4009],{"type":151,"value":4010},"g",{"type":136,"tag":309,"props":4012,"children":4013},{"style":516},[4014],{"type":151,"value":1241},{"type":136,"tag":309,"props":4016,"children":4017},{"style":516},[4018],{"type":151,"value":4019}," `",{"type":136,"tag":309,"props":4021,"children":4022},{"style":375},[4023],{"type":151,"value":4024},"stroke-width=\"2\"",{"type":136,"tag":309,"props":4026,"children":4027},{"style":516},[4028],{"type":151,"value":4029},"`",{"type":136,"tag":309,"props":4031,"children":4032},{"style":525},[4033],{"type":151,"value":3921},{"type":136,"tag":309,"props":4035,"children":4036},{"style":833},[4037],{"type":151,"value":4038},"// Change stroke width to 2\n",{"type":136,"tag":309,"props":4040,"children":4041},{"class":365,"line":1282},[4042,4046,4050,4054,4058,4063,4067,4071,4075,4079,4083,4087,4091,4095,4100,4104,4108],{"type":136,"tag":309,"props":4043,"children":4044},{"style":516},[4045],{"type":151,"value":3964},{"type":136,"tag":309,"props":4047,"children":4048},{"style":504},[4049],{"type":151,"value":3969},{"type":136,"tag":309,"props":4051,"children":4052},{"style":525},[4053],{"type":151,"value":513},{"type":136,"tag":309,"props":4055,"children":4056},{"style":516},[4057],{"type":151,"value":3978},{"type":136,"tag":309,"props":4059,"children":4060},{"style":375},[4061],{"type":151,"value":4062},"stroke=\"",{"type":136,"tag":309,"props":4064,"children":4065},{"style":516},[4066],{"type":151,"value":3988},{"type":136,"tag":309,"props":4068,"children":4069},{"style":375},[4070],{"type":151,"value":755},{"type":136,"tag":309,"props":4072,"children":4073},{"style":516},[4074],{"type":151,"value":3997},{"type":136,"tag":309,"props":4076,"children":4077},{"style":375},[4078],{"type":151,"value":755},{"type":136,"tag":309,"props":4080,"children":4081},{"style":516},[4082],{"type":151,"value":3978},{"type":136,"tag":309,"props":4084,"children":4085},{"style":2362},[4086],{"type":151,"value":4010},{"type":136,"tag":309,"props":4088,"children":4089},{"style":516},[4090],{"type":151,"value":1241},{"type":136,"tag":309,"props":4092,"children":4093},{"style":516},[4094],{"type":151,"value":4019},{"type":136,"tag":309,"props":4096,"children":4097},{"style":375},[4098],{"type":151,"value":4099},"stroke=\"#FF5733\"",{"type":136,"tag":309,"props":4101,"children":4102},{"style":516},[4103],{"type":151,"value":4029},{"type":136,"tag":309,"props":4105,"children":4106},{"style":525},[4107],{"type":151,"value":3921},{"type":136,"tag":309,"props":4109,"children":4110},{"style":833},[4111],{"type":151,"value":4112},"// Change stroke color to red\n",{"type":136,"tag":309,"props":4114,"children":4115},{"class":365,"line":43},[4116,4120,4124,4128,4132,4137,4141,4145,4149,4153,4157,4161,4165,4169,4174,4178,4182],{"type":136,"tag":309,"props":4117,"children":4118},{"style":516},[4119],{"type":151,"value":3964},{"type":136,"tag":309,"props":4121,"children":4122},{"style":504},[4123],{"type":151,"value":3969},{"type":136,"tag":309,"props":4125,"children":4126},{"style":525},[4127],{"type":151,"value":513},{"type":136,"tag":309,"props":4129,"children":4130},{"style":516},[4131],{"type":151,"value":3978},{"type":136,"tag":309,"props":4133,"children":4134},{"style":375},[4135],{"type":151,"value":4136},"fill=\"",{"type":136,"tag":309,"props":4138,"children":4139},{"style":516},[4140],{"type":151,"value":3988},{"type":136,"tag":309,"props":4142,"children":4143},{"style":375},[4144],{"type":151,"value":755},{"type":136,"tag":309,"props":4146,"children":4147},{"style":516},[4148],{"type":151,"value":3997},{"type":136,"tag":309,"props":4150,"children":4151},{"style":375},[4152],{"type":151,"value":755},{"type":136,"tag":309,"props":4154,"children":4155},{"style":516},[4156],{"type":151,"value":3978},{"type":136,"tag":309,"props":4158,"children":4159},{"style":2362},[4160],{"type":151,"value":4010},{"type":136,"tag":309,"props":4162,"children":4163},{"style":516},[4164],{"type":151,"value":1241},{"type":136,"tag":309,"props":4166,"children":4167},{"style":516},[4168],{"type":151,"value":4019},{"type":136,"tag":309,"props":4170,"children":4171},{"style":375},[4172],{"type":151,"value":4173},"fill=\"#FF5733\"",{"type":136,"tag":309,"props":4175,"children":4176},{"style":516},[4177],{"type":151,"value":4029},{"type":136,"tag":309,"props":4179,"children":4180},{"style":525},[4181],{"type":151,"value":3921},{"type":136,"tag":309,"props":4183,"children":4184},{"style":833},[4185],{"type":151,"value":4186},"// Change fill color to red\n",{"type":136,"tag":309,"props":4188,"children":4189},{"class":365,"line":39},[4190,4194,4198,4202,4206,4211,4215,4219,4223,4227,4231,4235,4239,4243,4248,4252,4256],{"type":136,"tag":309,"props":4191,"children":4192},{"style":516},[4193],{"type":151,"value":3964},{"type":136,"tag":309,"props":4195,"children":4196},{"style":504},[4197],{"type":151,"value":3969},{"type":136,"tag":309,"props":4199,"children":4200},{"style":525},[4201],{"type":151,"value":513},{"type":136,"tag":309,"props":4203,"children":4204},{"style":516},[4205],{"type":151,"value":3978},{"type":136,"tag":309,"props":4207,"children":4208},{"style":375},[4209],{"type":151,"value":4210},"animation-duration=\"",{"type":136,"tag":309,"props":4212,"children":4213},{"style":516},[4214],{"type":151,"value":3988},{"type":136,"tag":309,"props":4216,"children":4217},{"style":375},[4218],{"type":151,"value":755},{"type":136,"tag":309,"props":4220,"children":4221},{"style":516},[4222],{"type":151,"value":3997},{"type":136,"tag":309,"props":4224,"children":4225},{"style":375},[4226],{"type":151,"value":755},{"type":136,"tag":309,"props":4228,"children":4229},{"style":516},[4230],{"type":151,"value":3978},{"type":136,"tag":309,"props":4232,"children":4233},{"style":2362},[4234],{"type":151,"value":4010},{"type":136,"tag":309,"props":4236,"children":4237},{"style":516},[4238],{"type":151,"value":1241},{"type":136,"tag":309,"props":4240,"children":4241},{"style":516},[4242],{"type":151,"value":4019},{"type":136,"tag":309,"props":4244,"children":4245},{"style":375},[4246],{"type":151,"value":4247},"animation-duration=\"1s\"",{"type":136,"tag":309,"props":4249,"children":4250},{"style":516},[4251],{"type":151,"value":4029},{"type":136,"tag":309,"props":4253,"children":4254},{"style":525},[4255],{"type":151,"value":3921},{"type":136,"tag":309,"props":4257,"children":4258},{"style":833},[4259],{"type":151,"value":4260},"// Change animation duration to 1s (for animated icons)\n",{"type":136,"tag":309,"props":4262,"children":4263},{"class":365,"line":1791},[4264,4268,4272,4276,4280,4285,4289,4293,4297,4301,4305,4309,4313,4317,4322,4326,4330,4335],{"type":136,"tag":309,"props":4265,"children":4266},{"style":516},[4267],{"type":151,"value":3964},{"type":136,"tag":309,"props":4269,"children":4270},{"style":504},[4271],{"type":151,"value":3969},{"type":136,"tag":309,"props":4273,"children":4274},{"style":525},[4275],{"type":151,"value":513},{"type":136,"tag":309,"props":4277,"children":4278},{"style":516},[4279],{"type":151,"value":3978},{"type":136,"tag":309,"props":4281,"children":4282},{"style":375},[4283],{"type":151,"value":4284},"opacity=\"",{"type":136,"tag":309,"props":4286,"children":4287},{"style":516},[4288],{"type":151,"value":3988},{"type":136,"tag":309,"props":4290,"children":4291},{"style":375},[4292],{"type":151,"value":755},{"type":136,"tag":309,"props":4294,"children":4295},{"style":516},[4296],{"type":151,"value":3997},{"type":136,"tag":309,"props":4298,"children":4299},{"style":375},[4300],{"type":151,"value":755},{"type":136,"tag":309,"props":4302,"children":4303},{"style":516},[4304],{"type":151,"value":3978},{"type":136,"tag":309,"props":4306,"children":4307},{"style":2362},[4308],{"type":151,"value":4010},{"type":136,"tag":309,"props":4310,"children":4311},{"style":516},[4312],{"type":151,"value":1241},{"type":136,"tag":309,"props":4314,"children":4315},{"style":516},[4316],{"type":151,"value":4019},{"type":136,"tag":309,"props":4318,"children":4319},{"style":375},[4320],{"type":151,"value":4321},"opacity=\"0.8\"",{"type":136,"tag":309,"props":4323,"children":4324},{"style":516},[4325],{"type":151,"value":4029},{"type":136,"tag":309,"props":4327,"children":4328},{"style":525},[4329],{"type":151,"value":646},{"type":136,"tag":309,"props":4331,"children":4332},{"style":516},[4333],{"type":151,"value":4334},";",{"type":136,"tag":309,"props":4336,"children":4337},{"style":833},[4338],{"type":151,"value":4339},"// Change opacity to 0.8\n",{"type":136,"tag":309,"props":4341,"children":4342},{"class":365,"line":1800},[4343],{"type":136,"tag":309,"props":4344,"children":4345},{"style":516},[4346],{"type":151,"value":4347},"}\n",{"type":136,"tag":309,"props":4349,"children":4350},{"class":365,"line":1830},[4351,4355,4359],{"type":136,"tag":309,"props":4352,"children":4353},{"style":516},[4354],{"type":151,"value":2114},{"type":136,"tag":309,"props":4356,"children":4357},{"style":525},[4358],{"type":151,"value":3744},{"type":136,"tag":309,"props":4360,"children":4361},{"style":516},[4362],{"type":151,"value":2033},{"type":136,"tag":309,"props":4364,"children":4365},{"class":365,"line":1872},[4366],{"type":136,"tag":309,"props":4367,"children":4368},{"emptyLinePlaceholder":1626},[4369],{"type":151,"value":1629},{"type":136,"tag":309,"props":4371,"children":4372},{"class":365,"line":1881},[4373,4377,4381],{"type":136,"tag":309,"props":4374,"children":4375},{"style":516},[4376],{"type":151,"value":734},{"type":136,"tag":309,"props":4378,"children":4379},{"style":525},[4380],{"type":151,"value":2028},{"type":136,"tag":309,"props":4382,"children":4383},{"style":516},[4384],{"type":151,"value":2033},{"type":136,"tag":309,"props":4386,"children":4387},{"class":365,"line":1890},[4388,4392,4396,4400,4404,4408,4413,4417,4422,4426,4430,4435,4439],{"type":136,"tag":309,"props":4389,"children":4390},{"style":516},[4391],{"type":151,"value":2041},{"type":136,"tag":309,"props":4393,"children":4394},{"style":525},[4395],{"type":151,"value":739},{"type":136,"tag":309,"props":4397,"children":4398},{"style":742},[4399],{"type":151,"value":745},{"type":136,"tag":309,"props":4401,"children":4402},{"style":516},[4403],{"type":151,"value":750},{"type":136,"tag":309,"props":4405,"children":4406},{"style":516},[4407],{"type":151,"value":755},{"type":136,"tag":309,"props":4409,"children":4410},{"style":375},[4411],{"type":151,"value":4412},"tabler:star",{"type":136,"tag":309,"props":4414,"children":4415},{"style":516},[4416],{"type":151,"value":755},{"type":136,"tag":309,"props":4418,"children":4419},{"style":742},[4420],{"type":151,"value":4421}," :customize",{"type":136,"tag":309,"props":4423,"children":4424},{"style":516},[4425],{"type":151,"value":750},{"type":136,"tag":309,"props":4427,"children":4428},{"style":516},[4429],{"type":151,"value":755},{"type":136,"tag":309,"props":4431,"children":4432},{"style":375},[4433],{"type":151,"value":4434},"customize",{"type":136,"tag":309,"props":4436,"children":4437},{"style":516},[4438],{"type":151,"value":755},{"type":136,"tag":309,"props":4440,"children":4441},{"style":516},[4442],{"type":151,"value":791},{"type":136,"tag":309,"props":4444,"children":4445},{"class":365,"line":1899},[4446,4450,4454],{"type":136,"tag":309,"props":4447,"children":4448},{"style":516},[4449],{"type":151,"value":2114},{"type":136,"tag":309,"props":4451,"children":4452},{"style":525},[4453],{"type":151,"value":2028},{"type":136,"tag":309,"props":4455,"children":4456},{"style":516},[4457],{"type":151,"value":2033},{"type":136,"tag":309,"props":4459,"children":4460},{"class":365,"line":1912},[4461],{"type":136,"tag":309,"props":4462,"children":4463},{"emptyLinePlaceholder":1626},[4464],{"type":151,"value":1629},{"type":136,"tag":309,"props":4466,"children":4467},{"class":365,"line":1921},[4468],{"type":136,"tag":309,"props":4469,"children":4470},{"style":833},[4471],{"type":151,"value":4472},"\u003C!-- You can also use `:customize=\"false\"` to disabled the global customization function per-usage -->\n",{"type":136,"tag":137,"props":4474,"children":4475},{},[4476],{"type":151,"value":4477},"In the App Configuration File:",{"type":136,"tag":137,"props":4479,"children":4480},{},[4481,4483,4488],{"type":151,"value":4482},"Alternatively, you can apply these customizations globally in the ",{"type":136,"tag":317,"props":4484,"children":4486},{"className":4485},[],[4487],{"type":151,"value":3211},{"type":151,"value":4489}," file.",{"type":136,"tag":354,"props":4491,"children":4493},{"className":481,"code":4492,"language":483,"meta":10,"style":10},"// app.config.ts\nexport default defineAppConfig({\n  icon: {\n    customize: (content: string, name: string, prefix: string, provider: string) => {\n      // ...\n    },\n  }\n})\n",[4494],{"type":136,"tag":317,"props":4495,"children":4496},{"__ignoreMap":10},[4497,4504,4527,4542,4630,4638,4645,4652],{"type":136,"tag":309,"props":4498,"children":4499},{"class":365,"line":70},[4500],{"type":136,"tag":309,"props":4501,"children":4502},{"style":833},[4503],{"type":151,"value":3307},{"type":136,"tag":309,"props":4505,"children":4506},{"class":365,"line":54},[4507,4511,4515,4519,4523],{"type":136,"tag":309,"props":4508,"children":4509},{"style":493},[4510],{"type":151,"value":496},{"type":136,"tag":309,"props":4512,"children":4513},{"style":493},[4514],{"type":151,"value":501},{"type":136,"tag":309,"props":4516,"children":4517},{"style":504},[4518],{"type":151,"value":852},{"type":136,"tag":309,"props":4520,"children":4521},{"style":510},[4522],{"type":151,"value":513},{"type":136,"tag":309,"props":4524,"children":4525},{"style":516},[4526],{"type":151,"value":519},{"type":136,"tag":309,"props":4528,"children":4529},{"class":365,"line":47},[4530,4534,4538],{"type":136,"tag":309,"props":4531,"children":4532},{"style":525},[4533],{"type":151,"value":868},{"type":136,"tag":309,"props":4535,"children":4536},{"style":516},[4537],{"type":151,"value":533},{"type":136,"tag":309,"props":4539,"children":4540},{"style":516},[4541],{"type":151,"value":877},{"type":136,"tag":309,"props":4543,"children":4544},{"class":365,"line":558},[4545,4550,4554,4558,4562,4566,4570,4574,4578,4582,4586,4590,4594,4598,4602,4606,4610,4614,4618,4622,4626],{"type":136,"tag":309,"props":4546,"children":4547},{"style":504},[4548],{"type":151,"value":4549},"    customize",{"type":136,"tag":309,"props":4551,"children":4552},{"style":516},[4553],{"type":151,"value":533},{"type":136,"tag":309,"props":4555,"children":4556},{"style":516},[4557],{"type":151,"value":3803},{"type":136,"tag":309,"props":4559,"children":4560},{"style":3806},[4561],{"type":151,"value":3809},{"type":136,"tag":309,"props":4563,"children":4564},{"style":516},[4565],{"type":151,"value":533},{"type":136,"tag":309,"props":4567,"children":4568},{"style":369},[4569],{"type":151,"value":3818},{"type":136,"tag":309,"props":4571,"children":4572},{"style":516},[4573],{"type":151,"value":1241},{"type":136,"tag":309,"props":4575,"children":4576},{"style":3806},[4577],{"type":151,"value":745},{"type":136,"tag":309,"props":4579,"children":4580},{"style":516},[4581],{"type":151,"value":533},{"type":136,"tag":309,"props":4583,"children":4584},{"style":369},[4585],{"type":151,"value":3818},{"type":136,"tag":309,"props":4587,"children":4588},{"style":516},[4589],{"type":151,"value":1241},{"type":136,"tag":309,"props":4591,"children":4592},{"style":3806},[4593],{"type":151,"value":3843},{"type":136,"tag":309,"props":4595,"children":4596},{"style":516},[4597],{"type":151,"value":533},{"type":136,"tag":309,"props":4599,"children":4600},{"style":369},[4601],{"type":151,"value":3818},{"type":136,"tag":309,"props":4603,"children":4604},{"style":516},[4605],{"type":151,"value":1241},{"type":136,"tag":309,"props":4607,"children":4608},{"style":3806},[4609],{"type":151,"value":3860},{"type":136,"tag":309,"props":4611,"children":4612},{"style":516},[4613],{"type":151,"value":533},{"type":136,"tag":309,"props":4615,"children":4616},{"style":369},[4617],{"type":151,"value":3818},{"type":136,"tag":309,"props":4619,"children":4620},{"style":516},[4621],{"type":151,"value":646},{"type":136,"tag":309,"props":4623,"children":4624},{"style":742},[4625],{"type":151,"value":3877},{"type":136,"tag":309,"props":4627,"children":4628},{"style":516},[4629],{"type":151,"value":877},{"type":136,"tag":309,"props":4631,"children":4632},{"class":365,"line":567},[4633],{"type":136,"tag":309,"props":4634,"children":4635},{"style":833},[4636],{"type":151,"value":4637},"      // ...\n",{"type":136,"tag":309,"props":4639,"children":4640},{"class":365,"line":936},[4641],{"type":136,"tag":309,"props":4642,"children":4643},{"style":516},[4644],{"type":151,"value":2857},{"type":136,"tag":309,"props":4646,"children":4647},{"class":365,"line":945},[4648],{"type":136,"tag":309,"props":4649,"children":4650},{"style":516},[4651],{"type":151,"value":942},{"type":136,"tag":309,"props":4653,"children":4654},{"class":365,"line":1282},[4655,4659],{"type":136,"tag":309,"props":4656,"children":4657},{"style":516},[4658],{"type":151,"value":573},{"type":136,"tag":309,"props":4660,"children":4661},{"style":510},[4662],{"type":151,"value":578},{"type":136,"tag":137,"props":4664,"children":4665},{},[4666],{"type":151,"value":4667},"With this configuration, all icons throughout your application will have these customizations applied consistently.",{"type":136,"tag":956,"props":4669,"children":4671},{"id":4670},"server-bundle",[4672],{"type":151,"value":4673},"Server Bundle",{"type":136,"tag":137,"props":4675,"children":4676},{},[4677,4679,4684],{"type":151,"value":4678},"Since ",{"type":136,"tag":317,"props":4680,"children":4682},{"className":4681},[],[4683],{"type":151,"value":7},{"type":151,"value":4685}," 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":136,"tag":2706,"props":4687,"children":4689},{"id":4688},"server-bundle-mode-local",[4690,4692],{"type":151,"value":4691},"Server Bundle Mode: ",{"type":136,"tag":317,"props":4693,"children":4695},{"className":4694},[],[4696],{"type":151,"value":4697},"local",{"type":136,"tag":137,"props":4699,"children":4700},{},[4701,4703,4709],{"type":151,"value":4702},"This mode will bundle the icon collections you have installed locally (like ",{"type":136,"tag":317,"props":4704,"children":4706},{"className":4705},[],[4707],{"type":151,"value":4708},"@iconify-json/*",{"type":151,"value":4710},"), 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":136,"tag":2706,"props":4712,"children":4714},{"id":4713},"server-bundle-mode-remote",[4715,4716],{"type":151,"value":4691},{"type":136,"tag":317,"props":4717,"children":4719},{"className":4718},[],[4720],{"type":151,"value":4721},"remote",{"type":136,"tag":137,"props":4723,"children":4724},{},[4725,4727,4732,4734,4739],{"type":151,"value":4726},"Introduced in ",{"type":136,"tag":317,"props":4728,"children":4730},{"className":4729},[],[4731],{"type":151,"value":7},{"type":151,"value":4733}," v1.2, you can now use the ",{"type":136,"tag":317,"props":4735,"children":4737},{"className":4736},[],[4738],{"type":151,"value":4721},{"type":151,"value":4740}," server bundle to serve the icons from a remote CDN.",{"type":136,"tag":354,"props":4742,"children":4744},{"className":481,"code":4743,"language":483,"meta":10,"style":10},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    serverBundle: 'remote',\n  },\n})\n",[4745],{"type":136,"tag":317,"props":4746,"children":4747},{"__ignoreMap":10},[4748,4771,4786,4801,4812,4827,4854,4861],{"type":136,"tag":309,"props":4749,"children":4750},{"class":365,"line":70},[4751,4755,4759,4763,4767],{"type":136,"tag":309,"props":4752,"children":4753},{"style":493},[4754],{"type":151,"value":496},{"type":136,"tag":309,"props":4756,"children":4757},{"style":493},[4758],{"type":151,"value":501},{"type":136,"tag":309,"props":4760,"children":4761},{"style":504},[4762],{"type":151,"value":507},{"type":136,"tag":309,"props":4764,"children":4765},{"style":510},[4766],{"type":151,"value":513},{"type":136,"tag":309,"props":4768,"children":4769},{"style":516},[4770],{"type":151,"value":519},{"type":136,"tag":309,"props":4772,"children":4773},{"class":365,"line":54},[4774,4778,4782],{"type":136,"tag":309,"props":4775,"children":4776},{"style":525},[4777],{"type":151,"value":528},{"type":136,"tag":309,"props":4779,"children":4780},{"style":516},[4781],{"type":151,"value":533},{"type":136,"tag":309,"props":4783,"children":4784},{"style":510},[4785],{"type":151,"value":538},{"type":136,"tag":309,"props":4787,"children":4788},{"class":365,"line":47},[4789,4793,4797],{"type":136,"tag":309,"props":4790,"children":4791},{"style":516},[4792],{"type":151,"value":546},{"type":136,"tag":309,"props":4794,"children":4795},{"style":375},[4796],{"type":151,"value":7},{"type":136,"tag":309,"props":4798,"children":4799},{"style":516},[4800],{"type":151,"value":555},{"type":136,"tag":309,"props":4802,"children":4803},{"class":365,"line":558},[4804,4808],{"type":136,"tag":309,"props":4805,"children":4806},{"style":510},[4807],{"type":151,"value":1753},{"type":136,"tag":309,"props":4809,"children":4810},{"style":516},[4811],{"type":151,"value":908},{"type":136,"tag":309,"props":4813,"children":4814},{"class":365,"line":567},[4815,4819,4823],{"type":136,"tag":309,"props":4816,"children":4817},{"style":525},[4818],{"type":151,"value":868},{"type":136,"tag":309,"props":4820,"children":4821},{"style":516},[4822],{"type":151,"value":533},{"type":136,"tag":309,"props":4824,"children":4825},{"style":516},[4826],{"type":151,"value":877},{"type":136,"tag":309,"props":4828,"children":4829},{"class":365,"line":936},[4830,4834,4838,4842,4846,4850],{"type":136,"tag":309,"props":4831,"children":4832},{"style":525},[4833],{"type":151,"value":1199},{"type":136,"tag":309,"props":4835,"children":4836},{"style":516},[4837],{"type":151,"value":533},{"type":136,"tag":309,"props":4839,"children":4840},{"style":516},[4841],{"type":151,"value":894},{"type":136,"tag":309,"props":4843,"children":4844},{"style":375},[4845],{"type":151,"value":4721},{"type":136,"tag":309,"props":4847,"children":4848},{"style":516},[4849],{"type":151,"value":903},{"type":136,"tag":309,"props":4851,"children":4852},{"style":516},[4853],{"type":151,"value":908},{"type":136,"tag":309,"props":4855,"children":4856},{"class":365,"line":945},[4857],{"type":136,"tag":309,"props":4858,"children":4859},{"style":516},[4860],{"type":151,"value":1918},{"type":136,"tag":309,"props":4862,"children":4863},{"class":365,"line":1282},[4864,4868],{"type":136,"tag":309,"props":4865,"children":4866},{"style":516},[4867],{"type":151,"value":573},{"type":136,"tag":309,"props":4869,"children":4870},{"style":510},[4871],{"type":151,"value":578},{"type":136,"tag":137,"props":4873,"children":4874},{},[4875],{"type":151,"value":4876},"Or you can specify the remote provider:",{"type":136,"tag":354,"props":4878,"children":4880},{"className":481,"code":4879,"language":483,"meta":10,"style":10},"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",[4881],{"type":136,"tag":317,"props":4882,"children":4883},{"__ignoreMap":10},[4884,4907,4922,4937,4948,4963,4978,5012,5019,5026],{"type":136,"tag":309,"props":4885,"children":4886},{"class":365,"line":70},[4887,4891,4895,4899,4903],{"type":136,"tag":309,"props":4888,"children":4889},{"style":493},[4890],{"type":151,"value":496},{"type":136,"tag":309,"props":4892,"children":4893},{"style":493},[4894],{"type":151,"value":501},{"type":136,"tag":309,"props":4896,"children":4897},{"style":504},[4898],{"type":151,"value":507},{"type":136,"tag":309,"props":4900,"children":4901},{"style":510},[4902],{"type":151,"value":513},{"type":136,"tag":309,"props":4904,"children":4905},{"style":516},[4906],{"type":151,"value":519},{"type":136,"tag":309,"props":4908,"children":4909},{"class":365,"line":54},[4910,4914,4918],{"type":136,"tag":309,"props":4911,"children":4912},{"style":525},[4913],{"type":151,"value":528},{"type":136,"tag":309,"props":4915,"children":4916},{"style":516},[4917],{"type":151,"value":533},{"type":136,"tag":309,"props":4919,"children":4920},{"style":510},[4921],{"type":151,"value":538},{"type":136,"tag":309,"props":4923,"children":4924},{"class":365,"line":47},[4925,4929,4933],{"type":136,"tag":309,"props":4926,"children":4927},{"style":516},[4928],{"type":151,"value":546},{"type":136,"tag":309,"props":4930,"children":4931},{"style":375},[4932],{"type":151,"value":7},{"type":136,"tag":309,"props":4934,"children":4935},{"style":516},[4936],{"type":151,"value":555},{"type":136,"tag":309,"props":4938,"children":4939},{"class":365,"line":558},[4940,4944],{"type":136,"tag":309,"props":4941,"children":4942},{"style":510},[4943],{"type":151,"value":1753},{"type":136,"tag":309,"props":4945,"children":4946},{"style":516},[4947],{"type":151,"value":908},{"type":136,"tag":309,"props":4949,"children":4950},{"class":365,"line":567},[4951,4955,4959],{"type":136,"tag":309,"props":4952,"children":4953},{"style":525},[4954],{"type":151,"value":868},{"type":136,"tag":309,"props":4956,"children":4957},{"style":516},[4958],{"type":151,"value":533},{"type":136,"tag":309,"props":4960,"children":4961},{"style":516},[4962],{"type":151,"value":877},{"type":136,"tag":309,"props":4964,"children":4965},{"class":365,"line":936},[4966,4970,4974],{"type":136,"tag":309,"props":4967,"children":4968},{"style":525},[4969],{"type":151,"value":1199},{"type":136,"tag":309,"props":4971,"children":4972},{"style":516},[4973],{"type":151,"value":533},{"type":136,"tag":309,"props":4975,"children":4976},{"style":516},[4977],{"type":151,"value":877},{"type":136,"tag":309,"props":4979,"children":4980},{"class":365,"line":945},[4981,4986,4990,4994,4999,5003,5007],{"type":136,"tag":309,"props":4982,"children":4983},{"style":525},[4984],{"type":151,"value":4985},"      remote",{"type":136,"tag":309,"props":4987,"children":4988},{"style":516},[4989],{"type":151,"value":533},{"type":136,"tag":309,"props":4991,"children":4992},{"style":516},[4993],{"type":151,"value":894},{"type":136,"tag":309,"props":4995,"children":4996},{"style":375},[4997],{"type":151,"value":4998},"jsdelivr",{"type":136,"tag":309,"props":5000,"children":5001},{"style":516},[5002],{"type":151,"value":903},{"type":136,"tag":309,"props":5004,"children":5005},{"style":516},[5006],{"type":151,"value":1241},{"type":136,"tag":309,"props":5008,"children":5009},{"style":833},[5010],{"type":151,"value":5011}," // 'unpkg' or 'github-raw', or a custom function\n",{"type":136,"tag":309,"props":5013,"children":5014},{"class":365,"line":1282},[5015],{"type":136,"tag":309,"props":5016,"children":5017},{"style":516},[5018],{"type":151,"value":1272},{"type":136,"tag":309,"props":5020,"children":5021},{"class":365,"line":43},[5022],{"type":136,"tag":309,"props":5023,"children":5024},{"style":516},[5025],{"type":151,"value":1918},{"type":136,"tag":309,"props":5027,"children":5028},{"class":365,"line":39},[5029,5033],{"type":136,"tag":309,"props":5030,"children":5031},{"style":516},[5032],{"type":151,"value":573},{"type":136,"tag":309,"props":5034,"children":5035},{"style":510},[5036],{"type":151,"value":578},{"type":136,"tag":137,"props":5038,"children":5039},{},[5040,5042,5048],{"type":151,"value":5041},"Which will make server requests to ",{"type":136,"tag":317,"props":5043,"children":5045},{"className":5044},[],[5046],{"type":151,"value":5047},"https://cdn.jsdelivr.net/npm/@iconify-json/ph/icons.json",{"type":151,"value":5049}," to fetch the icons at runtime, instead of bundling them with your server.",{"type":136,"tag":137,"props":5051,"children":5052},{},[5053,5055,5061,5063,5069],{"type":151,"value":5054},"Under the hood, instead of bundling ",{"type":136,"tag":317,"props":5056,"children":5058},{"className":5057},[],[5059],{"type":151,"value":5060},"() => import('@iconify-json/ph/icons.json')",{"type":151,"value":5062}," to your server bundle, it will now use something like ",{"type":136,"tag":317,"props":5064,"children":5066},{"className":5065},[],[5067],{"type":151,"value":5068},"() => fetch('https://cdn.jsdelivr.net/npm/@iconify-json/ph/icons.json').then(res => res.json())",{"type":151,"value":5070},", where the collections are not inlined.",{"type":136,"tag":137,"props":5072,"children":5073},{},[5074],{"type":151,"value":5075},"This would be useful when server bundle size is a concern, like in serverless or worker environments.",{"type":136,"tag":2706,"props":5077,"children":5079},{"id":5078},"server-bundle-mode-auto",[5080,5081],{"type":151,"value":4691},{"type":136,"tag":317,"props":5082,"children":5084},{"className":5083},[],[5085],{"type":151,"value":5086},"auto",{"type":136,"tag":137,"props":5088,"children":5089},{},[5090,5092,5097,5098,5103,5105,5110],{"type":151,"value":5091},"This is the default option, where the module will pick between ",{"type":136,"tag":317,"props":5093,"children":5095},{"className":5094},[],[5096],{"type":151,"value":4697},{"type":151,"value":1950},{"type":136,"tag":317,"props":5099,"children":5101},{"className":5100},[],[5102],{"type":151,"value":4721},{"type":151,"value":5104}," based your deployment environment. ",{"type":136,"tag":317,"props":5106,"children":5108},{"className":5107},[],[5109],{"type":151,"value":4697},{"type":151,"value":5111}," will be preffered unless you are deploying to a serverless or worker environment, like Vercel Edge or Cloudflare Workers.",{"type":136,"tag":2706,"props":5113,"children":5115},{"id":5114},"externalize-icons-json",[5116],{"type":151,"value":5117},"Externalize Icons JSON",{"type":136,"tag":137,"props":5119,"children":5120},{},[5121,5123,5128,5130,5136,5137,5142],{"type":151,"value":5122},"By default, Nitro will bundle the icon collections you have installed locally (like ",{"type":136,"tag":317,"props":5124,"children":5126},{"className":5125},[],[5127],{"type":151,"value":4708},{"type":151,"value":5129},"), 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":136,"tag":317,"props":5131,"children":5133},{"className":5132},[],[5134],{"type":151,"value":5135},"icon.serverBundle.externalizeIconsJson",{"type":151,"value":3649},{"type":136,"tag":317,"props":5138,"children":5140},{"className":5139},[],[5141],{"type":151,"value":3169},{"type":151,"value":235},{"type":136,"tag":354,"props":5144,"children":5146},{"className":481,"code":5145,"language":483,"meta":10,"style":10},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    serverBundle: {\n      externalizeIconsJson: true,\n    }\n  },\n})\n",[5147],{"type":136,"tag":317,"props":5148,"children":5149},{"__ignoreMap":10},[5150,5173,5188,5203,5214,5229,5244,5264,5271,5278],{"type":136,"tag":309,"props":5151,"children":5152},{"class":365,"line":70},[5153,5157,5161,5165,5169],{"type":136,"tag":309,"props":5154,"children":5155},{"style":493},[5156],{"type":151,"value":496},{"type":136,"tag":309,"props":5158,"children":5159},{"style":493},[5160],{"type":151,"value":501},{"type":136,"tag":309,"props":5162,"children":5163},{"style":504},[5164],{"type":151,"value":507},{"type":136,"tag":309,"props":5166,"children":5167},{"style":510},[5168],{"type":151,"value":513},{"type":136,"tag":309,"props":5170,"children":5171},{"style":516},[5172],{"type":151,"value":519},{"type":136,"tag":309,"props":5174,"children":5175},{"class":365,"line":54},[5176,5180,5184],{"type":136,"tag":309,"props":5177,"children":5178},{"style":525},[5179],{"type":151,"value":528},{"type":136,"tag":309,"props":5181,"children":5182},{"style":516},[5183],{"type":151,"value":533},{"type":136,"tag":309,"props":5185,"children":5186},{"style":510},[5187],{"type":151,"value":538},{"type":136,"tag":309,"props":5189,"children":5190},{"class":365,"line":47},[5191,5195,5199],{"type":136,"tag":309,"props":5192,"children":5193},{"style":516},[5194],{"type":151,"value":546},{"type":136,"tag":309,"props":5196,"children":5197},{"style":375},[5198],{"type":151,"value":7},{"type":136,"tag":309,"props":5200,"children":5201},{"style":516},[5202],{"type":151,"value":555},{"type":136,"tag":309,"props":5204,"children":5205},{"class":365,"line":558},[5206,5210],{"type":136,"tag":309,"props":5207,"children":5208},{"style":510},[5209],{"type":151,"value":1753},{"type":136,"tag":309,"props":5211,"children":5212},{"style":516},[5213],{"type":151,"value":908},{"type":136,"tag":309,"props":5215,"children":5216},{"class":365,"line":567},[5217,5221,5225],{"type":136,"tag":309,"props":5218,"children":5219},{"style":525},[5220],{"type":151,"value":868},{"type":136,"tag":309,"props":5222,"children":5223},{"style":516},[5224],{"type":151,"value":533},{"type":136,"tag":309,"props":5226,"children":5227},{"style":516},[5228],{"type":151,"value":877},{"type":136,"tag":309,"props":5230,"children":5231},{"class":365,"line":936},[5232,5236,5240],{"type":136,"tag":309,"props":5233,"children":5234},{"style":525},[5235],{"type":151,"value":1199},{"type":136,"tag":309,"props":5237,"children":5238},{"style":516},[5239],{"type":151,"value":533},{"type":136,"tag":309,"props":5241,"children":5242},{"style":516},[5243],{"type":151,"value":877},{"type":136,"tag":309,"props":5245,"children":5246},{"class":365,"line":945},[5247,5252,5256,5260],{"type":136,"tag":309,"props":5248,"children":5249},{"style":525},[5250],{"type":151,"value":5251},"      externalizeIconsJson",{"type":136,"tag":309,"props":5253,"children":5254},{"style":516},[5255],{"type":151,"value":533},{"type":136,"tag":309,"props":5257,"children":5258},{"style":2540},[5259],{"type":151,"value":2837},{"type":136,"tag":309,"props":5261,"children":5262},{"style":516},[5263],{"type":151,"value":908},{"type":136,"tag":309,"props":5265,"children":5266},{"class":365,"line":1282},[5267],{"type":136,"tag":309,"props":5268,"children":5269},{"style":516},[5270],{"type":151,"value":1272},{"type":136,"tag":309,"props":5272,"children":5273},{"class":365,"line":43},[5274],{"type":136,"tag":309,"props":5275,"children":5276},{"style":516},[5277],{"type":151,"value":1918},{"type":136,"tag":309,"props":5279,"children":5280},{"class":365,"line":39},[5281,5285],{"type":136,"tag":309,"props":5282,"children":5283},{"style":516},[5284],{"type":151,"value":573},{"type":136,"tag":309,"props":5286,"children":5287},{"style":510},[5288],{"type":151,"value":578},{"type":136,"tag":137,"props":5290,"children":5291},{},[5292,5294,5301,5303,5309],{"type":151,"value":5293},"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":136,"tag":157,"props":5295,"children":5298},{"href":5296,"rel":5297},"https://nodejs.org/api/esm.html#json-modules",[161],[5299],{"type":151,"value":5300},"JSON modules are still an experimental feature",{"type":151,"value":5302},"). In the final build, it will contain statements like ",{"type":136,"tag":317,"props":5304,"children":5306},{"className":5305},[],[5307],{"type":151,"value":5308},"() => import('@iconify-json/ph/icons.json', { with: { type: 'json' } })",{"type":151,"value":235},{"type":136,"tag":137,"props":5311,"children":5312},{},[5313],{"type":151,"value":5314},"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":136,"tag":137,"props":5316,"children":5317},{},[5318,5320,5326],{"type":151,"value":5319},"This option will be ignored when ",{"type":136,"tag":317,"props":5321,"children":5323},{"className":5322},[],[5324],{"type":151,"value":5325},"icon.serverBundle.remote",{"type":151,"value":5327}," is enabled.",{"type":136,"tag":2706,"props":5329,"children":5331},{"id":5330},"completely-disable-server-bundle",[5332],{"type":151,"value":5333},"Completely Disable Server Bundle",{"type":136,"tag":137,"props":5335,"children":5336},{},[5337,5339,5345,5346,5351,5352,5358,5359],{"type":151,"value":5338},"If you want to disable the server bundle completely, you can set ",{"type":136,"tag":317,"props":5340,"children":5342},{"className":5341},[],[5343],{"type":151,"value":5344},"icon.serverBundle",{"type":151,"value":3649},{"type":136,"tag":317,"props":5347,"children":5349},{"className":5348},[],[5350],{"type":151,"value":3655},{"type":151,"value":1950},{"type":136,"tag":317,"props":5353,"children":5355},{"className":5354},[],[5356],{"type":151,"value":5357},"provider",{"type":151,"value":3649},{"type":136,"tag":317,"props":5360,"children":5362},{"className":5361},[],[5363],{"type":151,"value":5364},"iconify",{"type":136,"tag":354,"props":5366,"children":5368},{"className":481,"code":5367,"language":483,"meta":10,"style":10},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/icon'\n  ],\n  icon: {\n    provider: 'iconify',\n    serverBundle: false,\n  },\n})\n",[5369],{"type":136,"tag":317,"props":5370,"children":5371},{"__ignoreMap":10},[5372,5395,5410,5425,5436,5451,5478,5497,5504],{"type":136,"tag":309,"props":5373,"children":5374},{"class":365,"line":70},[5375,5379,5383,5387,5391],{"type":136,"tag":309,"props":5376,"children":5377},{"style":493},[5378],{"type":151,"value":496},{"type":136,"tag":309,"props":5380,"children":5381},{"style":493},[5382],{"type":151,"value":501},{"type":136,"tag":309,"props":5384,"children":5385},{"style":504},[5386],{"type":151,"value":507},{"type":136,"tag":309,"props":5388,"children":5389},{"style":510},[5390],{"type":151,"value":513},{"type":136,"tag":309,"props":5392,"children":5393},{"style":516},[5394],{"type":151,"value":519},{"type":136,"tag":309,"props":5396,"children":5397},{"class":365,"line":54},[5398,5402,5406],{"type":136,"tag":309,"props":5399,"children":5400},{"style":525},[5401],{"type":151,"value":528},{"type":136,"tag":309,"props":5403,"children":5404},{"style":516},[5405],{"type":151,"value":533},{"type":136,"tag":309,"props":5407,"children":5408},{"style":510},[5409],{"type":151,"value":538},{"type":136,"tag":309,"props":5411,"children":5412},{"class":365,"line":47},[5413,5417,5421],{"type":136,"tag":309,"props":5414,"children":5415},{"style":516},[5416],{"type":151,"value":546},{"type":136,"tag":309,"props":5418,"children":5419},{"style":375},[5420],{"type":151,"value":7},{"type":136,"tag":309,"props":5422,"children":5423},{"style":516},[5424],{"type":151,"value":555},{"type":136,"tag":309,"props":5426,"children":5427},{"class":365,"line":558},[5428,5432],{"type":136,"tag":309,"props":5429,"children":5430},{"style":510},[5431],{"type":151,"value":1753},{"type":136,"tag":309,"props":5433,"children":5434},{"style":516},[5435],{"type":151,"value":908},{"type":136,"tag":309,"props":5437,"children":5438},{"class":365,"line":567},[5439,5443,5447],{"type":136,"tag":309,"props":5440,"children":5441},{"style":525},[5442],{"type":151,"value":868},{"type":136,"tag":309,"props":5444,"children":5445},{"style":516},[5446],{"type":151,"value":533},{"type":136,"tag":309,"props":5448,"children":5449},{"style":516},[5450],{"type":151,"value":877},{"type":136,"tag":309,"props":5452,"children":5453},{"class":365,"line":936},[5454,5458,5462,5466,5470,5474],{"type":136,"tag":309,"props":5455,"children":5456},{"style":525},[5457],{"type":151,"value":2570},{"type":136,"tag":309,"props":5459,"children":5460},{"style":516},[5461],{"type":151,"value":533},{"type":136,"tag":309,"props":5463,"children":5464},{"style":516},[5465],{"type":151,"value":894},{"type":136,"tag":309,"props":5467,"children":5468},{"style":375},[5469],{"type":151,"value":5364},{"type":136,"tag":309,"props":5471,"children":5472},{"style":516},[5473],{"type":151,"value":903},{"type":136,"tag":309,"props":5475,"children":5476},{"style":516},[5477],{"type":151,"value":908},{"type":136,"tag":309,"props":5479,"children":5480},{"class":365,"line":945},[5481,5485,5489,5493],{"type":136,"tag":309,"props":5482,"children":5483},{"style":525},[5484],{"type":151,"value":1199},{"type":136,"tag":309,"props":5486,"children":5487},{"style":516},[5488],{"type":151,"value":533},{"type":136,"tag":309,"props":5490,"children":5491},{"style":2540},[5492],{"type":151,"value":2543},{"type":136,"tag":309,"props":5494,"children":5495},{"style":516},[5496],{"type":151,"value":908},{"type":136,"tag":309,"props":5498,"children":5499},{"class":365,"line":1282},[5500],{"type":136,"tag":309,"props":5501,"children":5502},{"style":516},[5503],{"type":151,"value":1918},{"type":136,"tag":309,"props":5505,"children":5506},{"class":365,"line":43},[5507,5511],{"type":136,"tag":309,"props":5508,"children":5509},{"style":516},[5510],{"type":151,"value":573},{"type":136,"tag":309,"props":5512,"children":5513},{"style":510},[5514],{"type":151,"value":578},{"type":136,"tag":137,"props":5516,"children":5517},{},[5518],{"type":151,"value":5519},"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":136,"tag":956,"props":5521,"children":5523},{"id":5522},"client-bundle",[5524],{"type":151,"value":5525},"Client Bundle",{"type":136,"tag":137,"props":5527,"children":5528},{},[5529],{"type":151,"value":5530},"For icons that you know you are going to use frequently, you can bundle them with your client bundle to avoid network requests.",{"type":136,"tag":2706,"props":5532,"children":5534},{"id":5533},"prefetch-preload-icons",[5535],{"type":151,"value":5536},"Prefetch (Preload) Icons",{"type":136,"tag":137,"props":5538,"children":5539},{},[5540],{"type":151,"value":5541},"If you want icons to be available on first render, use the client bundle as the prefetch mechanism:",{"type":136,"tag":354,"props":5543,"children":5545},{"className":481,"code":5544,"language":483,"meta":10,"style":10},"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",[5546],{"type":136,"tag":317,"props":5547,"children":5548},{"__ignoreMap":10},[5549,5572,5587,5606,5617,5632,5647,5655,5708,5716,5735,5742,5749],{"type":136,"tag":309,"props":5550,"children":5551},{"class":365,"line":70},[5552,5556,5560,5564,5568],{"type":136,"tag":309,"props":5553,"children":5554},{"style":493},[5555],{"type":151,"value":496},{"type":136,"tag":309,"props":5557,"children":5558},{"style":493},[5559],{"type":151,"value":501},{"type":136,"tag":309,"props":5561,"children":5562},{"style":504},[5563],{"type":151,"value":507},{"type":136,"tag":309,"props":5565,"children":5566},{"style":510},[5567],{"type":151,"value":513},{"type":136,"tag":309,"props":5569,"children":5570},{"style":516},[5571],{"type":151,"value":519},{"type":136,"tag":309,"props":5573,"children":5574},{"class":365,"line":54},[5575,5579,5583],{"type":136,"tag":309,"props":5576,"children":5577},{"style":525},[5578],{"type":151,"value":528},{"type":136,"tag":309,"props":5580,"children":5581},{"style":516},[5582],{"type":151,"value":533},{"type":136,"tag":309,"props":5584,"children":5585},{"style":510},[5586],{"type":151,"value":538},{"type":136,"tag":309,"props":5588,"children":5589},{"class":365,"line":47},[5590,5594,5598,5602],{"type":136,"tag":309,"props":5591,"children":5592},{"style":516},[5593],{"type":151,"value":546},{"type":136,"tag":309,"props":5595,"children":5596},{"style":375},[5597],{"type":151,"value":7},{"type":136,"tag":309,"props":5599,"children":5600},{"style":516},[5601],{"type":151,"value":903},{"type":136,"tag":309,"props":5603,"children":5604},{"style":516},[5605],{"type":151,"value":908},{"type":136,"tag":309,"props":5607,"children":5608},{"class":365,"line":558},[5609,5613],{"type":136,"tag":309,"props":5610,"children":5611},{"style":510},[5612],{"type":151,"value":1753},{"type":136,"tag":309,"props":5614,"children":5615},{"style":516},[5616],{"type":151,"value":908},{"type":136,"tag":309,"props":5618,"children":5619},{"class":365,"line":567},[5620,5624,5628],{"type":136,"tag":309,"props":5621,"children":5622},{"style":525},[5623],{"type":151,"value":868},{"type":136,"tag":309,"props":5625,"children":5626},{"style":516},[5627],{"type":151,"value":533},{"type":136,"tag":309,"props":5629,"children":5630},{"style":516},[5631],{"type":151,"value":877},{"type":136,"tag":309,"props":5633,"children":5634},{"class":365,"line":936},[5635,5639,5643],{"type":136,"tag":309,"props":5636,"children":5637},{"style":525},[5638],{"type":151,"value":2812},{"type":136,"tag":309,"props":5640,"children":5641},{"style":516},[5642],{"type":151,"value":533},{"type":136,"tag":309,"props":5644,"children":5645},{"style":516},[5646],{"type":151,"value":877},{"type":136,"tag":309,"props":5648,"children":5649},{"class":365,"line":945},[5650],{"type":136,"tag":309,"props":5651,"children":5652},{"style":833},[5653],{"type":151,"value":5654},"      // Explicitly pre-bundle known icons\n",{"type":136,"tag":309,"props":5656,"children":5657},{"class":365,"line":1282},[5658,5663,5667,5671,5675,5679,5683,5687,5691,5696,5700,5704],{"type":136,"tag":309,"props":5659,"children":5660},{"style":525},[5661],{"type":151,"value":5662},"      icons",{"type":136,"tag":309,"props":5664,"children":5665},{"style":516},[5666],{"type":151,"value":533},{"type":136,"tag":309,"props":5668,"children":5669},{"style":510},[5670],{"type":151,"value":1155},{"type":136,"tag":309,"props":5672,"children":5673},{"style":516},[5674],{"type":151,"value":903},{"type":136,"tag":309,"props":5676,"children":5677},{"style":375},[5678],{"type":151,"value":760},{"type":136,"tag":309,"props":5680,"children":5681},{"style":516},[5682],{"type":151,"value":903},{"type":136,"tag":309,"props":5684,"children":5685},{"style":516},[5686],{"type":151,"value":1241},{"type":136,"tag":309,"props":5688,"children":5689},{"style":516},[5690],{"type":151,"value":894},{"type":136,"tag":309,"props":5692,"children":5693},{"style":375},[5694],{"type":151,"value":5695},"heroicons:home",{"type":136,"tag":309,"props":5697,"children":5698},{"style":516},[5699],{"type":151,"value":903},{"type":136,"tag":309,"props":5701,"children":5702},{"style":510},[5703],{"type":151,"value":1172},{"type":136,"tag":309,"props":5705,"children":5706},{"style":516},[5707],{"type":151,"value":908},{"type":136,"tag":309,"props":5709,"children":5710},{"class":365,"line":43},[5711],{"type":136,"tag":309,"props":5712,"children":5713},{"style":833},[5714],{"type":151,"value":5715},"      // Keep disabled if you only want explicit entries\n",{"type":136,"tag":309,"props":5717,"children":5718},{"class":365,"line":39},[5719,5723,5727,5731],{"type":136,"tag":309,"props":5720,"children":5721},{"style":525},[5722],{"type":151,"value":2828},{"type":136,"tag":309,"props":5724,"children":5725},{"style":516},[5726],{"type":151,"value":533},{"type":136,"tag":309,"props":5728,"children":5729},{"style":2540},[5730],{"type":151,"value":2543},{"type":136,"tag":309,"props":5732,"children":5733},{"style":516},[5734],{"type":151,"value":908},{"type":136,"tag":309,"props":5736,"children":5737},{"class":365,"line":1791},[5738],{"type":136,"tag":309,"props":5739,"children":5740},{"style":516},[5741],{"type":151,"value":2857},{"type":136,"tag":309,"props":5743,"children":5744},{"class":365,"line":1800},[5745],{"type":136,"tag":309,"props":5746,"children":5747},{"style":516},[5748],{"type":151,"value":1918},{"type":136,"tag":309,"props":5750,"children":5751},{"class":365,"line":1830},[5752,5756],{"type":136,"tag":309,"props":5753,"children":5754},{"style":516},[5755],{"type":151,"value":573},{"type":136,"tag":309,"props":5757,"children":5758},{"style":510},[5759],{"type":151,"value":578},{"type":136,"tag":137,"props":5761,"children":5762},{},[5763],{"type":151,"value":5764},"You can also enable static scanning to pre-bundle icons referenced literally in your source files:",{"type":136,"tag":354,"props":5766,"children":5768},{"className":481,"code":5767,"language":483,"meta":10,"style":10},"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",[5769],{"type":136,"tag":317,"props":5770,"children":5771},{"__ignoreMap":10},[5772,5795,5810,5829,5840,5855,5870,5878,5897,5905,5940,5947,5954],{"type":136,"tag":309,"props":5773,"children":5774},{"class":365,"line":70},[5775,5779,5783,5787,5791],{"type":136,"tag":309,"props":5776,"children":5777},{"style":493},[5778],{"type":151,"value":496},{"type":136,"tag":309,"props":5780,"children":5781},{"style":493},[5782],{"type":151,"value":501},{"type":136,"tag":309,"props":5784,"children":5785},{"style":504},[5786],{"type":151,"value":507},{"type":136,"tag":309,"props":5788,"children":5789},{"style":510},[5790],{"type":151,"value":513},{"type":136,"tag":309,"props":5792,"children":5793},{"style":516},[5794],{"type":151,"value":519},{"type":136,"tag":309,"props":5796,"children":5797},{"class":365,"line":54},[5798,5802,5806],{"type":136,"tag":309,"props":5799,"children":5800},{"style":525},[5801],{"type":151,"value":528},{"type":136,"tag":309,"props":5803,"children":5804},{"style":516},[5805],{"type":151,"value":533},{"type":136,"tag":309,"props":5807,"children":5808},{"style":510},[5809],{"type":151,"value":538},{"type":136,"tag":309,"props":5811,"children":5812},{"class":365,"line":47},[5813,5817,5821,5825],{"type":136,"tag":309,"props":5814,"children":5815},{"style":516},[5816],{"type":151,"value":546},{"type":136,"tag":309,"props":5818,"children":5819},{"style":375},[5820],{"type":151,"value":7},{"type":136,"tag":309,"props":5822,"children":5823},{"style":516},[5824],{"type":151,"value":903},{"type":136,"tag":309,"props":5826,"children":5827},{"style":516},[5828],{"type":151,"value":908},{"type":136,"tag":309,"props":5830,"children":5831},{"class":365,"line":558},[5832,5836],{"type":136,"tag":309,"props":5833,"children":5834},{"style":510},[5835],{"type":151,"value":1753},{"type":136,"tag":309,"props":5837,"children":5838},{"style":516},[5839],{"type":151,"value":908},{"type":136,"tag":309,"props":5841,"children":5842},{"class":365,"line":567},[5843,5847,5851],{"type":136,"tag":309,"props":5844,"children":5845},{"style":525},[5846],{"type":151,"value":868},{"type":136,"tag":309,"props":5848,"children":5849},{"style":516},[5850],{"type":151,"value":533},{"type":136,"tag":309,"props":5852,"children":5853},{"style":516},[5854],{"type":151,"value":877},{"type":136,"tag":309,"props":5856,"children":5857},{"class":365,"line":936},[5858,5862,5866],{"type":136,"tag":309,"props":5859,"children":5860},{"style":525},[5861],{"type":151,"value":2812},{"type":136,"tag":309,"props":5863,"children":5864},{"style":516},[5865],{"type":151,"value":533},{"type":136,"tag":309,"props":5867,"children":5868},{"style":516},[5869],{"type":151,"value":877},{"type":136,"tag":309,"props":5871,"children":5872},{"class":365,"line":945},[5873],{"type":136,"tag":309,"props":5874,"children":5875},{"style":833},[5876],{"type":151,"value":5877},"      // Automatically includes statically-detected icon usages\n",{"type":136,"tag":309,"props":5879,"children":5880},{"class":365,"line":1282},[5881,5885,5889,5893],{"type":136,"tag":309,"props":5882,"children":5883},{"style":525},[5884],{"type":151,"value":2828},{"type":136,"tag":309,"props":5886,"children":5887},{"style":516},[5888],{"type":151,"value":533},{"type":136,"tag":309,"props":5890,"children":5891},{"style":2540},[5892],{"type":151,"value":2837},{"type":136,"tag":309,"props":5894,"children":5895},{"style":516},[5896],{"type":151,"value":908},{"type":136,"tag":309,"props":5898,"children":5899},{"class":365,"line":43},[5900],{"type":136,"tag":309,"props":5901,"children":5902},{"style":833},[5903],{"type":151,"value":5904},"      // Keep explicit entries for dynamic icon names\n",{"type":136,"tag":309,"props":5906,"children":5907},{"class":365,"line":39},[5908,5912,5916,5920,5924,5928,5932,5936],{"type":136,"tag":309,"props":5909,"children":5910},{"style":525},[5911],{"type":151,"value":5662},{"type":136,"tag":309,"props":5913,"children":5914},{"style":516},[5915],{"type":151,"value":533},{"type":136,"tag":309,"props":5917,"children":5918},{"style":510},[5919],{"type":151,"value":1155},{"type":136,"tag":309,"props":5921,"children":5922},{"style":516},[5923],{"type":151,"value":903},{"type":136,"tag":309,"props":5925,"children":5926},{"style":375},[5927],{"type":151,"value":760},{"type":136,"tag":309,"props":5929,"children":5930},{"style":516},[5931],{"type":151,"value":903},{"type":136,"tag":309,"props":5933,"children":5934},{"style":510},[5935],{"type":151,"value":1172},{"type":136,"tag":309,"props":5937,"children":5938},{"style":516},[5939],{"type":151,"value":908},{"type":136,"tag":309,"props":5941,"children":5942},{"class":365,"line":1791},[5943],{"type":136,"tag":309,"props":5944,"children":5945},{"style":516},[5946],{"type":151,"value":2857},{"type":136,"tag":309,"props":5948,"children":5949},{"class":365,"line":1800},[5950],{"type":136,"tag":309,"props":5951,"children":5952},{"style":516},[5953],{"type":151,"value":1918},{"type":136,"tag":309,"props":5955,"children":5956},{"class":365,"line":1830},[5957,5961],{"type":136,"tag":309,"props":5958,"children":5959},{"style":516},[5960],{"type":151,"value":573},{"type":136,"tag":309,"props":5962,"children":5963},{"style":510},[5964],{"type":151,"value":578},{"type":136,"tag":137,"props":5966,"children":5967},{},[5968,5970,5975,5977,5982],{"type":151,"value":5969},"If you want to disable runtime icon fetching entirely, see ",{"type":136,"tag":157,"props":5971,"children":5973},{"href":5972},"#disabling-runtime-fetching",[5974],{"type":151,"value":2711},{"type":151,"value":5976}," for the ",{"type":136,"tag":317,"props":5978,"children":5980},{"className":5979},[],[5981],{"type":151,"value":2730},{"type":151,"value":5983}," + client bundle pattern.",{"type":136,"tag":302,"props":5985,"children":5986},{},[5987],{"type":136,"tag":137,"props":5988,"children":5989},{},[5990,5994,5996,6002,6004,6010],{"type":136,"tag":309,"props":5991,"children":5992},{},[5993],{"type":151,"value":1398},{"type":151,"value":5995},"\nStatic scanning only detects literal icon names. See ",{"type":136,"tag":157,"props":5997,"children":5999},{"href":5998},"#scan-components",[6000],{"type":151,"value":6001},"Scan Components",{"type":151,"value":6003}," for details and examples, and ",{"type":136,"tag":157,"props":6005,"children":6007},{"href":6006},"#rendering-icons-in-component-tests",[6008],{"type":151,"value":6009},"Rendering Icons in Component Tests",{"type":151,"value":6011}," for test-environment setup.",{"type":136,"tag":2706,"props":6013,"children":6015},{"id":6014},"available-options",[6016],{"type":151,"value":6017},"Available Options",{"type":136,"tag":354,"props":6019,"children":6021},{"className":481,"code":6020,"language":483,"meta":10,"style":10},"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",[6022],{"type":136,"tag":317,"props":6023,"children":6024},{"__ignoreMap":10},[6025,6048,6063,6078,6089,6104,6119,6127,6142,6162,6178,6190,6197,6205,6224,6231,6239,6264,6271,6279,6301,6309,6317],{"type":136,"tag":309,"props":6026,"children":6027},{"class":365,"line":70},[6028,6032,6036,6040,6044],{"type":136,"tag":309,"props":6029,"children":6030},{"style":493},[6031],{"type":151,"value":496},{"type":136,"tag":309,"props":6033,"children":6034},{"style":493},[6035],{"type":151,"value":501},{"type":136,"tag":309,"props":6037,"children":6038},{"style":504},[6039],{"type":151,"value":507},{"type":136,"tag":309,"props":6041,"children":6042},{"style":510},[6043],{"type":151,"value":513},{"type":136,"tag":309,"props":6045,"children":6046},{"style":516},[6047],{"type":151,"value":519},{"type":136,"tag":309,"props":6049,"children":6050},{"class":365,"line":54},[6051,6055,6059],{"type":136,"tag":309,"props":6052,"children":6053},{"style":525},[6054],{"type":151,"value":528},{"type":136,"tag":309,"props":6056,"children":6057},{"style":516},[6058],{"type":151,"value":533},{"type":136,"tag":309,"props":6060,"children":6061},{"style":510},[6062],{"type":151,"value":538},{"type":136,"tag":309,"props":6064,"children":6065},{"class":365,"line":47},[6066,6070,6074],{"type":136,"tag":309,"props":6067,"children":6068},{"style":516},[6069],{"type":151,"value":546},{"type":136,"tag":309,"props":6071,"children":6072},{"style":375},[6073],{"type":151,"value":7},{"type":136,"tag":309,"props":6075,"children":6076},{"style":516},[6077],{"type":151,"value":555},{"type":136,"tag":309,"props":6079,"children":6080},{"class":365,"line":558},[6081,6085],{"type":136,"tag":309,"props":6082,"children":6083},{"style":510},[6084],{"type":151,"value":1753},{"type":136,"tag":309,"props":6086,"children":6087},{"style":516},[6088],{"type":151,"value":908},{"type":136,"tag":309,"props":6090,"children":6091},{"class":365,"line":567},[6092,6096,6100],{"type":136,"tag":309,"props":6093,"children":6094},{"style":525},[6095],{"type":151,"value":868},{"type":136,"tag":309,"props":6097,"children":6098},{"style":516},[6099],{"type":151,"value":533},{"type":136,"tag":309,"props":6101,"children":6102},{"style":516},[6103],{"type":151,"value":877},{"type":136,"tag":309,"props":6105,"children":6106},{"class":365,"line":936},[6107,6111,6115],{"type":136,"tag":309,"props":6108,"children":6109},{"style":525},[6110],{"type":151,"value":2812},{"type":136,"tag":309,"props":6112,"children":6113},{"style":516},[6114],{"type":151,"value":533},{"type":136,"tag":309,"props":6116,"children":6117},{"style":516},[6118],{"type":151,"value":877},{"type":136,"tag":309,"props":6120,"children":6121},{"class":365,"line":945},[6122],{"type":136,"tag":309,"props":6123,"children":6124},{"style":833},[6125],{"type":151,"value":6126},"      // list of icons to include in the client bundle\n",{"type":136,"tag":309,"props":6128,"children":6129},{"class":365,"line":1282},[6130,6134,6138],{"type":136,"tag":309,"props":6131,"children":6132},{"style":525},[6133],{"type":151,"value":5662},{"type":136,"tag":309,"props":6135,"children":6136},{"style":516},[6137],{"type":151,"value":533},{"type":136,"tag":309,"props":6139,"children":6140},{"style":510},[6141],{"type":151,"value":538},{"type":136,"tag":309,"props":6143,"children":6144},{"class":365,"line":43},[6145,6150,6154,6158],{"type":136,"tag":309,"props":6146,"children":6147},{"style":516},[6148],{"type":151,"value":6149},"        '",{"type":136,"tag":309,"props":6151,"children":6152},{"style":375},[6153],{"type":151,"value":760},{"type":136,"tag":309,"props":6155,"children":6156},{"style":516},[6157],{"type":151,"value":903},{"type":136,"tag":309,"props":6159,"children":6160},{"style":516},[6161],{"type":151,"value":908},{"type":136,"tag":309,"props":6163,"children":6164},{"class":365,"line":39},[6165,6169,6174],{"type":136,"tag":309,"props":6166,"children":6167},{"style":516},[6168],{"type":151,"value":6149},{"type":136,"tag":309,"props":6170,"children":6171},{"style":375},[6172],{"type":151,"value":6173},"logos:vitejs",{"type":136,"tag":309,"props":6175,"children":6176},{"style":516},[6177],{"type":151,"value":555},{"type":136,"tag":309,"props":6179,"children":6180},{"class":365,"line":1791},[6181,6186],{"type":136,"tag":309,"props":6182,"children":6183},{"style":510},[6184],{"type":151,"value":6185},"      ]",{"type":136,"tag":309,"props":6187,"children":6188},{"style":516},[6189],{"type":151,"value":908},{"type":136,"tag":309,"props":6191,"children":6192},{"class":365,"line":1800},[6193],{"type":136,"tag":309,"props":6194,"children":6195},{"emptyLinePlaceholder":1626},[6196],{"type":151,"value":1629},{"type":136,"tag":309,"props":6198,"children":6199},{"class":365,"line":1830},[6200],{"type":136,"tag":309,"props":6201,"children":6202},{"style":833},[6203],{"type":151,"value":6204},"      // scan all components in the project and include icons \n",{"type":136,"tag":309,"props":6206,"children":6207},{"class":365,"line":1872},[6208,6212,6216,6220],{"type":136,"tag":309,"props":6209,"children":6210},{"style":525},[6211],{"type":151,"value":2828},{"type":136,"tag":309,"props":6213,"children":6214},{"style":516},[6215],{"type":151,"value":533},{"type":136,"tag":309,"props":6217,"children":6218},{"style":2540},[6219],{"type":151,"value":2837},{"type":136,"tag":309,"props":6221,"children":6222},{"style":516},[6223],{"type":151,"value":908},{"type":136,"tag":309,"props":6225,"children":6226},{"class":365,"line":1881},[6227],{"type":136,"tag":309,"props":6228,"children":6229},{"emptyLinePlaceholder":1626},[6230],{"type":151,"value":1629},{"type":136,"tag":309,"props":6232,"children":6233},{"class":365,"line":1890},[6234],{"type":136,"tag":309,"props":6235,"children":6236},{"style":833},[6237],{"type":151,"value":6238},"      // include all custom collections in the client bundle\n",{"type":136,"tag":309,"props":6240,"children":6241},{"class":365,"line":1899},[6242,6247,6251,6255,6259],{"type":136,"tag":309,"props":6243,"children":6244},{"style":525},[6245],{"type":151,"value":6246},"      includeCustomCollections",{"type":136,"tag":309,"props":6248,"children":6249},{"style":516},[6250],{"type":151,"value":533},{"type":136,"tag":309,"props":6252,"children":6253},{"style":2540},[6254],{"type":151,"value":2837},{"type":136,"tag":309,"props":6256,"children":6257},{"style":516},[6258],{"type":151,"value":1241},{"type":136,"tag":309,"props":6260,"children":6261},{"style":510},[6262],{"type":151,"value":6263}," \n",{"type":136,"tag":309,"props":6265,"children":6266},{"class":365,"line":1912},[6267],{"type":136,"tag":309,"props":6268,"children":6269},{"emptyLinePlaceholder":1626},[6270],{"type":151,"value":1629},{"type":136,"tag":309,"props":6272,"children":6273},{"class":365,"line":1921},[6274],{"type":136,"tag":309,"props":6275,"children":6276},{"style":833},[6277],{"type":151,"value":6278},"      // guard for uncompressed bundle size, will fail the build if exceeds\n",{"type":136,"tag":309,"props":6280,"children":6282},{"class":365,"line":6281},20,[6283,6288,6292,6297],{"type":136,"tag":309,"props":6284,"children":6285},{"style":525},[6286],{"type":151,"value":6287},"      sizeLimitKb",{"type":136,"tag":309,"props":6289,"children":6290},{"style":516},[6291],{"type":151,"value":533},{"type":136,"tag":309,"props":6293,"children":6294},{"style":2362},[6295],{"type":151,"value":6296}," 256",{"type":136,"tag":309,"props":6298,"children":6299},{"style":516},[6300],{"type":151,"value":908},{"type":136,"tag":309,"props":6302,"children":6304},{"class":365,"line":6303},21,[6305],{"type":136,"tag":309,"props":6306,"children":6307},{"style":516},[6308],{"type":151,"value":2857},{"type":136,"tag":309,"props":6310,"children":6312},{"class":365,"line":6311},22,[6313],{"type":136,"tag":309,"props":6314,"children":6315},{"style":516},[6316],{"type":151,"value":1918},{"type":136,"tag":309,"props":6318,"children":6320},{"class":365,"line":6319},23,[6321,6325],{"type":136,"tag":309,"props":6322,"children":6323},{"style":516},[6324],{"type":151,"value":573},{"type":136,"tag":309,"props":6326,"children":6327},{"style":510},[6328],{"type":151,"value":578},{"type":136,"tag":137,"props":6330,"children":6331},{},[6332,6338,6340,6345,6347,6352],{"type":136,"tag":317,"props":6333,"children":6335},{"className":6334},[],[6336],{"type":151,"value":6337},"includeCustomCollections",{"type":151,"value":6339}," will include all the custom collections you have defined in ",{"type":136,"tag":317,"props":6341,"children":6343},{"className":6342},[],[6344],{"type":151,"value":1569},{"type":151,"value":6346}," in the client bundle. It's disabled by default but will automatically enable when ",{"type":136,"tag":317,"props":6348,"children":6350},{"className":6349},[],[6351],{"type":151,"value":2437},{"type":151,"value":6353}," is set.",{"type":136,"tag":2706,"props":6355,"children":6357},{"id":6356},"scan-components",[6358],{"type":151,"value":6001},{"type":136,"tag":137,"props":6360,"children":6361},{},[6362,6364,6370],{"type":151,"value":6363},"When ",{"type":136,"tag":317,"props":6365,"children":6367},{"className":6366},[],[6368],{"type":151,"value":6369},"scan",{"type":151,"value":6371}," 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":136,"tag":137,"props":6373,"children":6374},{},[6375],{"type":151,"value":6376},"You can also fine-tune tine scanning targets like:",{"type":136,"tag":354,"props":6378,"children":6380},{"className":481,"code":6379,"language":483,"meta":10,"style":10},"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",[6381],{"type":136,"tag":317,"props":6382,"children":6383},{"__ignoreMap":10},[6384,6407,6422,6437,6448,6463,6478,6493,6501,6547,6609,6616,6623,6630],{"type":136,"tag":309,"props":6385,"children":6386},{"class":365,"line":70},[6387,6391,6395,6399,6403],{"type":136,"tag":309,"props":6388,"children":6389},{"style":493},[6390],{"type":151,"value":496},{"type":136,"tag":309,"props":6392,"children":6393},{"style":493},[6394],{"type":151,"value":501},{"type":136,"tag":309,"props":6396,"children":6397},{"style":504},[6398],{"type":151,"value":507},{"type":136,"tag":309,"props":6400,"children":6401},{"style":510},[6402],{"type":151,"value":513},{"type":136,"tag":309,"props":6404,"children":6405},{"style":516},[6406],{"type":151,"value":519},{"type":136,"tag":309,"props":6408,"children":6409},{"class":365,"line":54},[6410,6414,6418],{"type":136,"tag":309,"props":6411,"children":6412},{"style":525},[6413],{"type":151,"value":528},{"type":136,"tag":309,"props":6415,"children":6416},{"style":516},[6417],{"type":151,"value":533},{"type":136,"tag":309,"props":6419,"children":6420},{"style":510},[6421],{"type":151,"value":538},{"type":136,"tag":309,"props":6423,"children":6424},{"class":365,"line":47},[6425,6429,6433],{"type":136,"tag":309,"props":6426,"children":6427},{"style":516},[6428],{"type":151,"value":546},{"type":136,"tag":309,"props":6430,"children":6431},{"style":375},[6432],{"type":151,"value":7},{"type":136,"tag":309,"props":6434,"children":6435},{"style":516},[6436],{"type":151,"value":555},{"type":136,"tag":309,"props":6438,"children":6439},{"class":365,"line":558},[6440,6444],{"type":136,"tag":309,"props":6441,"children":6442},{"style":510},[6443],{"type":151,"value":1753},{"type":136,"tag":309,"props":6445,"children":6446},{"style":516},[6447],{"type":151,"value":908},{"type":136,"tag":309,"props":6449,"children":6450},{"class":365,"line":567},[6451,6455,6459],{"type":136,"tag":309,"props":6452,"children":6453},{"style":525},[6454],{"type":151,"value":868},{"type":136,"tag":309,"props":6456,"children":6457},{"style":516},[6458],{"type":151,"value":533},{"type":136,"tag":309,"props":6460,"children":6461},{"style":516},[6462],{"type":151,"value":877},{"type":136,"tag":309,"props":6464,"children":6465},{"class":365,"line":936},[6466,6470,6474],{"type":136,"tag":309,"props":6467,"children":6468},{"style":525},[6469],{"type":151,"value":2812},{"type":136,"tag":309,"props":6471,"children":6472},{"style":516},[6473],{"type":151,"value":533},{"type":136,"tag":309,"props":6475,"children":6476},{"style":516},[6477],{"type":151,"value":877},{"type":136,"tag":309,"props":6479,"children":6480},{"class":365,"line":945},[6481,6485,6489],{"type":136,"tag":309,"props":6482,"children":6483},{"style":525},[6484],{"type":151,"value":2828},{"type":136,"tag":309,"props":6486,"children":6487},{"style":516},[6488],{"type":151,"value":533},{"type":136,"tag":309,"props":6490,"children":6491},{"style":516},[6492],{"type":151,"value":877},{"type":136,"tag":309,"props":6494,"children":6495},{"class":365,"line":1282},[6496],{"type":136,"tag":309,"props":6497,"children":6498},{"style":833},[6499],{"type":151,"value":6500},"        // note that when you specify those values, the default behavior will be overridden\n",{"type":136,"tag":309,"props":6502,"children":6503},{"class":365,"line":43},[6504,6509,6513,6517,6521,6526,6530,6534,6539,6543],{"type":136,"tag":309,"props":6505,"children":6506},{"style":525},[6507],{"type":151,"value":6508},"        globInclude",{"type":136,"tag":309,"props":6510,"children":6511},{"style":516},[6512],{"type":151,"value":533},{"type":136,"tag":309,"props":6514,"children":6515},{"style":510},[6516],{"type":151,"value":1155},{"type":136,"tag":309,"props":6518,"children":6519},{"style":516},[6520],{"type":151,"value":903},{"type":136,"tag":309,"props":6522,"children":6523},{"style":375},[6524],{"type":151,"value":6525},"components/**/*.vue",{"type":136,"tag":309,"props":6527,"children":6528},{"style":516},[6529],{"type":151,"value":903},{"type":136,"tag":309,"props":6531,"children":6532},{"style":516},[6533],{"type":151,"value":1241},{"type":136,"tag":309,"props":6535,"children":6536},{"style":833},[6537],{"type":151,"value":6538}," /* ... */",{"type":136,"tag":309,"props":6540,"children":6541},{"style":510},[6542],{"type":151,"value":1172},{"type":136,"tag":309,"props":6544,"children":6545},{"style":516},[6546],{"type":151,"value":908},{"type":136,"tag":309,"props":6548,"children":6549},{"class":365,"line":39},[6550,6555,6559,6563,6567,6572,6576,6580,6584,6589,6593,6597,6601,6605],{"type":136,"tag":309,"props":6551,"children":6552},{"style":525},[6553],{"type":151,"value":6554},"        globExclude",{"type":136,"tag":309,"props":6556,"children":6557},{"style":516},[6558],{"type":151,"value":533},{"type":136,"tag":309,"props":6560,"children":6561},{"style":510},[6562],{"type":151,"value":1155},{"type":136,"tag":309,"props":6564,"children":6565},{"style":516},[6566],{"type":151,"value":903},{"type":136,"tag":309,"props":6568,"children":6569},{"style":375},[6570],{"type":151,"value":6571},"node_modules",{"type":136,"tag":309,"props":6573,"children":6574},{"style":516},[6575],{"type":151,"value":903},{"type":136,"tag":309,"props":6577,"children":6578},{"style":516},[6579],{"type":151,"value":1241},{"type":136,"tag":309,"props":6581,"children":6582},{"style":516},[6583],{"type":151,"value":894},{"type":136,"tag":309,"props":6585,"children":6586},{"style":375},[6587],{"type":151,"value":6588},"dist",{"type":136,"tag":309,"props":6590,"children":6591},{"style":516},[6592],{"type":151,"value":903},{"type":136,"tag":309,"props":6594,"children":6595},{"style":516},[6596],{"type":151,"value":1241},{"type":136,"tag":309,"props":6598,"children":6599},{"style":833},[6600],{"type":151,"value":6538},{"type":136,"tag":309,"props":6602,"children":6603},{"style":510},[6604],{"type":151,"value":1172},{"type":136,"tag":309,"props":6606,"children":6607},{"style":516},[6608],{"type":151,"value":908},{"type":136,"tag":309,"props":6610,"children":6611},{"class":365,"line":1791},[6612],{"type":136,"tag":309,"props":6613,"children":6614},{"style":516},[6615],{"type":151,"value":1896},{"type":136,"tag":309,"props":6617,"children":6618},{"class":365,"line":1800},[6619],{"type":136,"tag":309,"props":6620,"children":6621},{"style":516},[6622],{"type":151,"value":2857},{"type":136,"tag":309,"props":6624,"children":6625},{"class":365,"line":1830},[6626],{"type":136,"tag":309,"props":6627,"children":6628},{"style":516},[6629],{"type":151,"value":1918},{"type":136,"tag":309,"props":6631,"children":6632},{"class":365,"line":1872},[6633,6637],{"type":136,"tag":309,"props":6634,"children":6635},{"style":516},[6636],{"type":151,"value":573},{"type":136,"tag":309,"props":6638,"children":6639},{"style":510},[6640],{"type":151,"value":578},{"type":136,"tag":302,"props":6642,"children":6643},{},[6644,6653],{"type":136,"tag":137,"props":6645,"children":6646},{},[6647,6651],{"type":136,"tag":309,"props":6648,"children":6649},{},[6650],{"type":151,"value":1398},{"type":151,"value":6652},"\nScanning is relying on static analysis, which means only literal usages will be detected. Avoid constructing the icon name dynamically whenever possible.",{"type":136,"tag":354,"props":6654,"children":6656},{"className":2010,"code":6655,"language":2012,"meta":10,"style":10},"\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",[6657],{"type":136,"tag":317,"props":6658,"children":6659},{"__ignoreMap":10},[6660,6675,6683,6720,6727,6735,6771],{"type":136,"tag":309,"props":6661,"children":6662},{"class":365,"line":70},[6663,6667,6671],{"type":136,"tag":309,"props":6664,"children":6665},{"style":516},[6666],{"type":151,"value":734},{"type":136,"tag":309,"props":6668,"children":6669},{"style":525},[6670],{"type":151,"value":2028},{"type":136,"tag":309,"props":6672,"children":6673},{"style":516},[6674],{"type":151,"value":2033},{"type":136,"tag":309,"props":6676,"children":6677},{"class":365,"line":54},[6678],{"type":136,"tag":309,"props":6679,"children":6680},{"style":833},[6681],{"type":151,"value":6682},"  \u003C!-- Avoid this -->\n",{"type":136,"tag":309,"props":6684,"children":6685},{"class":365,"line":47},[6686,6690,6694,6699,6703,6707,6712,6716],{"type":136,"tag":309,"props":6687,"children":6688},{"style":516},[6689],{"type":151,"value":2041},{"type":136,"tag":309,"props":6691,"children":6692},{"style":525},[6693],{"type":151,"value":739},{"type":136,"tag":309,"props":6695,"children":6696},{"style":742},[6697],{"type":151,"value":6698}," :name",{"type":136,"tag":309,"props":6700,"children":6701},{"style":516},[6702],{"type":151,"value":750},{"type":136,"tag":309,"props":6704,"children":6705},{"style":516},[6706],{"type":151,"value":755},{"type":136,"tag":309,"props":6708,"children":6709},{"style":375},[6710],{"type":151,"value":6711},"`carbon:${dark ? 'moon' : 'sun'}`",{"type":136,"tag":309,"props":6713,"children":6714},{"style":516},[6715],{"type":151,"value":755},{"type":136,"tag":309,"props":6717,"children":6718},{"style":516},[6719],{"type":151,"value":791},{"type":136,"tag":309,"props":6721,"children":6722},{"class":365,"line":558},[6723],{"type":136,"tag":309,"props":6724,"children":6725},{"emptyLinePlaceholder":1626},[6726],{"type":151,"value":1629},{"type":136,"tag":309,"props":6728,"children":6729},{"class":365,"line":567},[6730],{"type":136,"tag":309,"props":6731,"children":6732},{"style":833},[6733],{"type":151,"value":6734},"  \u003C!-- Prefer this -->\n",{"type":136,"tag":309,"props":6736,"children":6737},{"class":365,"line":936},[6738,6742,6746,6750,6754,6758,6763,6767],{"type":136,"tag":309,"props":6739,"children":6740},{"style":516},[6741],{"type":151,"value":2041},{"type":136,"tag":309,"props":6743,"children":6744},{"style":525},[6745],{"type":151,"value":739},{"type":136,"tag":309,"props":6747,"children":6748},{"style":742},[6749],{"type":151,"value":6698},{"type":136,"tag":309,"props":6751,"children":6752},{"style":516},[6753],{"type":151,"value":750},{"type":136,"tag":309,"props":6755,"children":6756},{"style":516},[6757],{"type":151,"value":755},{"type":136,"tag":309,"props":6759,"children":6760},{"style":375},[6761],{"type":151,"value":6762},"dark ? 'carbon:moon' : 'carbon:sun'",{"type":136,"tag":309,"props":6764,"children":6765},{"style":516},[6766],{"type":151,"value":755},{"type":136,"tag":309,"props":6768,"children":6769},{"style":516},[6770],{"type":151,"value":791},{"type":136,"tag":309,"props":6772,"children":6773},{"class":365,"line":945},[6774,6778,6782],{"type":136,"tag":309,"props":6775,"children":6776},{"style":516},[6777],{"type":151,"value":2114},{"type":136,"tag":309,"props":6779,"children":6780},{"style":525},[6781],{"type":151,"value":2028},{"type":136,"tag":309,"props":6783,"children":6784},{"style":516},[6785],{"type":151,"value":2033},{"type":136,"tag":956,"props":6787,"children":6789},{"id":6788},"render-function",[6790],{"type":151,"value":6791},"Render Function",{"type":136,"tag":137,"props":6793,"children":6794},{},[6795,6797,6802,6804,6810],{"type":151,"value":6796},"You can use the ",{"type":136,"tag":317,"props":6798,"children":6800},{"className":6799},[],[6801],{"type":151,"value":739},{"type":151,"value":6803}," component in a render function (useful if you create a functional component), for this you can import it from ",{"type":136,"tag":317,"props":6805,"children":6807},{"className":6806},[],[6808],{"type":151,"value":6809},"#components",{"type":151,"value":533},{"type":136,"tag":354,"props":6812,"children":6814},{"className":481,"code":6813,"language":483,"meta":10,"style":10},"import { Icon } from '#components'\n",[6815],{"type":136,"tag":317,"props":6816,"children":6817},{"__ignoreMap":10},[6818],{"type":136,"tag":309,"props":6819,"children":6820},{"class":365,"line":70},[6821,6825,6829,6834,6838,6842,6846,6850],{"type":136,"tag":309,"props":6822,"children":6823},{"style":493},[6824],{"type":151,"value":1585},{"type":136,"tag":309,"props":6826,"children":6827},{"style":516},[6828],{"type":151,"value":1590},{"type":136,"tag":309,"props":6830,"children":6831},{"style":510},[6832],{"type":151,"value":6833}," Icon",{"type":136,"tag":309,"props":6835,"children":6836},{"style":516},[6837],{"type":151,"value":1600},{"type":136,"tag":309,"props":6839,"children":6840},{"style":493},[6841],{"type":151,"value":1605},{"type":136,"tag":309,"props":6843,"children":6844},{"style":516},[6845],{"type":151,"value":894},{"type":136,"tag":309,"props":6847,"children":6848},{"style":375},[6849],{"type":151,"value":6809},{"type":136,"tag":309,"props":6851,"children":6852},{"style":516},[6853],{"type":151,"value":555},{"type":136,"tag":137,"props":6855,"children":6856},{},[6857,6859,6865],{"type":151,"value":6858},"See an example of a ",{"type":136,"tag":317,"props":6860,"children":6862},{"className":6861},[],[6863],{"type":151,"value":6864},"\u003CMyIcon>",{"type":151,"value":6866}," component:",{"type":136,"tag":354,"props":6868,"children":6870},{"className":2010,"code":6869,"language":2012,"meta":10,"style":10},"\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",[6871],{"type":136,"tag":317,"props":6872,"children":6873},{"__ignoreMap":10},[6874,6893,6928,6935,6998,7013,7020,7035,7069],{"type":136,"tag":309,"props":6875,"children":6876},{"class":365,"line":70},[6877,6881,6885,6889],{"type":136,"tag":309,"props":6878,"children":6879},{"style":516},[6880],{"type":151,"value":734},{"type":136,"tag":309,"props":6882,"children":6883},{"style":525},[6884],{"type":151,"value":3744},{"type":136,"tag":309,"props":6886,"children":6887},{"style":742},[6888],{"type":151,"value":3749},{"type":136,"tag":309,"props":6890,"children":6891},{"style":516},[6892],{"type":151,"value":2033},{"type":136,"tag":309,"props":6894,"children":6895},{"class":365,"line":54},[6896,6900,6904,6908,6912,6916,6920,6924],{"type":136,"tag":309,"props":6897,"children":6898},{"style":493},[6899],{"type":151,"value":1585},{"type":136,"tag":309,"props":6901,"children":6902},{"style":516},[6903],{"type":151,"value":1590},{"type":136,"tag":309,"props":6905,"children":6906},{"style":510},[6907],{"type":151,"value":6833},{"type":136,"tag":309,"props":6909,"children":6910},{"style":516},[6911],{"type":151,"value":1600},{"type":136,"tag":309,"props":6913,"children":6914},{"style":493},[6915],{"type":151,"value":1605},{"type":136,"tag":309,"props":6917,"children":6918},{"style":516},[6919],{"type":151,"value":894},{"type":136,"tag":309,"props":6921,"children":6922},{"style":375},[6923],{"type":151,"value":6809},{"type":136,"tag":309,"props":6925,"children":6926},{"style":516},[6927],{"type":151,"value":555},{"type":136,"tag":309,"props":6929,"children":6930},{"class":365,"line":47},[6931],{"type":136,"tag":309,"props":6932,"children":6933},{"emptyLinePlaceholder":1626},[6934],{"type":151,"value":1629},{"type":136,"tag":309,"props":6936,"children":6937},{"class":365,"line":558},[6938,6942,6947,6951,6956,6961,6965,6969,6973,6977,6981,6986,6990,6994],{"type":136,"tag":309,"props":6939,"children":6940},{"style":742},[6941],{"type":151,"value":1637},{"type":136,"tag":309,"props":6943,"children":6944},{"style":510},[6945],{"type":151,"value":6946}," MyIcon ",{"type":136,"tag":309,"props":6948,"children":6949},{"style":516},[6950],{"type":151,"value":750},{"type":136,"tag":309,"props":6952,"children":6953},{"style":504},[6954],{"type":151,"value":6955}," h",{"type":136,"tag":309,"props":6957,"children":6958},{"style":510},[6959],{"type":151,"value":6960},"(Icon",{"type":136,"tag":309,"props":6962,"children":6963},{"style":516},[6964],{"type":151,"value":1241},{"type":136,"tag":309,"props":6966,"children":6967},{"style":516},[6968],{"type":151,"value":1590},{"type":136,"tag":309,"props":6970,"children":6971},{"style":525},[6972],{"type":151,"value":745},{"type":136,"tag":309,"props":6974,"children":6975},{"style":516},[6976],{"type":151,"value":533},{"type":136,"tag":309,"props":6978,"children":6979},{"style":516},[6980],{"type":151,"value":894},{"type":136,"tag":309,"props":6982,"children":6983},{"style":375},[6984],{"type":151,"value":6985},"uil:twitter",{"type":136,"tag":309,"props":6987,"children":6988},{"style":516},[6989],{"type":151,"value":903},{"type":136,"tag":309,"props":6991,"children":6992},{"style":516},[6993],{"type":151,"value":1600},{"type":136,"tag":309,"props":6995,"children":6996},{"style":510},[6997],{"type":151,"value":578},{"type":136,"tag":309,"props":6999,"children":7000},{"class":365,"line":567},[7001,7005,7009],{"type":136,"tag":309,"props":7002,"children":7003},{"style":516},[7004],{"type":151,"value":2114},{"type":136,"tag":309,"props":7006,"children":7007},{"style":525},[7008],{"type":151,"value":3744},{"type":136,"tag":309,"props":7010,"children":7011},{"style":516},[7012],{"type":151,"value":2033},{"type":136,"tag":309,"props":7014,"children":7015},{"class":365,"line":936},[7016],{"type":136,"tag":309,"props":7017,"children":7018},{"emptyLinePlaceholder":1626},[7019],{"type":151,"value":1629},{"type":136,"tag":309,"props":7021,"children":7022},{"class":365,"line":945},[7023,7027,7031],{"type":136,"tag":309,"props":7024,"children":7025},{"style":516},[7026],{"type":151,"value":734},{"type":136,"tag":309,"props":7028,"children":7029},{"style":525},[7030],{"type":151,"value":2028},{"type":136,"tag":309,"props":7032,"children":7033},{"style":516},[7034],{"type":151,"value":2033},{"type":136,"tag":309,"props":7036,"children":7037},{"class":365,"line":1282},[7038,7042,7046,7051,7056,7061,7065],{"type":136,"tag":309,"props":7039,"children":7040},{"style":516},[7041],{"type":151,"value":2041},{"type":136,"tag":309,"props":7043,"children":7044},{"style":525},[7045],{"type":151,"value":137},{"type":136,"tag":309,"props":7047,"children":7048},{"style":516},[7049],{"type":151,"value":7050},">\u003C",{"type":136,"tag":309,"props":7052,"children":7053},{"style":525},[7054],{"type":151,"value":7055},"MyIcon",{"type":136,"tag":309,"props":7057,"children":7058},{"style":516},[7059],{"type":151,"value":7060}," />\u003C/",{"type":136,"tag":309,"props":7062,"children":7063},{"style":525},[7064],{"type":151,"value":137},{"type":136,"tag":309,"props":7066,"children":7067},{"style":516},[7068],{"type":151,"value":2033},{"type":136,"tag":309,"props":7070,"children":7071},{"class":365,"line":43},[7072,7076,7080],{"type":136,"tag":309,"props":7073,"children":7074},{"style":516},[7075],{"type":151,"value":2114},{"type":136,"tag":309,"props":7077,"children":7078},{"style":525},[7079],{"type":151,"value":2028},{"type":136,"tag":309,"props":7081,"children":7082},{"style":516},[7083],{"type":151,"value":2033},{"type":136,"tag":956,"props":7085,"children":7087},{"id":7086},"rendering-icons-in-component-tests",[7088],{"type":151,"value":6009},{"type":136,"tag":137,"props":7090,"children":7091},{},[7092,7094,7104,7105,7115,7117,7122],{"type":151,"value":7093},"In in-browser component testing environments (such as ",{"type":136,"tag":157,"props":7095,"children":7098},{"href":7096,"rel":7097},"https://vitest.dev/guide/browser/",[161],[7099],{"type":136,"tag":609,"props":7100,"children":7101},{},[7102],{"type":151,"value":7103},"Vitest Browser Mode",{"type":151,"value":665},{"type":136,"tag":157,"props":7106,"children":7109},{"href":7107,"rel":7108},"https://on.cypress.io/component-testing",[161],[7110],{"type":136,"tag":609,"props":7111,"children":7112},{},[7113],{"type":151,"value":7114},"Cypress Component Testing",{"type":151,"value":7116},"), the internal Nuxt server routes used to fetch icons on demand are ",{"type":136,"tag":609,"props":7118,"children":7119},{},[7120],{"type":151,"value":7121},"not available",{"type":151,"value":7123},". As a result, icons may fail to render during tests.",{"type":136,"tag":137,"props":7125,"children":7126},{},[7127,7129,7133,7135,7139],{"type":151,"value":7128},"To ensure icons render correctly in component tests, configure ",{"type":136,"tag":609,"props":7130,"children":7131},{},[7132],{"type":151,"value":7},{"type":151,"value":7134}," to use the ",{"type":136,"tag":609,"props":7136,"children":7137},{},[7138],{"type":151,"value":2722},{"type":151,"value":7140}," when running in test mode.",{"type":136,"tag":302,"props":7142,"children":7143},{},[7144],{"type":136,"tag":137,"props":7145,"children":7146},{},[7147,7152,7154,7164],{"type":136,"tag":609,"props":7148,"children":7149},{},[7150],{"type":151,"value":7151},"Note",{"type":151,"value":7153},"\nProjects using ",{"type":136,"tag":157,"props":7155,"children":7158},{"href":7156,"rel":7157},"https://ui.nuxt.com/",[161],[7159],{"type":136,"tag":609,"props":7160,"children":7161},{},[7162],{"type":151,"value":7163},"@nuxt/ui",{"type":151,"value":7165}," must do this to see any UI icons during component testing.",{"type":136,"tag":2706,"props":7167,"children":7169},{"id":7168},"requirements",[7170],{"type":151,"value":7171},"Requirements",{"type":136,"tag":237,"props":7173,"children":7174},{},[7175,7187],{"type":136,"tag":241,"props":7176,"children":7177},{},[7178,7180,7186],{"type":151,"value":7179},"Install the icon collections you use locally (for example, ",{"type":136,"tag":317,"props":7181,"children":7183},{"className":7182},[],[7184],{"type":151,"value":7185},"@iconify-json/lucide",{"type":151,"value":1036},{"type":136,"tag":241,"props":7188,"children":7189},{},[7190,7192,7197],{"type":151,"value":7191},"Icons will ",{"type":136,"tag":609,"props":7193,"children":7194},{},[7195],{"type":151,"value":7196},"not",{"type":151,"value":7198}," be fetched remotely when using the client bundle.",{"type":136,"tag":2706,"props":7200,"children":7202},{"id":7201},"test-only-configuration",[7203],{"type":151,"value":7204},"Test-only Configuration",{"type":136,"tag":137,"props":7206,"children":7207},{},[7208,7210,7216],{"type":151,"value":7209},"Conditionally switch to the client bundle in your Nuxt config when ",{"type":136,"tag":317,"props":7211,"children":7213},{"className":7212},[],[7214],{"type":151,"value":7215},"NODE_ENV === 'test'",{"type":151,"value":533},{"type":136,"tag":354,"props":7218,"children":7220},{"className":481,"code":7219,"language":483,"meta":10,"style":10},"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",[7221],{"type":136,"tag":317,"props":7222,"children":7223},{"__ignoreMap":10},[7224,7247,7262,7281,7292,7299,7351,7363,7371,7378,7390,7398,7426,7433,7449,7457,7494,7501,7509,7525,7541,7562,7582,7594,7631,7640,7648,7656],{"type":136,"tag":309,"props":7225,"children":7226},{"class":365,"line":70},[7227,7231,7235,7239,7243],{"type":136,"tag":309,"props":7228,"children":7229},{"style":493},[7230],{"type":151,"value":496},{"type":136,"tag":309,"props":7232,"children":7233},{"style":493},[7234],{"type":151,"value":501},{"type":136,"tag":309,"props":7236,"children":7237},{"style":504},[7238],{"type":151,"value":507},{"type":136,"tag":309,"props":7240,"children":7241},{"style":510},[7242],{"type":151,"value":513},{"type":136,"tag":309,"props":7244,"children":7245},{"style":516},[7246],{"type":151,"value":519},{"type":136,"tag":309,"props":7248,"children":7249},{"class":365,"line":54},[7250,7254,7258],{"type":136,"tag":309,"props":7251,"children":7252},{"style":525},[7253],{"type":151,"value":528},{"type":136,"tag":309,"props":7255,"children":7256},{"style":516},[7257],{"type":151,"value":533},{"type":136,"tag":309,"props":7259,"children":7260},{"style":510},[7261],{"type":151,"value":538},{"type":136,"tag":309,"props":7263,"children":7264},{"class":365,"line":47},[7265,7269,7273,7277],{"type":136,"tag":309,"props":7266,"children":7267},{"style":516},[7268],{"type":151,"value":546},{"type":136,"tag":309,"props":7270,"children":7271},{"style":375},[7272],{"type":151,"value":7},{"type":136,"tag":309,"props":7274,"children":7275},{"style":516},[7276],{"type":151,"value":903},{"type":136,"tag":309,"props":7278,"children":7279},{"style":516},[7280],{"type":151,"value":908},{"type":136,"tag":309,"props":7282,"children":7283},{"class":365,"line":558},[7284,7288],{"type":136,"tag":309,"props":7285,"children":7286},{"style":510},[7287],{"type":151,"value":1753},{"type":136,"tag":309,"props":7289,"children":7290},{"style":516},[7291],{"type":151,"value":908},{"type":136,"tag":309,"props":7293,"children":7294},{"class":365,"line":567},[7295],{"type":136,"tag":309,"props":7296,"children":7297},{"emptyLinePlaceholder":1626},[7298],{"type":151,"value":1629},{"type":136,"tag":309,"props":7300,"children":7301},{"class":365,"line":936},[7302,7306,7310,7315,7319,7324,7328,7333,7338,7342,7347],{"type":136,"tag":309,"props":7303,"children":7304},{"style":525},[7305],{"type":151,"value":868},{"type":136,"tag":309,"props":7307,"children":7308},{"style":516},[7309],{"type":151,"value":533},{"type":136,"tag":309,"props":7311,"children":7312},{"style":510},[7313],{"type":151,"value":7314}," process",{"type":136,"tag":309,"props":7316,"children":7317},{"style":516},[7318],{"type":151,"value":235},{"type":136,"tag":309,"props":7320,"children":7321},{"style":510},[7322],{"type":151,"value":7323},"env",{"type":136,"tag":309,"props":7325,"children":7326},{"style":516},[7327],{"type":151,"value":235},{"type":136,"tag":309,"props":7329,"children":7330},{"style":510},[7331],{"type":151,"value":7332},"NODE_ENV ",{"type":136,"tag":309,"props":7334,"children":7335},{"style":516},[7336],{"type":151,"value":7337},"!==",{"type":136,"tag":309,"props":7339,"children":7340},{"style":516},[7341],{"type":151,"value":894},{"type":136,"tag":309,"props":7343,"children":7344},{"style":375},[7345],{"type":151,"value":7346},"test",{"type":136,"tag":309,"props":7348,"children":7349},{"style":516},[7350],{"type":151,"value":555},{"type":136,"tag":309,"props":7352,"children":7353},{"class":365,"line":945},[7354,7359],{"type":136,"tag":309,"props":7355,"children":7356},{"style":516},[7357],{"type":151,"value":7358},"    ?",{"type":136,"tag":309,"props":7360,"children":7361},{"style":516},[7362],{"type":151,"value":877},{"type":136,"tag":309,"props":7364,"children":7365},{"class":365,"line":1282},[7366],{"type":136,"tag":309,"props":7367,"children":7368},{"style":833},[7369],{"type":151,"value":7370},"        // Production or development icon configuration\n",{"type":136,"tag":309,"props":7372,"children":7373},{"class":365,"line":43},[7374],{"type":136,"tag":309,"props":7375,"children":7376},{"style":516},[7377],{"type":151,"value":2397},{"type":136,"tag":309,"props":7379,"children":7380},{"class":365,"line":39},[7381,7386],{"type":136,"tag":309,"props":7382,"children":7383},{"style":516},[7384],{"type":151,"value":7385},"    :",{"type":136,"tag":309,"props":7387,"children":7388},{"style":516},[7389],{"type":151,"value":877},{"type":136,"tag":309,"props":7391,"children":7392},{"class":365,"line":1791},[7393],{"type":136,"tag":309,"props":7394,"children":7395},{"style":833},[7396],{"type":151,"value":7397},"        // Disable all network icon fetching in component tests\n",{"type":136,"tag":309,"props":7399,"children":7400},{"class":365,"line":1800},[7401,7406,7410,7414,7418,7422],{"type":136,"tag":309,"props":7402,"children":7403},{"style":525},[7404],{"type":151,"value":7405},"        provider",{"type":136,"tag":309,"props":7407,"children":7408},{"style":516},[7409],{"type":151,"value":533},{"type":136,"tag":309,"props":7411,"children":7412},{"style":516},[7413],{"type":151,"value":894},{"type":136,"tag":309,"props":7415,"children":7416},{"style":375},[7417],{"type":151,"value":2796},{"type":136,"tag":309,"props":7419,"children":7420},{"style":516},[7421],{"type":151,"value":903},{"type":136,"tag":309,"props":7423,"children":7424},{"style":516},[7425],{"type":151,"value":908},{"type":136,"tag":309,"props":7427,"children":7428},{"class":365,"line":1830},[7429],{"type":136,"tag":309,"props":7430,"children":7431},{"emptyLinePlaceholder":1626},[7432],{"type":151,"value":1629},{"type":136,"tag":309,"props":7434,"children":7435},{"class":365,"line":1872},[7436,7441,7445],{"type":136,"tag":309,"props":7437,"children":7438},{"style":525},[7439],{"type":151,"value":7440},"        clientBundle",{"type":136,"tag":309,"props":7442,"children":7443},{"style":516},[7444],{"type":151,"value":533},{"type":136,"tag":309,"props":7446,"children":7447},{"style":516},[7448],{"type":151,"value":877},{"type":136,"tag":309,"props":7450,"children":7451},{"class":365,"line":1881},[7452],{"type":136,"tag":309,"props":7453,"children":7454},{"style":833},[7455],{"type":151,"value":7456},"          // Explicitly include dynamically constructed icons\n",{"type":136,"tag":309,"props":7458,"children":7459},{"class":365,"line":1890},[7460,7465,7469,7473,7477,7482,7486,7490],{"type":136,"tag":309,"props":7461,"children":7462},{"style":525},[7463],{"type":151,"value":7464},"          icons",{"type":136,"tag":309,"props":7466,"children":7467},{"style":516},[7468],{"type":151,"value":533},{"type":136,"tag":309,"props":7470,"children":7471},{"style":510},[7472],{"type":151,"value":1155},{"type":136,"tag":309,"props":7474,"children":7475},{"style":516},[7476],{"type":151,"value":903},{"type":136,"tag":309,"props":7478,"children":7479},{"style":375},[7480],{"type":151,"value":7481},"lucide:check",{"type":136,"tag":309,"props":7483,"children":7484},{"style":516},[7485],{"type":151,"value":903},{"type":136,"tag":309,"props":7487,"children":7488},{"style":510},[7489],{"type":151,"value":1172},{"type":136,"tag":309,"props":7491,"children":7492},{"style":516},[7493],{"type":151,"value":908},{"type":136,"tag":309,"props":7495,"children":7496},{"class":365,"line":1899},[7497],{"type":136,"tag":309,"props":7498,"children":7499},{"emptyLinePlaceholder":1626},[7500],{"type":151,"value":1629},{"type":136,"tag":309,"props":7502,"children":7503},{"class":365,"line":1912},[7504],{"type":136,"tag":309,"props":7505,"children":7506},{"style":833},[7507],{"type":151,"value":7508},"          // Scan your app and Nuxt UI runtime for static icon usage\n",{"type":136,"tag":309,"props":7510,"children":7511},{"class":365,"line":1921},[7512,7517,7521],{"type":136,"tag":309,"props":7513,"children":7514},{"style":525},[7515],{"type":151,"value":7516},"          scan",{"type":136,"tag":309,"props":7518,"children":7519},{"style":516},[7520],{"type":151,"value":533},{"type":136,"tag":309,"props":7522,"children":7523},{"style":516},[7524],{"type":151,"value":877},{"type":136,"tag":309,"props":7526,"children":7527},{"class":365,"line":6281},[7528,7533,7537],{"type":136,"tag":309,"props":7529,"children":7530},{"style":525},[7531],{"type":151,"value":7532},"            globInclude",{"type":136,"tag":309,"props":7534,"children":7535},{"style":516},[7536],{"type":151,"value":533},{"type":136,"tag":309,"props":7538,"children":7539},{"style":510},[7540],{"type":151,"value":538},{"type":136,"tag":309,"props":7542,"children":7543},{"class":365,"line":6303},[7544,7549,7554,7558],{"type":136,"tag":309,"props":7545,"children":7546},{"style":516},[7547],{"type":151,"value":7548},"              '",{"type":136,"tag":309,"props":7550,"children":7551},{"style":375},[7552],{"type":151,"value":7553},"{app,shared}/**",{"type":136,"tag":309,"props":7555,"children":7556},{"style":516},[7557],{"type":151,"value":903},{"type":136,"tag":309,"props":7559,"children":7560},{"style":516},[7561],{"type":151,"value":908},{"type":136,"tag":309,"props":7563,"children":7564},{"class":365,"line":6311},[7565,7569,7574,7578],{"type":136,"tag":309,"props":7566,"children":7567},{"style":516},[7568],{"type":151,"value":7548},{"type":136,"tag":309,"props":7570,"children":7571},{"style":375},[7572],{"type":151,"value":7573},"node_modules/@nuxt/ui/dist/**",{"type":136,"tag":309,"props":7575,"children":7576},{"style":516},[7577],{"type":151,"value":903},{"type":136,"tag":309,"props":7579,"children":7580},{"style":516},[7581],{"type":151,"value":908},{"type":136,"tag":309,"props":7583,"children":7584},{"class":365,"line":6319},[7585,7590],{"type":136,"tag":309,"props":7586,"children":7587},{"style":510},[7588],{"type":151,"value":7589},"            ]",{"type":136,"tag":309,"props":7591,"children":7592},{"style":516},[7593],{"type":151,"value":908},{"type":136,"tag":309,"props":7595,"children":7597},{"class":365,"line":7596},24,[7598,7603,7607,7611,7615,7619,7623,7627],{"type":136,"tag":309,"props":7599,"children":7600},{"style":525},[7601],{"type":151,"value":7602},"            globExclude",{"type":136,"tag":309,"props":7604,"children":7605},{"style":516},[7606],{"type":151,"value":533},{"type":136,"tag":309,"props":7608,"children":7609},{"style":510},[7610],{"type":151,"value":1155},{"type":136,"tag":309,"props":7612,"children":7613},{"style":516},[7614],{"type":151,"value":903},{"type":136,"tag":309,"props":7616,"children":7617},{"style":375},[7618],{"type":151,"value":6571},{"type":136,"tag":309,"props":7620,"children":7621},{"style":516},[7622],{"type":151,"value":903},{"type":136,"tag":309,"props":7624,"children":7625},{"style":510},[7626],{"type":151,"value":1172},{"type":136,"tag":309,"props":7628,"children":7629},{"style":516},[7630],{"type":151,"value":908},{"type":136,"tag":309,"props":7632,"children":7634},{"class":365,"line":7633},25,[7635],{"type":136,"tag":309,"props":7636,"children":7637},{"style":516},[7638],{"type":151,"value":7639},"          },\n",{"type":136,"tag":309,"props":7641,"children":7643},{"class":365,"line":7642},26,[7644],{"type":136,"tag":309,"props":7645,"children":7646},{"style":516},[7647],{"type":151,"value":2347},{"type":136,"tag":309,"props":7649,"children":7651},{"class":365,"line":7650},27,[7652],{"type":136,"tag":309,"props":7653,"children":7654},{"style":516},[7655],{"type":151,"value":1896},{"type":136,"tag":309,"props":7657,"children":7659},{"class":365,"line":7658},28,[7660,7664],{"type":136,"tag":309,"props":7661,"children":7662},{"style":516},[7663],{"type":151,"value":573},{"type":136,"tag":309,"props":7665,"children":7666},{"style":510},[7667],{"type":151,"value":578},{"type":136,"tag":302,"props":7669,"children":7670},{},[7671,7679],{"type":136,"tag":137,"props":7672,"children":7673},{},[7674],{"type":136,"tag":609,"props":7675,"children":7676},{},[7677],{"type":151,"value":7678},"Tips",{"type":136,"tag":237,"props":7680,"children":7681},{},[7682,7694],{"type":136,"tag":241,"props":7683,"children":7684},{},[7685,7687,7693],{"type":151,"value":7686},"Dynamically generated icon names may not be detected by static scanning—add them explicitly to ",{"type":136,"tag":317,"props":7688,"children":7690},{"className":7689},[],[7691],{"type":151,"value":7692},"icons",{"type":151,"value":235},{"type":136,"tag":241,"props":7695,"children":7696},{},[7697,7699,7705,7706,7712],{"type":151,"value":7698},"For large apps, consider moving test-only configuration into ",{"type":136,"tag":317,"props":7700,"children":7702},{"className":7701},[],[7703],{"type":151,"value":7704},"vitest.config.ts",{"type":151,"value":665},{"type":136,"tag":317,"props":7707,"children":7709},{"className":7708},[],[7710],{"type":151,"value":7711},"cypress.config.ts",{"type":151,"value":7713}," for clarity.",{"type":136,"tag":262,"props":7715,"children":7717},{"id":7716},"contributing",[7718],{"type":151,"value":7719},"Contributing 🙏",{"type":136,"tag":7721,"props":7722,"children":7723},"ol",{},[7724,7729,7766,7779],{"type":136,"tag":241,"props":7725,"children":7726},{},[7727],{"type":151,"value":7728},"Clone this repository",{"type":136,"tag":241,"props":7730,"children":7731},{},[7732,7734,7740,7742,7748,7750,7756,7758,7765],{"type":151,"value":7733},"Install dependencies using ",{"type":136,"tag":317,"props":7735,"children":7737},{"className":7736},[],[7738],{"type":151,"value":7739},"pnpm install",{"type":151,"value":7741}," (install ",{"type":136,"tag":317,"props":7743,"children":7745},{"className":7744},[],[7746],{"type":151,"value":7747},"pnpm",{"type":151,"value":7749}," with ",{"type":136,"tag":317,"props":7751,"children":7753},{"className":7752},[],[7754],{"type":151,"value":7755},"corepack enable",{"type":151,"value":7757},", ",{"type":136,"tag":157,"props":7759,"children":7762},{"href":7760,"rel":7761},"https://pnpm.io/installation#using-corepack",[161],[7763],{"type":151,"value":7764},"learn more",{"type":151,"value":646},{"type":136,"tag":241,"props":7767,"children":7768},{},[7769,7771,7777],{"type":151,"value":7770},"Run ",{"type":136,"tag":317,"props":7772,"children":7774},{"className":7773},[],[7775],{"type":151,"value":7776},"npm run dev:prepare",{"type":151,"value":7778}," to generate type stubs.",{"type":136,"tag":241,"props":7780,"children":7781},{},[7782,7784,7790,7792,7799],{"type":151,"value":7783},"Use ",{"type":136,"tag":317,"props":7785,"children":7787},{"className":7786},[],[7788],{"type":151,"value":7789},"npm run dev",{"type":151,"value":7791}," to start ",{"type":136,"tag":157,"props":7793,"children":7796},{"href":7794,"rel":7795},"https://github.com/nuxt-modules/icon/tree/main/playground",[161],[7797],{"type":151,"value":7798},"playground",{"type":151,"value":7800}," in development mode.",{"type":136,"tag":262,"props":7802,"children":7804},{"id":7803},"credits",[7805],{"type":151,"value":7806},"Credits 💌",{"type":136,"tag":237,"props":7808,"children":7809},{},[7810,7822],{"type":136,"tag":241,"props":7811,"children":7812},{},[7813,7820],{"type":136,"tag":157,"props":7814,"children":7817},{"href":7815,"rel":7816},"https://github.com/benjamincanac",[161],[7818],{"type":151,"value":7819},"@benjamincanac",{"type":151,"value":7821}," for the initial version",{"type":136,"tag":241,"props":7823,"children":7824},{},[7825,7832,7834],{"type":136,"tag":157,"props":7826,"children":7829},{"href":7827,"rel":7828},"https://github.com/cyberalien",[161],[7830],{"type":151,"value":7831},"@cyberalien",{"type":151,"value":7833}," for making ",{"type":136,"tag":157,"props":7835,"children":7838},{"href":7836,"rel":7837},"https://github.com/iconify/iconify",[161],[7839],{"type":151,"value":233},{"type":136,"tag":262,"props":7841,"children":7843},{"id":7842},"license",[7844],{"type":151,"value":7845},"License 📎",{"type":136,"tag":137,"props":7847,"children":7848},{},[7849],{"type":136,"tag":157,"props":7850,"children":7852},{"href":179,"rel":7851},[161],[7853],{"type":151,"value":7854},"MIT License",{"type":136,"tag":7856,"props":7857,"children":7858},"style",{},[7859],{"type":151,"value":7860},"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":10,"searchDepth":54,"depth":54,"links":7862},[7863,7864,7865,7876,7877,7878],{"id":264,"depth":54,"text":267},{"id":344,"depth":54,"text":347},{"id":601,"depth":54,"text":604,"children":7866},[7867,7868,7869,7870,7871,7872,7873,7874,7875],{"id":958,"depth":47,"text":961},{"id":1294,"depth":47,"text":1297},{"id":1491,"depth":47,"text":1494},{"id":2878,"depth":47,"text":2881},{"id":3183,"depth":47,"text":3186},{"id":4670,"depth":47,"text":4673},{"id":5522,"depth":47,"text":5525},{"id":6788,"depth":47,"text":6791},{"id":7086,"depth":47,"text":6009},{"id":7716,"depth":54,"text":7719},{"id":7803,"depth":54,"text":7806},{"id":7842,"depth":54,"text":7845},{"v5":7880,"v4":7881,"v3":7882,"v2":7883},"5 (nightly)","4.4.5","3.21.5","2.18.1"]