[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"module-icon":3,"versions":7323},{"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-04-29T01:31:42.906Z",[30,33,36,40,44,48,51,55,58,61,64,68,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,51,{"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},7290030,"larbish",{"id":62,"username":63,"contributions":54},727125,"andreasgangso",{"id":65,"username":66,"contributions":67},48282810,"cybercoder-naj",1,{"id":69,"username":70,"contributions":67},115035737,"nizasichi",{"id":72,"username":73,"contributions":67},40447,"okj579",{"id":75,"username":76,"contributions":67},87768087,"Readpato",{"id":78,"username":79,"contributions":67},69654392,"PhabloFinotti",{"id":81,"username":82,"contributions":67},30523269,"Quasarman",{"id":84,"username":85,"contributions":67},15015765,"RBV1",{"id":87,"username":88,"contributions":67},51883557,"iRaziul",{"id":90,"username":91,"contributions":67},29805551,"RobertHaba",{"id":93,"username":94,"contributions":67},57325448,"rubanp",{"id":96,"username":97,"contributions":67},33484358,"geforseN",{"id":99,"username":100,"contributions":67},1124666,"tkjaergaard",{"id":102,"username":103,"contributions":67},28957605,"turulix",{"id":105,"username":106,"contributions":67},2703233,"toniengelhardt",{"id":108,"username":109,"contributions":67},11254699,"Tsuyoshi84",{"id":111,"username":112,"contributions":67},35431350,"ExEr7um",{"id":114,"username":115,"contributions":67},51122536,"tanerijun",{"id":117,"username":118,"contributions":67},1884246,"zaosoula",{"id":120,"username":121,"contributions":67},38621036,"devTeaa",{"version":123,"downloads":124,"stars":125,"watchers":125,"forks":126,"defaultBranch":127,"publishedAt":128,"createdAt":129},"2.2.1",1863371,1178,91,"main",1768884100499,1718706605195,{"data":131,"body":132,"toc":7305},{"title":10,"description":10},{"type":133,"children":134},"root",[135,146,153,206,236,261,268,301,342,348,353,394,407,428,604,610,619,685,694,723,797,806,826,960,967,979,1021,1042,1047,1074,1094,1296,1302,1321,1364,1392,1493,1499,1504,1516,1556,1575,1803,1838,1843,1958,1971,2265,2293,2543,2563,2707,2713,2741,2963,2984,3012,3018,3053,3086,3098,3124,3382,3401,3443,3506,3514,3519,3547,3552,3557,4313,4318,4330,4503,4508,4514,4526,4539,4552,4563,4582,4713,4718,4878,4891,4912,4917,4928,4954,4960,4985,5131,5152,5157,5170,5176,5207,5357,5362,5368,5373,5685,5710,5716,5729,5734,5998,6226,6232,6251,6297,6310,6527,6533,6568,6585,6610,6616,6643,6649,6661,7112,7158,7164,7245,7251,7284,7290,7299],{"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":67},"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,473,484,584],{"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 -D @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":67},[453,458,463,468],{"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}," -D",{"type":136,"tag":309,"props":469,"children":470},{"style":375},[471],{"type":151,"value":472}," @nuxt/icon\n",{"type":136,"tag":137,"props":474,"children":475},{},[476,478],{"type":151,"value":477},"Update your ",{"type":136,"tag":317,"props":479,"children":481},{"className":480},[],[482],{"type":151,"value":483},"nuxt.config.ts",{"type":136,"tag":354,"props":485,"children":489},{"className":486,"code":487,"language":488,"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",[490],{"type":136,"tag":317,"props":491,"children":492},{"__ignoreMap":10},[493,525,544,561,570],{"type":136,"tag":309,"props":494,"children":495},{"class":365,"line":67},[496,502,507,513,519],{"type":136,"tag":309,"props":497,"children":499},{"style":498},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[500],{"type":151,"value":501},"export",{"type":136,"tag":309,"props":503,"children":504},{"style":498},[505],{"type":151,"value":506}," default",{"type":136,"tag":309,"props":508,"children":510},{"style":509},"--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF",[511],{"type":151,"value":512}," defineNuxtConfig",{"type":136,"tag":309,"props":514,"children":516},{"style":515},"--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8",[517],{"type":151,"value":518},"(",{"type":136,"tag":309,"props":520,"children":522},{"style":521},"--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF",[523],{"type":151,"value":524},"{\n",{"type":136,"tag":309,"props":526,"children":527},{"class":365,"line":54},[528,534,539],{"type":136,"tag":309,"props":529,"children":531},{"style":530},"--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178",[532],{"type":151,"value":533}," modules",{"type":136,"tag":309,"props":535,"children":536},{"style":521},[537],{"type":151,"value":538},":",{"type":136,"tag":309,"props":540,"children":541},{"style":515},[542],{"type":151,"value":543}," [\n",{"type":136,"tag":309,"props":545,"children":546},{"class":365,"line":47},[547,552,556],{"type":136,"tag":309,"props":548,"children":549},{"style":521},[550],{"type":151,"value":551}," '",{"type":136,"tag":309,"props":553,"children":554},{"style":375},[555],{"type":151,"value":7},{"type":136,"tag":309,"props":557,"children":558},{"style":521},[559],{"type":151,"value":560},"'\n",{"type":136,"tag":309,"props":562,"children":564},{"class":365,"line":563},4,[565],{"type":136,"tag":309,"props":566,"children":567},{"style":515},[568],{"type":151,"value":569}," ]\n",{"type":136,"tag":309,"props":571,"children":573},{"class":365,"line":572},5,[574,579],{"type":136,"tag":309,"props":575,"children":576},{"style":521},[577],{"type":151,"value":578},"}",{"type":136,"tag":309,"props":580,"children":581},{"style":515},[582],{"type":151,"value":583},")\n",{"type":136,"tag":137,"props":585,"children":586},{},[587,589,594,596,602],{"type":151,"value":588},"If you have the legacy module ",{"type":136,"tag":317,"props":590,"children":592},{"className":591},[],[593],{"type":151,"value":143},{"type":151,"value":595}," installed, you might want to remove it from the ",{"type":136,"tag":317,"props":597,"children":599},{"className":598},[],[600],{"type":151,"value":601},"modules",{"type":151,"value":603}," list.",{"type":136,"tag":262,"props":605,"children":607},{"id":606},"usage",[608],{"type":151,"value":609},"Usage 👌",{"type":136,"tag":137,"props":611,"children":612},{},[613],{"type":136,"tag":614,"props":615,"children":616},"strong",{},[617],{"type":151,"value":618},"Props:",{"type":136,"tag":237,"props":620,"children":621},{},[622,633,652],{"type":136,"tag":241,"props":623,"children":624},{},[625,631],{"type":136,"tag":317,"props":626,"children":628},{"className":627},[],[629],{"type":151,"value":630},"name",{"type":151,"value":632}," (required): icon name or global component name",{"type":136,"tag":241,"props":634,"children":635},{},[636,642,644,650],{"type":136,"tag":317,"props":637,"children":639},{"className":638},[],[640],{"type":151,"value":641},"size",{"type":151,"value":643},": icon size (default: ",{"type":136,"tag":317,"props":645,"children":647},{"className":646},[],[648],{"type":151,"value":649},"1em",{"type":151,"value":651},")",{"type":136,"tag":241,"props":653,"children":654},{},[655,661,663,669,671,677,679,684],{"type":136,"tag":317,"props":656,"children":658},{"className":657},[],[659],{"type":151,"value":660},"mode",{"type":151,"value":662},": icon rendering mode (",{"type":136,"tag":317,"props":664,"children":666},{"className":665},[],[667],{"type":151,"value":668},"svg",{"type":151,"value":670}," or ",{"type":136,"tag":317,"props":672,"children":674},{"className":673},[],[675],{"type":151,"value":676},"css",{"type":151,"value":678},", default: ",{"type":136,"tag":317,"props":680,"children":682},{"className":681},[],[683],{"type":151,"value":676},{"type":151,"value":651},{"type":136,"tag":137,"props":686,"children":687},{},[688,693],{"type":136,"tag":614,"props":689,"children":690},{},[691],{"type":151,"value":692},"Attributes",{"type":151,"value":538},{"type":136,"tag":137,"props":695,"children":696},{},[697,699,705,706,712,714,721],{"type":151,"value":698},"When using an icon from Iconify, a ",{"type":136,"tag":317,"props":700,"children":702},{"className":701},[],[703],{"type":151,"value":704},"\u003Cspan>",{"type":151,"value":670},{"type":136,"tag":317,"props":707,"children":709},{"className":708},[],[710],{"type":151,"value":711},"\u003Csvg>",{"type":151,"value":713}," will be created based on the rendering mode, you can give ",{"type":136,"tag":157,"props":715,"children":718},{"href":716,"rel":717},"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute",[161],[719],{"type":151,"value":720},"all the attributes",{"type":151,"value":722}," of the native element.",{"type":136,"tag":354,"props":724,"children":728},{"className":725,"code":726,"language":727,"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",[729],{"type":136,"tag":317,"props":730,"children":731},{"__ignoreMap":10},[732],{"type":136,"tag":309,"props":733,"children":734},{"class":365,"line":67},[735,740,745,751,756,761,766,770,775,779,783,788,792],{"type":136,"tag":309,"props":736,"children":737},{"style":521},[738],{"type":151,"value":739},"\u003C",{"type":136,"tag":309,"props":741,"children":742},{"style":530},[743],{"type":151,"value":744},"Icon",{"type":136,"tag":309,"props":746,"children":748},{"style":747},"--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA",[749],{"type":151,"value":750}," name",{"type":136,"tag":309,"props":752,"children":753},{"style":521},[754],{"type":151,"value":755},"=",{"type":136,"tag":309,"props":757,"children":758},{"style":521},[759],{"type":151,"value":760},"\"",{"type":136,"tag":309,"props":762,"children":763},{"style":375},[764],{"type":151,"value":765},"uil:github",{"type":136,"tag":309,"props":767,"children":768},{"style":521},[769],{"type":151,"value":760},{"type":136,"tag":309,"props":771,"children":772},{"style":747},[773],{"type":151,"value":774}," style",{"type":136,"tag":309,"props":776,"children":777},{"style":521},[778],{"type":151,"value":755},{"type":136,"tag":309,"props":780,"children":781},{"style":521},[782],{"type":151,"value":760},{"type":136,"tag":309,"props":784,"children":785},{"style":375},[786],{"type":151,"value":787},"color: black",{"type":136,"tag":309,"props":789,"children":790},{"style":521},[791],{"type":151,"value":760},{"type":136,"tag":309,"props":793,"children":794},{"style":521},[795],{"type":151,"value":796}," />\n",{"type":136,"tag":137,"props":798,"children":799},{},[800,805],{"type":136,"tag":614,"props":801,"children":802},{},[803],{"type":151,"value":804},"TailwindCSS v4",{"type":151,"value":538},{"type":136,"tag":137,"props":807,"children":808},{},[809,811,816,818,824],{"type":151,"value":810},"When using TailwindCSS v4 with the ",{"type":136,"tag":317,"props":812,"children":814},{"className":813},[],[815],{"type":151,"value":676},{"type":151,"value":817}," mode, you should configure the ",{"type":136,"tag":317,"props":819,"children":821},{"className":820},[],[822],{"type":151,"value":823},"cssLayer",{"type":151,"value":825}," in Nuxt's app config:",{"type":136,"tag":354,"props":827,"children":829},{"className":486,"code":828,"language":488,"meta":10,"style":10},"// ~/app.config.ts\nexport default defineAppConfig({\n icon: {\n mode: 'css',\n cssLayer: 'base'\n }\n})\n",[830],{"type":136,"tag":317,"props":831,"children":832},{"__ignoreMap":10},[833,842,866,883,914,939,948],{"type":136,"tag":309,"props":834,"children":835},{"class":365,"line":67},[836],{"type":136,"tag":309,"props":837,"children":839},{"style":838},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[840],{"type":151,"value":841},"// ~/app.config.ts\n",{"type":136,"tag":309,"props":843,"children":844},{"class":365,"line":54},[845,849,853,858,862],{"type":136,"tag":309,"props":846,"children":847},{"style":498},[848],{"type":151,"value":501},{"type":136,"tag":309,"props":850,"children":851},{"style":498},[852],{"type":151,"value":506},{"type":136,"tag":309,"props":854,"children":855},{"style":509},[856],{"type":151,"value":857}," defineAppConfig",{"type":136,"tag":309,"props":859,"children":860},{"style":515},[861],{"type":151,"value":518},{"type":136,"tag":309,"props":863,"children":864},{"style":521},[865],{"type":151,"value":524},{"type":136,"tag":309,"props":867,"children":868},{"class":365,"line":47},[869,874,878],{"type":136,"tag":309,"props":870,"children":871},{"style":530},[872],{"type":151,"value":873}," icon",{"type":136,"tag":309,"props":875,"children":876},{"style":521},[877],{"type":151,"value":538},{"type":136,"tag":309,"props":879,"children":880},{"style":521},[881],{"type":151,"value":882}," {\n",{"type":136,"tag":309,"props":884,"children":885},{"class":365,"line":563},[886,891,895,900,904,909],{"type":136,"tag":309,"props":887,"children":888},{"style":530},[889],{"type":151,"value":890}," mode",{"type":136,"tag":309,"props":892,"children":893},{"style":521},[894],{"type":151,"value":538},{"type":136,"tag":309,"props":896,"children":897},{"style":521},[898],{"type":151,"value":899}," '",{"type":136,"tag":309,"props":901,"children":902},{"style":375},[903],{"type":151,"value":676},{"type":136,"tag":309,"props":905,"children":906},{"style":521},[907],{"type":151,"value":908},"'",{"type":136,"tag":309,"props":910,"children":911},{"style":521},[912],{"type":151,"value":913},",\n",{"type":136,"tag":309,"props":915,"children":916},{"class":365,"line":572},[917,922,926,930,935],{"type":136,"tag":309,"props":918,"children":919},{"style":530},[920],{"type":151,"value":921}," cssLayer",{"type":136,"tag":309,"props":923,"children":924},{"style":521},[925],{"type":151,"value":538},{"type":136,"tag":309,"props":927,"children":928},{"style":521},[929],{"type":151,"value":899},{"type":136,"tag":309,"props":931,"children":932},{"style":375},[933],{"type":151,"value":934},"base",{"type":136,"tag":309,"props":936,"children":937},{"style":521},[938],{"type":151,"value":560},{"type":136,"tag":309,"props":940,"children":942},{"class":365,"line":941},6,[943],{"type":136,"tag":309,"props":944,"children":945},{"style":521},[946],{"type":151,"value":947}," }\n",{"type":136,"tag":309,"props":949,"children":951},{"class":365,"line":950},7,[952,956],{"type":136,"tag":309,"props":953,"children":954},{"style":521},[955],{"type":151,"value":578},{"type":136,"tag":309,"props":957,"children":958},{"style":515},[959],{"type":151,"value":583},{"type":136,"tag":961,"props":962,"children":964},"h3",{"id":963},"iconify-dataset",[965],{"type":151,"value":966},"Iconify Dataset",{"type":136,"tag":137,"props":968,"children":969},{},[970,972,977],{"type":151,"value":971},"You can use any name from the ",{"type":136,"tag":157,"props":973,"children":975},{"href":213,"rel":974},[161],[976],{"type":151,"value":213},{"type":151,"value":978}," collection:",{"type":136,"tag":354,"props":980,"children":982},{"className":725,"code":981,"language":727,"meta":10,"style":10},"\u003CIcon name=\"uil:github\" />\n",[983],{"type":136,"tag":317,"props":984,"children":985},{"__ignoreMap":10},[986],{"type":136,"tag":309,"props":987,"children":988},{"class":365,"line":67},[989,993,997,1001,1005,1009,1013,1017],{"type":136,"tag":309,"props":990,"children":991},{"style":521},[992],{"type":151,"value":739},{"type":136,"tag":309,"props":994,"children":995},{"style":530},[996],{"type":151,"value":744},{"type":136,"tag":309,"props":998,"children":999},{"style":747},[1000],{"type":151,"value":750},{"type":136,"tag":309,"props":1002,"children":1003},{"style":521},[1004],{"type":151,"value":755},{"type":136,"tag":309,"props":1006,"children":1007},{"style":521},[1008],{"type":151,"value":760},{"type":136,"tag":309,"props":1010,"children":1011},{"style":375},[1012],{"type":151,"value":765},{"type":136,"tag":309,"props":1014,"children":1015},{"style":521},[1016],{"type":151,"value":760},{"type":136,"tag":309,"props":1018,"children":1019},{"style":521},[1020],{"type":151,"value":796},{"type":136,"tag":137,"props":1022,"children":1023},{},[1024,1026,1032,1034,1040],{"type":151,"value":1025},"It supports the ",{"type":136,"tag":317,"props":1027,"children":1029},{"className":1028},[],[1030],{"type":151,"value":1031},"i-",{"type":151,"value":1033}," prefix (for example, ",{"type":136,"tag":317,"props":1035,"children":1037},{"className":1036},[],[1038],{"type":151,"value":1039},"i-uil-github",{"type":151,"value":1041},").",{"type":136,"tag":137,"props":1043,"children":1044},{},[1045],{"type":151,"value":1046},"It's highly recommended to install the icon data locally with",{"type":136,"tag":354,"props":1048,"children":1050},{"className":356,"code":1049,"language":358,"meta":10,"style":10},"npm i -D @iconify-json/collection-name\n",[1051],{"type":136,"tag":317,"props":1052,"children":1053},{"__ignoreMap":10},[1054],{"type":136,"tag":309,"props":1055,"children":1056},{"class":365,"line":67},[1057,1061,1065,1069],{"type":136,"tag":309,"props":1058,"children":1059},{"style":369},[1060],{"type":151,"value":457},{"type":136,"tag":309,"props":1062,"children":1063},{"style":375},[1064],{"type":151,"value":462},{"type":136,"tag":309,"props":1066,"children":1067},{"style":375},[1068],{"type":151,"value":467},{"type":136,"tag":309,"props":1070,"children":1071},{"style":375},[1072],{"type":151,"value":1073}," @iconify-json/collection-name\n",{"type":136,"tag":137,"props":1075,"children":1076},{},[1077,1079,1084,1086,1092],{"type":151,"value":1078},"For example, to use the ",{"type":136,"tag":317,"props":1080,"children":1082},{"className":1081},[],[1083],{"type":151,"value":765},{"type":151,"value":1085}," icon, install its collection with ",{"type":136,"tag":317,"props":1087,"children":1089},{"className":1088},[],[1090],{"type":151,"value":1091},"@iconify-json/uil",{"type":151,"value":1093},". This way the icons can be served locally or from your serverless functions, which is faster and more reliable on both SSR and client-side.",{"type":136,"tag":302,"props":1095,"children":1096},{},[1097,1114],{"type":136,"tag":137,"props":1098,"children":1099},{},[1100,1104,1106,1112],{"type":136,"tag":309,"props":1101,"children":1102},{},[1103],{"type":151,"value":313},{"type":151,"value":1105},"\nYou may also know you can install ",{"type":136,"tag":317,"props":1107,"children":1109},{"className":1108},[],[1110],{"type":151,"value":1111},"@iconify/json",{"type":151,"value":1113}," package to include all iconify icons. This is not recommended because it will increase your server bundle size and building performance. If you choose to do so, we'd recommend to explicitly specify the collection names you need:",{"type":136,"tag":354,"props":1115,"children":1117},{"className":486,"code":1116,"language":488,"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",[1118],{"type":136,"tag":317,"props":1119,"children":1120},{"__ignoreMap":10},[1121,1144,1181,1196,1212,1269,1277,1284],{"type":136,"tag":309,"props":1122,"children":1123},{"class":365,"line":67},[1124,1128,1132,1136,1140],{"type":136,"tag":309,"props":1125,"children":1126},{"style":498},[1127],{"type":151,"value":501},{"type":136,"tag":309,"props":1129,"children":1130},{"style":498},[1131],{"type":151,"value":506},{"type":136,"tag":309,"props":1133,"children":1134},{"style":509},[1135],{"type":151,"value":512},{"type":136,"tag":309,"props":1137,"children":1138},{"style":515},[1139],{"type":151,"value":518},{"type":136,"tag":309,"props":1141,"children":1142},{"style":521},[1143],{"type":151,"value":524},{"type":136,"tag":309,"props":1145,"children":1146},{"class":365,"line":54},[1147,1151,1155,1160,1164,1168,1172,1177],{"type":136,"tag":309,"props":1148,"children":1149},{"style":530},[1150],{"type":151,"value":533},{"type":136,"tag":309,"props":1152,"children":1153},{"style":521},[1154],{"type":151,"value":538},{"type":136,"tag":309,"props":1156,"children":1157},{"style":515},[1158],{"type":151,"value":1159}," [",{"type":136,"tag":309,"props":1161,"children":1162},{"style":521},[1163],{"type":151,"value":908},{"type":136,"tag":309,"props":1165,"children":1166},{"style":375},[1167],{"type":151,"value":7},{"type":136,"tag":309,"props":1169,"children":1170},{"style":521},[1171],{"type":151,"value":908},{"type":136,"tag":309,"props":1173,"children":1174},{"style":515},[1175],{"type":151,"value":1176},"]",{"type":136,"tag":309,"props":1178,"children":1179},{"style":521},[1180],{"type":151,"value":913},{"type":136,"tag":309,"props":1182,"children":1183},{"class":365,"line":47},[1184,1188,1192],{"type":136,"tag":309,"props":1185,"children":1186},{"style":530},[1187],{"type":151,"value":873},{"type":136,"tag":309,"props":1189,"children":1190},{"style":521},[1191],{"type":151,"value":538},{"type":136,"tag":309,"props":1193,"children":1194},{"style":521},[1195],{"type":151,"value":882},{"type":136,"tag":309,"props":1197,"children":1198},{"class":365,"line":563},[1199,1204,1208],{"type":136,"tag":309,"props":1200,"children":1201},{"style":530},[1202],{"type":151,"value":1203}," serverBundle",{"type":136,"tag":309,"props":1205,"children":1206},{"style":521},[1207],{"type":151,"value":538},{"type":136,"tag":309,"props":1209,"children":1210},{"style":521},[1211],{"type":151,"value":882},{"type":136,"tag":309,"props":1213,"children":1214},{"class":365,"line":572},[1215,1220,1224,1228,1232,1237,1241,1246,1250,1255,1259,1264],{"type":136,"tag":309,"props":1216,"children":1217},{"style":530},[1218],{"type":151,"value":1219}," collections",{"type":136,"tag":309,"props":1221,"children":1222},{"style":521},[1223],{"type":151,"value":538},{"type":136,"tag":309,"props":1225,"children":1226},{"style":515},[1227],{"type":151,"value":1159},{"type":136,"tag":309,"props":1229,"children":1230},{"style":521},[1231],{"type":151,"value":908},{"type":136,"tag":309,"props":1233,"children":1234},{"style":375},[1235],{"type":151,"value":1236},"uil",{"type":136,"tag":309,"props":1238,"children":1239},{"style":521},[1240],{"type":151,"value":908},{"type":136,"tag":309,"props":1242,"children":1243},{"style":521},[1244],{"type":151,"value":1245},",",{"type":136,"tag":309,"props":1247,"children":1248},{"style":521},[1249],{"type":151,"value":899},{"type":136,"tag":309,"props":1251,"children":1252},{"style":375},[1253],{"type":151,"value":1254},"mdi",{"type":136,"tag":309,"props":1256,"children":1257},{"style":521},[1258],{"type":151,"value":908},{"type":136,"tag":309,"props":1260,"children":1261},{"style":515},[1262],{"type":151,"value":1263},"] ",{"type":136,"tag":309,"props":1265,"children":1266},{"style":838},[1267],{"type":151,"value":1268},"// \u003C!--- this\n",{"type":136,"tag":309,"props":1270,"children":1271},{"class":365,"line":941},[1272],{"type":136,"tag":309,"props":1273,"children":1274},{"style":521},[1275],{"type":151,"value":1276}," }\n",{"type":136,"tag":309,"props":1278,"children":1279},{"class":365,"line":950},[1280],{"type":136,"tag":309,"props":1281,"children":1282},{"style":521},[1283],{"type":151,"value":947},{"type":136,"tag":309,"props":1285,"children":1287},{"class":365,"line":1286},8,[1288,1292],{"type":136,"tag":309,"props":1289,"children":1290},{"style":521},[1291],{"type":151,"value":578},{"type":136,"tag":309,"props":1293,"children":1294},{"style":515},[1295],{"type":151,"value":583},{"type":136,"tag":961,"props":1297,"children":1299},{"id":1298},"vue-component",[1300],{"type":151,"value":1301},"Vue Component",{"type":136,"tag":137,"props":1303,"children":1304},{},[1305,1307,1312,1314,1319],{"type":151,"value":1306},"When the ",{"type":136,"tag":317,"props":1308,"children":1310},{"className":1309},[],[1311],{"type":151,"value":630},{"type":151,"value":1313}," matches a global registered component, it will be rendered as that component (in this case ",{"type":136,"tag":317,"props":1315,"children":1317},{"className":1316},[],[1318],{"type":151,"value":660},{"type":151,"value":1320}," will be ignored):",{"type":136,"tag":354,"props":1322,"children":1324},{"className":725,"code":1323,"language":727,"meta":10,"style":10},"\u003CIcon name=\"MyComponent\" />\n",[1325],{"type":136,"tag":317,"props":1326,"children":1327},{"__ignoreMap":10},[1328],{"type":136,"tag":309,"props":1329,"children":1330},{"class":365,"line":67},[1331,1335,1339,1343,1347,1351,1356,1360],{"type":136,"tag":309,"props":1332,"children":1333},{"style":521},[1334],{"type":151,"value":739},{"type":136,"tag":309,"props":1336,"children":1337},{"style":530},[1338],{"type":151,"value":744},{"type":136,"tag":309,"props":1340,"children":1341},{"style":747},[1342],{"type":151,"value":750},{"type":136,"tag":309,"props":1344,"children":1345},{"style":521},[1346],{"type":151,"value":755},{"type":136,"tag":309,"props":1348,"children":1349},{"style":521},[1350],{"type":151,"value":760},{"type":136,"tag":309,"props":1352,"children":1353},{"style":375},[1354],{"type":151,"value":1355},"MyComponent",{"type":136,"tag":309,"props":1357,"children":1358},{"style":521},[1359],{"type":151,"value":760},{"type":136,"tag":309,"props":1361,"children":1362},{"style":521},[1363],{"type":151,"value":796},{"type":136,"tag":137,"props":1365,"children":1366},{},[1367,1369,1374,1376,1382,1384,1391],{"type":151,"value":1368},"Note that ",{"type":136,"tag":317,"props":1370,"children":1372},{"className":1371},[],[1373],{"type":151,"value":1355},{"type":151,"value":1375}," needs to be inside ",{"type":136,"tag":317,"props":1377,"children":1379},{"className":1378},[],[1380],{"type":151,"value":1381},"components/global/",{"type":151,"value":1383}," folder (see ",{"type":136,"tag":157,"props":1385,"children":1388},{"href":1386,"rel":1387},"https://github.com/nuxt-modules/icon/blob/main/playground/components/global/NuxtLogo.vue",[161],[1389],{"type":151,"value":1390},"example",{"type":151,"value":1041},{"type":136,"tag":302,"props":1393,"children":1394},{},[1395,1405],{"type":136,"tag":137,"props":1396,"children":1397},{},[1398,1403],{"type":136,"tag":309,"props":1399,"children":1400},{},[1401],{"type":151,"value":1402},"!TIP",{"type":151,"value":1404},"\nYou can also change the component name with:",{"type":136,"tag":354,"props":1406,"children":1408},{"className":486,"code":1407,"language":488,"meta":10,"style":10},"export default defineNuxtConfig({\n icon: {\n componentName: 'NuxtIcon'\n }\n})\n",[1409],{"type":136,"tag":317,"props":1410,"children":1411},{"__ignoreMap":10},[1412,1435,1450,1475,1482],{"type":136,"tag":309,"props":1413,"children":1414},{"class":365,"line":67},[1415,1419,1423,1427,1431],{"type":136,"tag":309,"props":1416,"children":1417},{"style":498},[1418],{"type":151,"value":501},{"type":136,"tag":309,"props":1420,"children":1421},{"style":498},[1422],{"type":151,"value":506},{"type":136,"tag":309,"props":1424,"children":1425},{"style":509},[1426],{"type":151,"value":512},{"type":136,"tag":309,"props":1428,"children":1429},{"style":515},[1430],{"type":151,"value":518},{"type":136,"tag":309,"props":1432,"children":1433},{"style":521},[1434],{"type":151,"value":524},{"type":136,"tag":309,"props":1436,"children":1437},{"class":365,"line":54},[1438,1442,1446],{"type":136,"tag":309,"props":1439,"children":1440},{"style":530},[1441],{"type":151,"value":873},{"type":136,"tag":309,"props":1443,"children":1444},{"style":521},[1445],{"type":151,"value":538},{"type":136,"tag":309,"props":1447,"children":1448},{"style":521},[1449],{"type":151,"value":882},{"type":136,"tag":309,"props":1451,"children":1452},{"class":365,"line":47},[1453,1458,1462,1466,1471],{"type":136,"tag":309,"props":1454,"children":1455},{"style":530},[1456],{"type":151,"value":1457}," componentName",{"type":136,"tag":309,"props":1459,"children":1460},{"style":521},[1461],{"type":151,"value":538},{"type":136,"tag":309,"props":1463,"children":1464},{"style":521},[1465],{"type":151,"value":899},{"type":136,"tag":309,"props":1467,"children":1468},{"style":375},[1469],{"type":151,"value":1470},"NuxtIcon",{"type":136,"tag":309,"props":1472,"children":1473},{"style":521},[1474],{"type":151,"value":560},{"type":136,"tag":309,"props":1476,"children":1477},{"class":365,"line":563},[1478],{"type":136,"tag":309,"props":1479,"children":1480},{"style":521},[1481],{"type":151,"value":947},{"type":136,"tag":309,"props":1483,"children":1484},{"class":365,"line":572},[1485,1489],{"type":136,"tag":309,"props":1486,"children":1487},{"style":521},[1488],{"type":151,"value":578},{"type":136,"tag":309,"props":1490,"children":1491},{"style":515},[1492],{"type":151,"value":583},{"type":136,"tag":961,"props":1494,"children":1496},{"id":1495},"custom-local-collections",[1497],{"type":151,"value":1498},"Custom Local Collections",{"type":136,"tag":137,"props":1500,"children":1501},{},[1502],{"type":151,"value":1503},"You can use local SVG files to create a custom Iconify collection.",{"type":136,"tag":137,"props":1505,"children":1506},{},[1507,1509,1515],{"type":151,"value":1508},"For example, place your icons' SVG files under a folder of your choice, for example, ",{"type":136,"tag":317,"props":1510,"children":1512},{"className":1511},[],[1513],{"type":151,"value":1514},"./assets/my-icons",{"type":151,"value":538},{"type":136,"tag":354,"props":1517,"children":1519},{"className":356,"code":1518,"language":358,"meta":10,"style":10},"assets/my-icons\n├── foo.svg\n├── bar-outline.svg\n",[1520],{"type":136,"tag":317,"props":1521,"children":1522},{"__ignoreMap":10},[1523,1531,1544],{"type":136,"tag":309,"props":1524,"children":1525},{"class":365,"line":67},[1526],{"type":136,"tag":309,"props":1527,"children":1528},{"style":369},[1529],{"type":151,"value":1530},"assets/my-icons\n",{"type":136,"tag":309,"props":1532,"children":1533},{"class":365,"line":54},[1534,1539],{"type":136,"tag":309,"props":1535,"children":1536},{"style":369},[1537],{"type":151,"value":1538},"├──",{"type":136,"tag":309,"props":1540,"children":1541},{"style":375},[1542],{"type":151,"value":1543}," foo.svg\n",{"type":136,"tag":309,"props":1545,"children":1546},{"class":365,"line":47},[1547,1551],{"type":136,"tag":309,"props":1548,"children":1549},{"style":369},[1550],{"type":151,"value":1538},{"type":136,"tag":309,"props":1552,"children":1553},{"style":375},[1554],{"type":151,"value":1555}," bar-outline.svg\n",{"type":136,"tag":137,"props":1557,"children":1558},{},[1559,1561,1566,1568,1574],{"type":151,"value":1560},"In your ",{"type":136,"tag":317,"props":1562,"children":1564},{"className":1563},[],[1565],{"type":151,"value":483},{"type":151,"value":1567},", add an item in ",{"type":136,"tag":317,"props":1569,"children":1571},{"className":1570},[],[1572],{"type":151,"value":1573},"icon.customCollections",{"type":151,"value":538},{"type":136,"tag":354,"props":1576,"children":1578},{"className":486,"code":1577,"language":488,"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 // if you want to include all the icons in nested directories:\n // recursive: true,\n },\n ],\n },\n})\n",[1579],{"type":136,"tag":317,"props":1580,"children":1581},{"__ignoreMap":10},[1582,1605,1620,1635,1647,1662,1678,1686,1715,1743,1751,1760,1769,1782,1791],{"type":136,"tag":309,"props":1583,"children":1584},{"class":365,"line":67},[1585,1589,1593,1597,1601],{"type":136,"tag":309,"props":1586,"children":1587},{"style":498},[1588],{"type":151,"value":501},{"type":136,"tag":309,"props":1590,"children":1591},{"style":498},[1592],{"type":151,"value":506},{"type":136,"tag":309,"props":1594,"children":1595},{"style":509},[1596],{"type":151,"value":512},{"type":136,"tag":309,"props":1598,"children":1599},{"style":515},[1600],{"type":151,"value":518},{"type":136,"tag":309,"props":1602,"children":1603},{"style":521},[1604],{"type":151,"value":524},{"type":136,"tag":309,"props":1606,"children":1607},{"class":365,"line":54},[1608,1612,1616],{"type":136,"tag":309,"props":1609,"children":1610},{"style":530},[1611],{"type":151,"value":533},{"type":136,"tag":309,"props":1613,"children":1614},{"style":521},[1615],{"type":151,"value":538},{"type":136,"tag":309,"props":1617,"children":1618},{"style":515},[1619],{"type":151,"value":543},{"type":136,"tag":309,"props":1621,"children":1622},{"class":365,"line":47},[1623,1627,1631],{"type":136,"tag":309,"props":1624,"children":1625},{"style":521},[1626],{"type":151,"value":551},{"type":136,"tag":309,"props":1628,"children":1629},{"style":375},[1630],{"type":151,"value":7},{"type":136,"tag":309,"props":1632,"children":1633},{"style":521},[1634],{"type":151,"value":560},{"type":136,"tag":309,"props":1636,"children":1637},{"class":365,"line":563},[1638,1643],{"type":136,"tag":309,"props":1639,"children":1640},{"style":515},[1641],{"type":151,"value":1642}," ]",{"type":136,"tag":309,"props":1644,"children":1645},{"style":521},[1646],{"type":151,"value":913},{"type":136,"tag":309,"props":1648,"children":1649},{"class":365,"line":572},[1650,1654,1658],{"type":136,"tag":309,"props":1651,"children":1652},{"style":530},[1653],{"type":151,"value":873},{"type":136,"tag":309,"props":1655,"children":1656},{"style":521},[1657],{"type":151,"value":538},{"type":136,"tag":309,"props":1659,"children":1660},{"style":521},[1661],{"type":151,"value":882},{"type":136,"tag":309,"props":1663,"children":1664},{"class":365,"line":941},[1665,1670,1674],{"type":136,"tag":309,"props":1666,"children":1667},{"style":530},[1668],{"type":151,"value":1669}," customCollections",{"type":136,"tag":309,"props":1671,"children":1672},{"style":521},[1673],{"type":151,"value":538},{"type":136,"tag":309,"props":1675,"children":1676},{"style":515},[1677],{"type":151,"value":543},{"type":136,"tag":309,"props":1679,"children":1680},{"class":365,"line":950},[1681],{"type":136,"tag":309,"props":1682,"children":1683},{"style":521},[1684],{"type":151,"value":1685}," {\n",{"type":136,"tag":309,"props":1687,"children":1688},{"class":365,"line":1286},[1689,1694,1698,1702,1707,1711],{"type":136,"tag":309,"props":1690,"children":1691},{"style":530},[1692],{"type":151,"value":1693}," prefix",{"type":136,"tag":309,"props":1695,"children":1696},{"style":521},[1697],{"type":151,"value":538},{"type":136,"tag":309,"props":1699,"children":1700},{"style":521},[1701],{"type":151,"value":899},{"type":136,"tag":309,"props":1703,"children":1704},{"style":375},[1705],{"type":151,"value":1706},"my-icon",{"type":136,"tag":309,"props":1708,"children":1709},{"style":521},[1710],{"type":151,"value":908},{"type":136,"tag":309,"props":1712,"children":1713},{"style":521},[1714],{"type":151,"value":913},{"type":136,"tag":309,"props":1716,"children":1717},{"class":365,"line":43},[1718,1723,1727,1731,1735,1739],{"type":136,"tag":309,"props":1719,"children":1720},{"style":530},[1721],{"type":151,"value":1722}," dir",{"type":136,"tag":309,"props":1724,"children":1725},{"style":521},[1726],{"type":151,"value":538},{"type":136,"tag":309,"props":1728,"children":1729},{"style":521},[1730],{"type":151,"value":899},{"type":136,"tag":309,"props":1732,"children":1733},{"style":375},[1734],{"type":151,"value":1514},{"type":136,"tag":309,"props":1736,"children":1737},{"style":521},[1738],{"type":151,"value":908},{"type":136,"tag":309,"props":1740,"children":1741},{"style":521},[1742],{"type":151,"value":913},{"type":136,"tag":309,"props":1744,"children":1745},{"class":365,"line":39},[1746],{"type":136,"tag":309,"props":1747,"children":1748},{"style":838},[1749],{"type":151,"value":1750}," // if you want to include all the icons in nested directories:\n",{"type":136,"tag":309,"props":1752,"children":1754},{"class":365,"line":1753},11,[1755],{"type":136,"tag":309,"props":1756,"children":1757},{"style":838},[1758],{"type":151,"value":1759}," // recursive: true,\n",{"type":136,"tag":309,"props":1761,"children":1763},{"class":365,"line":1762},12,[1764],{"type":136,"tag":309,"props":1765,"children":1766},{"style":521},[1767],{"type":151,"value":1768}," },\n",{"type":136,"tag":309,"props":1770,"children":1772},{"class":365,"line":1771},13,[1773,1778],{"type":136,"tag":309,"props":1774,"children":1775},{"style":515},[1776],{"type":151,"value":1777}," ]",{"type":136,"tag":309,"props":1779,"children":1780},{"style":521},[1781],{"type":151,"value":913},{"type":136,"tag":309,"props":1783,"children":1785},{"class":365,"line":1784},14,[1786],{"type":136,"tag":309,"props":1787,"children":1788},{"style":521},[1789],{"type":151,"value":1790}," },\n",{"type":136,"tag":309,"props":1792,"children":1794},{"class":365,"line":1793},15,[1795,1799],{"type":136,"tag":309,"props":1796,"children":1797},{"style":521},[1798],{"type":151,"value":578},{"type":136,"tag":309,"props":1800,"children":1801},{"style":515},[1802],{"type":151,"value":583},{"type":136,"tag":302,"props":1804,"children":1805},{},[1806],{"type":136,"tag":137,"props":1807,"children":1808},{},[1809,1813,1815,1821,1823,1829,1831,1837],{"type":136,"tag":309,"props":1810,"children":1811},{},[1812],{"type":151,"value":313},{"type":151,"value":1814},"\nIf you are running on Nuxt 4 with the new ",{"type":136,"tag":317,"props":1816,"children":1818},{"className":1817},[],[1819],{"type":151,"value":1820},"app",{"type":151,"value":1822}," directory, the assets directory is ",{"type":136,"tag":317,"props":1824,"children":1826},{"className":1825},[],[1827],{"type":151,"value":1828},"'./app/assets/*'",{"type":151,"value":1830}," instead of ",{"type":136,"tag":317,"props":1832,"children":1834},{"className":1833},[],[1835],{"type":151,"value":1836},"'./assets/*'",{"type":151,"value":235},{"type":136,"tag":137,"props":1839,"children":1840},{},[1841],{"type":151,"value":1842},"Then you can use the icons like this:",{"type":136,"tag":354,"props":1844,"children":1848},{"className":1845,"code":1846,"language":1847,"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",[1849],{"type":136,"tag":317,"props":1850,"children":1851},{"__ignoreMap":10},[1852,1869,1906,1942],{"type":136,"tag":309,"props":1853,"children":1854},{"class":365,"line":67},[1855,1859,1864],{"type":136,"tag":309,"props":1856,"children":1857},{"style":521},[1858],{"type":151,"value":739},{"type":136,"tag":309,"props":1860,"children":1861},{"style":530},[1862],{"type":151,"value":1863},"template",{"type":136,"tag":309,"props":1865,"children":1866},{"style":521},[1867],{"type":151,"value":1868},">\n",{"type":136,"tag":309,"props":1870,"children":1871},{"class":365,"line":54},[1872,1877,1881,1885,1889,1893,1898,1902],{"type":136,"tag":309,"props":1873,"children":1874},{"style":521},[1875],{"type":151,"value":1876}," \u003C",{"type":136,"tag":309,"props":1878,"children":1879},{"style":530},[1880],{"type":151,"value":744},{"type":136,"tag":309,"props":1882,"children":1883},{"style":747},[1884],{"type":151,"value":750},{"type":136,"tag":309,"props":1886,"children":1887},{"style":521},[1888],{"type":151,"value":755},{"type":136,"tag":309,"props":1890,"children":1891},{"style":521},[1892],{"type":151,"value":760},{"type":136,"tag":309,"props":1894,"children":1895},{"style":375},[1896],{"type":151,"value":1897},"my-icon:foo",{"type":136,"tag":309,"props":1899,"children":1900},{"style":521},[1901],{"type":151,"value":760},{"type":136,"tag":309,"props":1903,"children":1904},{"style":521},[1905],{"type":151,"value":796},{"type":136,"tag":309,"props":1907,"children":1908},{"class":365,"line":47},[1909,1913,1917,1921,1925,1929,1934,1938],{"type":136,"tag":309,"props":1910,"children":1911},{"style":521},[1912],{"type":151,"value":1876},{"type":136,"tag":309,"props":1914,"children":1915},{"style":530},[1916],{"type":151,"value":744},{"type":136,"tag":309,"props":1918,"children":1919},{"style":747},[1920],{"type":151,"value":750},{"type":136,"tag":309,"props":1922,"children":1923},{"style":521},[1924],{"type":151,"value":755},{"type":136,"tag":309,"props":1926,"children":1927},{"style":521},[1928],{"type":151,"value":760},{"type":136,"tag":309,"props":1930,"children":1931},{"style":375},[1932],{"type":151,"value":1933},"my-icon:bar-outline",{"type":136,"tag":309,"props":1935,"children":1936},{"style":521},[1937],{"type":151,"value":760},{"type":136,"tag":309,"props":1939,"children":1940},{"style":521},[1941],{"type":151,"value":796},{"type":136,"tag":309,"props":1943,"children":1944},{"class":365,"line":563},[1945,1950,1954],{"type":136,"tag":309,"props":1946,"children":1947},{"style":521},[1948],{"type":151,"value":1949},"\u003C/",{"type":136,"tag":309,"props":1951,"children":1952},{"style":530},[1953],{"type":151,"value":1863},{"type":136,"tag":309,"props":1955,"children":1956},{"style":521},[1957],{"type":151,"value":1868},{"type":136,"tag":137,"props":1959,"children":1960},{},[1961,1963,1969],{"type":151,"value":1962},"You can also pass a full custom ",{"type":136,"tag":317,"props":1964,"children":1966},{"className":1965},[],[1967],{"type":151,"value":1968},"IconifyJSON",{"type":151,"value":1970}," object:",{"type":136,"tag":354,"props":1972,"children":1974},{"className":486,"code":1973,"language":488,"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",[1975],{"type":136,"tag":317,"props":1976,"children":1977},{"__ignoreMap":10},[1978,2001,2016,2031,2042,2057,2072,2079,2107,2123,2176,2184,2206,2226,2234,2245,2253],{"type":136,"tag":309,"props":1979,"children":1980},{"class":365,"line":67},[1981,1985,1989,1993,1997],{"type":136,"tag":309,"props":1982,"children":1983},{"style":498},[1984],{"type":151,"value":501},{"type":136,"tag":309,"props":1986,"children":1987},{"style":498},[1988],{"type":151,"value":506},{"type":136,"tag":309,"props":1990,"children":1991},{"style":509},[1992],{"type":151,"value":512},{"type":136,"tag":309,"props":1994,"children":1995},{"style":515},[1996],{"type":151,"value":518},{"type":136,"tag":309,"props":1998,"children":1999},{"style":521},[2000],{"type":151,"value":524},{"type":136,"tag":309,"props":2002,"children":2003},{"class":365,"line":54},[2004,2008,2012],{"type":136,"tag":309,"props":2005,"children":2006},{"style":530},[2007],{"type":151,"value":533},{"type":136,"tag":309,"props":2009,"children":2010},{"style":521},[2011],{"type":151,"value":538},{"type":136,"tag":309,"props":2013,"children":2014},{"style":515},[2015],{"type":151,"value":543},{"type":136,"tag":309,"props":2017,"children":2018},{"class":365,"line":47},[2019,2023,2027],{"type":136,"tag":309,"props":2020,"children":2021},{"style":521},[2022],{"type":151,"value":551},{"type":136,"tag":309,"props":2024,"children":2025},{"style":375},[2026],{"type":151,"value":7},{"type":136,"tag":309,"props":2028,"children":2029},{"style":521},[2030],{"type":151,"value":560},{"type":136,"tag":309,"props":2032,"children":2033},{"class":365,"line":563},[2034,2038],{"type":136,"tag":309,"props":2035,"children":2036},{"style":515},[2037],{"type":151,"value":1642},{"type":136,"tag":309,"props":2039,"children":2040},{"style":521},[2041],{"type":151,"value":913},{"type":136,"tag":309,"props":2043,"children":2044},{"class":365,"line":572},[2045,2049,2053],{"type":136,"tag":309,"props":2046,"children":2047},{"style":530},[2048],{"type":151,"value":873},{"type":136,"tag":309,"props":2050,"children":2051},{"style":521},[2052],{"type":151,"value":538},{"type":136,"tag":309,"props":2054,"children":2055},{"style":521},[2056],{"type":151,"value":882},{"type":136,"tag":309,"props":2058,"children":2059},{"class":365,"line":941},[2060,2064,2068],{"type":136,"tag":309,"props":2061,"children":2062},{"style":530},[2063],{"type":151,"value":1669},{"type":136,"tag":309,"props":2065,"children":2066},{"style":521},[2067],{"type":151,"value":538},{"type":136,"tag":309,"props":2069,"children":2070},{"style":515},[2071],{"type":151,"value":543},{"type":136,"tag":309,"props":2073,"children":2074},{"class":365,"line":950},[2075],{"type":136,"tag":309,"props":2076,"children":2077},{"style":521},[2078],{"type":151,"value":1685},{"type":136,"tag":309,"props":2080,"children":2081},{"class":365,"line":1286},[2082,2086,2090,2094,2099,2103],{"type":136,"tag":309,"props":2083,"children":2084},{"style":530},[2085],{"type":151,"value":1693},{"type":136,"tag":309,"props":2087,"children":2088},{"style":521},[2089],{"type":151,"value":538},{"type":136,"tag":309,"props":2091,"children":2092},{"style":521},[2093],{"type":151,"value":899},{"type":136,"tag":309,"props":2095,"children":2096},{"style":375},[2097],{"type":151,"value":2098},"paid-icons",{"type":136,"tag":309,"props":2100,"children":2101},{"style":521},[2102],{"type":151,"value":908},{"type":136,"tag":309,"props":2104,"children":2105},{"style":521},[2106],{"type":151,"value":913},{"type":136,"tag":309,"props":2108,"children":2109},{"class":365,"line":43},[2110,2115,2119],{"type":136,"tag":309,"props":2111,"children":2112},{"style":530},[2113],{"type":151,"value":2114}," icons",{"type":136,"tag":309,"props":2116,"children":2117},{"style":521},[2118],{"type":151,"value":538},{"type":136,"tag":309,"props":2120,"children":2121},{"style":521},[2122],{"type":151,"value":882},{"type":136,"tag":309,"props":2124,"children":2125},{"class":365,"line":39},[2126,2131,2136,2140,2144,2149,2154,2158,2162,2167,2171],{"type":136,"tag":309,"props":2127,"children":2128},{"style":521},[2129],{"type":151,"value":2130}," '",{"type":136,"tag":309,"props":2132,"children":2133},{"style":530},[2134],{"type":151,"value":2135},"nuxt",{"type":136,"tag":309,"props":2137,"children":2138},{"style":521},[2139],{"type":151,"value":908},{"type":136,"tag":309,"props":2141,"children":2142},{"style":521},[2143],{"type":151,"value":538},{"type":136,"tag":309,"props":2145,"children":2146},{"style":521},[2147],{"type":151,"value":2148}," {",{"type":136,"tag":309,"props":2150,"children":2151},{"style":530},[2152],{"type":151,"value":2153}," body",{"type":136,"tag":309,"props":2155,"children":2156},{"style":521},[2157],{"type":151,"value":538},{"type":136,"tag":309,"props":2159,"children":2160},{"style":521},[2161],{"type":151,"value":899},{"type":136,"tag":309,"props":2163,"children":2164},{"style":375},[2165],{"type":151,"value":2166},"\u003Cpath d=\"M281.44 ... />",{"type":136,"tag":309,"props":2168,"children":2169},{"style":521},[2170],{"type":151,"value":908},{"type":136,"tag":309,"props":2172,"children":2173},{"style":521},[2174],{"type":151,"value":2175}," },\n",{"type":136,"tag":309,"props":2177,"children":2178},{"class":365,"line":1753},[2179],{"type":136,"tag":309,"props":2180,"children":2181},{"style":521},[2182],{"type":151,"value":2183}," },\n",{"type":136,"tag":309,"props":2185,"children":2186},{"class":365,"line":1762},[2187,2192,2196,2202],{"type":136,"tag":309,"props":2188,"children":2189},{"style":530},[2190],{"type":151,"value":2191}," width",{"type":136,"tag":309,"props":2193,"children":2194},{"style":521},[2195],{"type":151,"value":538},{"type":136,"tag":309,"props":2197,"children":2199},{"style":2198},"--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C",[2200],{"type":151,"value":2201}," 512",{"type":136,"tag":309,"props":2203,"children":2204},{"style":521},[2205],{"type":151,"value":913},{"type":136,"tag":309,"props":2207,"children":2208},{"class":365,"line":1771},[2209,2214,2218,2222],{"type":136,"tag":309,"props":2210,"children":2211},{"style":530},[2212],{"type":151,"value":2213}," height",{"type":136,"tag":309,"props":2215,"children":2216},{"style":521},[2217],{"type":151,"value":538},{"type":136,"tag":309,"props":2219,"children":2220},{"style":2198},[2221],{"type":151,"value":2201},{"type":136,"tag":309,"props":2223,"children":2224},{"style":521},[2225],{"type":151,"value":913},{"type":136,"tag":309,"props":2227,"children":2228},{"class":365,"line":1784},[2229],{"type":136,"tag":309,"props":2230,"children":2231},{"style":521},[2232],{"type":151,"value":2233}," }\n",{"type":136,"tag":309,"props":2235,"children":2236},{"class":365,"line":1793},[2237,2241],{"type":136,"tag":309,"props":2238,"children":2239},{"style":515},[2240],{"type":151,"value":1777},{"type":136,"tag":309,"props":2242,"children":2243},{"style":521},[2244],{"type":151,"value":913},{"type":136,"tag":309,"props":2246,"children":2248},{"class":365,"line":2247},16,[2249],{"type":136,"tag":309,"props":2250,"children":2251},{"style":521},[2252],{"type":151,"value":1790},{"type":136,"tag":309,"props":2254,"children":2256},{"class":365,"line":2255},17,[2257,2261],{"type":136,"tag":309,"props":2258,"children":2259},{"style":521},[2260],{"type":151,"value":578},{"type":136,"tag":309,"props":2262,"children":2263},{"style":515},[2264],{"type":151,"value":583},{"type":136,"tag":137,"props":2266,"children":2267},{},[2268,2270,2276,2278,2284,2286,2292],{"type":151,"value":2269},"Note that custom local collections require you to have a server to serve the API. When setting ",{"type":136,"tag":317,"props":2271,"children":2273},{"className":2272},[],[2274],{"type":151,"value":2275},"ssr: false",{"type":151,"value":2277},", or when generating a static app using ",{"type":136,"tag":317,"props":2279,"children":2281},{"className":2280},[],[2282],{"type":151,"value":2283},"nuxt generate",{"type":151,"value":2285}," (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":2287,"children":2289},{"className":2288},[],[2290],{"type":151,"value":2291},"provider: 'server'",{"type":151,"value":538},{"type":136,"tag":354,"props":2294,"children":2296},{"className":486,"code":2295,"language":488,"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",[2297],{"type":136,"tag":317,"props":2298,"children":2299},{"__ignoreMap":10},[2300,2323,2338,2353,2364,2386,2401,2435,2450,2457,2484,2507,2514,2525,2532],{"type":136,"tag":309,"props":2301,"children":2302},{"class":365,"line":67},[2303,2307,2311,2315,2319],{"type":136,"tag":309,"props":2304,"children":2305},{"style":498},[2306],{"type":151,"value":501},{"type":136,"tag":309,"props":2308,"children":2309},{"style":498},[2310],{"type":151,"value":506},{"type":136,"tag":309,"props":2312,"children":2313},{"style":509},[2314],{"type":151,"value":512},{"type":136,"tag":309,"props":2316,"children":2317},{"style":515},[2318],{"type":151,"value":518},{"type":136,"tag":309,"props":2320,"children":2321},{"style":521},[2322],{"type":151,"value":524},{"type":136,"tag":309,"props":2324,"children":2325},{"class":365,"line":54},[2326,2330,2334],{"type":136,"tag":309,"props":2327,"children":2328},{"style":530},[2329],{"type":151,"value":533},{"type":136,"tag":309,"props":2331,"children":2332},{"style":521},[2333],{"type":151,"value":538},{"type":136,"tag":309,"props":2335,"children":2336},{"style":515},[2337],{"type":151,"value":543},{"type":136,"tag":309,"props":2339,"children":2340},{"class":365,"line":47},[2341,2345,2349],{"type":136,"tag":309,"props":2342,"children":2343},{"style":521},[2344],{"type":151,"value":551},{"type":136,"tag":309,"props":2346,"children":2347},{"style":375},[2348],{"type":151,"value":7},{"type":136,"tag":309,"props":2350,"children":2351},{"style":521},[2352],{"type":151,"value":560},{"type":136,"tag":309,"props":2354,"children":2355},{"class":365,"line":563},[2356,2360],{"type":136,"tag":309,"props":2357,"children":2358},{"style":515},[2359],{"type":151,"value":1642},{"type":136,"tag":309,"props":2361,"children":2362},{"style":521},[2363],{"type":151,"value":913},{"type":136,"tag":309,"props":2365,"children":2366},{"class":365,"line":572},[2367,2372,2376,2382],{"type":136,"tag":309,"props":2368,"children":2369},{"style":530},[2370],{"type":151,"value":2371}," ssr",{"type":136,"tag":309,"props":2373,"children":2374},{"style":521},[2375],{"type":151,"value":538},{"type":136,"tag":309,"props":2377,"children":2379},{"style":2378},"--shiki-light:#FF5370;--shiki-default:#FF5370;--shiki-dark:#FF9CAC",[2380],{"type":151,"value":2381}," false",{"type":136,"tag":309,"props":2383,"children":2384},{"style":521},[2385],{"type":151,"value":913},{"type":136,"tag":309,"props":2387,"children":2388},{"class":365,"line":941},[2389,2393,2397],{"type":136,"tag":309,"props":2390,"children":2391},{"style":530},[2392],{"type":151,"value":873},{"type":136,"tag":309,"props":2394,"children":2395},{"style":521},[2396],{"type":151,"value":538},{"type":136,"tag":309,"props":2398,"children":2399},{"style":521},[2400],{"type":151,"value":882},{"type":136,"tag":309,"props":2402,"children":2403},{"class":365,"line":950},[2404,2409,2413,2417,2422,2426,2430],{"type":136,"tag":309,"props":2405,"children":2406},{"style":530},[2407],{"type":151,"value":2408}," provider",{"type":136,"tag":309,"props":2410,"children":2411},{"style":521},[2412],{"type":151,"value":538},{"type":136,"tag":309,"props":2414,"children":2415},{"style":521},[2416],{"type":151,"value":899},{"type":136,"tag":309,"props":2418,"children":2419},{"style":375},[2420],{"type":151,"value":2421},"server",{"type":136,"tag":309,"props":2423,"children":2424},{"style":521},[2425],{"type":151,"value":908},{"type":136,"tag":309,"props":2427,"children":2428},{"style":521},[2429],{"type":151,"value":1245},{"type":136,"tag":309,"props":2431,"children":2432},{"style":838},[2433],{"type":151,"value":2434}," // \u003C-- this\n",{"type":136,"tag":309,"props":2436,"children":2437},{"class":365,"line":1286},[2438,2442,2446],{"type":136,"tag":309,"props":2439,"children":2440},{"style":530},[2441],{"type":151,"value":1669},{"type":136,"tag":309,"props":2443,"children":2444},{"style":521},[2445],{"type":151,"value":538},{"type":136,"tag":309,"props":2447,"children":2448},{"style":515},[2449],{"type":151,"value":543},{"type":136,"tag":309,"props":2451,"children":2452},{"class":365,"line":43},[2453],{"type":136,"tag":309,"props":2454,"children":2455},{"style":521},[2456],{"type":151,"value":1685},{"type":136,"tag":309,"props":2458,"children":2459},{"class":365,"line":39},[2460,2464,2468,2472,2476,2480],{"type":136,"tag":309,"props":2461,"children":2462},{"style":530},[2463],{"type":151,"value":1693},{"type":136,"tag":309,"props":2465,"children":2466},{"style":521},[2467],{"type":151,"value":538},{"type":136,"tag":309,"props":2469,"children":2470},{"style":521},[2471],{"type":151,"value":899},{"type":136,"tag":309,"props":2473,"children":2474},{"style":375},[2475],{"type":151,"value":1706},{"type":136,"tag":309,"props":2477,"children":2478},{"style":521},[2479],{"type":151,"value":908},{"type":136,"tag":309,"props":2481,"children":2482},{"style":521},[2483],{"type":151,"value":913},{"type":136,"tag":309,"props":2485,"children":2486},{"class":365,"line":1753},[2487,2491,2495,2499,2503],{"type":136,"tag":309,"props":2488,"children":2489},{"style":530},[2490],{"type":151,"value":1722},{"type":136,"tag":309,"props":2492,"children":2493},{"style":521},[2494],{"type":151,"value":538},{"type":136,"tag":309,"props":2496,"children":2497},{"style":521},[2498],{"type":151,"value":899},{"type":136,"tag":309,"props":2500,"children":2501},{"style":375},[2502],{"type":151,"value":1514},{"type":136,"tag":309,"props":2504,"children":2505},{"style":521},[2506],{"type":151,"value":560},{"type":136,"tag":309,"props":2508,"children":2509},{"class":365,"line":1762},[2510],{"type":136,"tag":309,"props":2511,"children":2512},{"style":521},[2513],{"type":151,"value":1768},{"type":136,"tag":309,"props":2515,"children":2516},{"class":365,"line":1771},[2517,2521],{"type":136,"tag":309,"props":2518,"children":2519},{"style":515},[2520],{"type":151,"value":1777},{"type":136,"tag":309,"props":2522,"children":2523},{"style":521},[2524],{"type":151,"value":913},{"type":136,"tag":309,"props":2526,"children":2527},{"class":365,"line":1784},[2528],{"type":136,"tag":309,"props":2529,"children":2530},{"style":521},[2531],{"type":151,"value":1790},{"type":136,"tag":309,"props":2533,"children":2534},{"class":365,"line":1793},[2535,2539],{"type":136,"tag":309,"props":2536,"children":2537},{"style":521},[2538],{"type":151,"value":578},{"type":136,"tag":309,"props":2540,"children":2541},{"style":515},[2542],{"type":151,"value":583},{"type":136,"tag":137,"props":2544,"children":2545},{},[2546,2548,2554,2556,2562],{"type":151,"value":2547},"Or if you want to disable the dynamic icon fetching completely and only use icons from the ",{"type":136,"tag":157,"props":2549,"children":2551},{"href":2550},"#client-bundle",[2552],{"type":151,"value":2553},"client bundle",{"type":151,"value":2555},", you can set ",{"type":136,"tag":317,"props":2557,"children":2559},{"className":2558},[],[2560],{"type":151,"value":2561},"provider: 'none'",{"type":151,"value":538},{"type":136,"tag":354,"props":2564,"children":2566},{"className":486,"code":2565,"language":488,"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",[2567],{"type":136,"tag":317,"props":2568,"children":2569},{"__ignoreMap":10},[2570,2593,2608,2636,2652,2673,2681,2689,2696],{"type":136,"tag":309,"props":2571,"children":2572},{"class":365,"line":67},[2573,2577,2581,2585,2589],{"type":136,"tag":309,"props":2574,"children":2575},{"style":498},[2576],{"type":151,"value":501},{"type":136,"tag":309,"props":2578,"children":2579},{"style":498},[2580],{"type":151,"value":506},{"type":136,"tag":309,"props":2582,"children":2583},{"style":509},[2584],{"type":151,"value":512},{"type":136,"tag":309,"props":2586,"children":2587},{"style":515},[2588],{"type":151,"value":518},{"type":136,"tag":309,"props":2590,"children":2591},{"style":521},[2592],{"type":151,"value":524},{"type":136,"tag":309,"props":2594,"children":2595},{"class":365,"line":54},[2596,2600,2604],{"type":136,"tag":309,"props":2597,"children":2598},{"style":530},[2599],{"type":151,"value":873},{"type":136,"tag":309,"props":2601,"children":2602},{"style":521},[2603],{"type":151,"value":538},{"type":136,"tag":309,"props":2605,"children":2606},{"style":521},[2607],{"type":151,"value":882},{"type":136,"tag":309,"props":2609,"children":2610},{"class":365,"line":47},[2611,2615,2619,2623,2628,2632],{"type":136,"tag":309,"props":2612,"children":2613},{"style":530},[2614],{"type":151,"value":2408},{"type":136,"tag":309,"props":2616,"children":2617},{"style":521},[2618],{"type":151,"value":538},{"type":136,"tag":309,"props":2620,"children":2621},{"style":521},[2622],{"type":151,"value":899},{"type":136,"tag":309,"props":2624,"children":2625},{"style":375},[2626],{"type":151,"value":2627},"none",{"type":136,"tag":309,"props":2629,"children":2630},{"style":521},[2631],{"type":151,"value":908},{"type":136,"tag":309,"props":2633,"children":2634},{"style":521},[2635],{"type":151,"value":913},{"type":136,"tag":309,"props":2637,"children":2638},{"class":365,"line":563},[2639,2644,2648],{"type":136,"tag":309,"props":2640,"children":2641},{"style":530},[2642],{"type":151,"value":2643}," clientBundle",{"type":136,"tag":309,"props":2645,"children":2646},{"style":521},[2647],{"type":151,"value":538},{"type":136,"tag":309,"props":2649,"children":2650},{"style":521},[2651],{"type":151,"value":882},{"type":136,"tag":309,"props":2653,"children":2654},{"class":365,"line":572},[2655,2660,2664,2669],{"type":136,"tag":309,"props":2656,"children":2657},{"style":530},[2658],{"type":151,"value":2659}," scan",{"type":136,"tag":309,"props":2661,"children":2662},{"style":521},[2663],{"type":151,"value":538},{"type":136,"tag":309,"props":2665,"children":2666},{"style":2378},[2667],{"type":151,"value":2668}," true",{"type":136,"tag":309,"props":2670,"children":2671},{"style":521},[2672],{"type":151,"value":913},{"type":136,"tag":309,"props":2674,"children":2675},{"class":365,"line":941},[2676],{"type":136,"tag":309,"props":2677,"children":2678},{"style":838},[2679],{"type":151,"value":2680}," // ...or other bundle options\n",{"type":136,"tag":309,"props":2682,"children":2683},{"class":365,"line":950},[2684],{"type":136,"tag":309,"props":2685,"children":2686},{"style":521},[2687],{"type":151,"value":2688}," },\n",{"type":136,"tag":309,"props":2690,"children":2691},{"class":365,"line":1286},[2692],{"type":136,"tag":309,"props":2693,"children":2694},{"style":521},[2695],{"type":151,"value":947},{"type":136,"tag":309,"props":2697,"children":2698},{"class":365,"line":43},[2699,2703],{"type":136,"tag":309,"props":2700,"children":2701},{"style":521},[2702],{"type":151,"value":578},{"type":136,"tag":309,"props":2704,"children":2705},{"style":515},[2706],{"type":151,"value":583},{"type":136,"tag":961,"props":2708,"children":2710},{"id":2709},"case-sensitive-custom-collections",[2711],{"type":151,"value":2712},"Case Sensitive Custom Collections",{"type":136,"tag":137,"props":2714,"children":2715},{},[2716,2718,2724,2726,2732,2734,2739],{"type":151,"value":2717},"Before ",{"type":136,"tag":317,"props":2719,"children":2721},{"className":2720},[],[2722],{"type":151,"value":2723},"v1.10",{"type":151,"value":2725},", due to the limitation of Iconify's previous convention, all custom icons were normalized to ",{"type":136,"tag":317,"props":2727,"children":2729},{"className":2728},[],[2730],{"type":151,"value":2731},"kebab-case",{"type":151,"value":2733}," with a warning. Thanks to the updates on Iconify side, starting from ",{"type":136,"tag":317,"props":2735,"children":2737},{"className":2736},[],[2738],{"type":151,"value":2723},{"type":151,"value":2740},", you can opt-in to use case-sensitive custom collections and by pass the normalization.",{"type":136,"tag":354,"props":2742,"children":2744},{"className":486,"code":2743,"language":488,"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",[2745],{"type":136,"tag":317,"props":2746,"children":2747},{"__ignoreMap":10},[2748,2771,2786,2801,2812,2827,2842,2849,2876,2903,2927,2934,2945,2952],{"type":136,"tag":309,"props":2749,"children":2750},{"class":365,"line":67},[2751,2755,2759,2763,2767],{"type":136,"tag":309,"props":2752,"children":2753},{"style":498},[2754],{"type":151,"value":501},{"type":136,"tag":309,"props":2756,"children":2757},{"style":498},[2758],{"type":151,"value":506},{"type":136,"tag":309,"props":2760,"children":2761},{"style":509},[2762],{"type":151,"value":512},{"type":136,"tag":309,"props":2764,"children":2765},{"style":515},[2766],{"type":151,"value":518},{"type":136,"tag":309,"props":2768,"children":2769},{"style":521},[2770],{"type":151,"value":524},{"type":136,"tag":309,"props":2772,"children":2773},{"class":365,"line":54},[2774,2778,2782],{"type":136,"tag":309,"props":2775,"children":2776},{"style":530},[2777],{"type":151,"value":533},{"type":136,"tag":309,"props":2779,"children":2780},{"style":521},[2781],{"type":151,"value":538},{"type":136,"tag":309,"props":2783,"children":2784},{"style":515},[2785],{"type":151,"value":543},{"type":136,"tag":309,"props":2787,"children":2788},{"class":365,"line":47},[2789,2793,2797],{"type":136,"tag":309,"props":2790,"children":2791},{"style":521},[2792],{"type":151,"value":551},{"type":136,"tag":309,"props":2794,"children":2795},{"style":375},[2796],{"type":151,"value":7},{"type":136,"tag":309,"props":2798,"children":2799},{"style":521},[2800],{"type":151,"value":560},{"type":136,"tag":309,"props":2802,"children":2803},{"class":365,"line":563},[2804,2808],{"type":136,"tag":309,"props":2805,"children":2806},{"style":515},[2807],{"type":151,"value":1642},{"type":136,"tag":309,"props":2809,"children":2810},{"style":521},[2811],{"type":151,"value":913},{"type":136,"tag":309,"props":2813,"children":2814},{"class":365,"line":572},[2815,2819,2823],{"type":136,"tag":309,"props":2816,"children":2817},{"style":530},[2818],{"type":151,"value":873},{"type":136,"tag":309,"props":2820,"children":2821},{"style":521},[2822],{"type":151,"value":538},{"type":136,"tag":309,"props":2824,"children":2825},{"style":521},[2826],{"type":151,"value":882},{"type":136,"tag":309,"props":2828,"children":2829},{"class":365,"line":941},[2830,2834,2838],{"type":136,"tag":309,"props":2831,"children":2832},{"style":530},[2833],{"type":151,"value":1669},{"type":136,"tag":309,"props":2835,"children":2836},{"style":521},[2837],{"type":151,"value":538},{"type":136,"tag":309,"props":2839,"children":2840},{"style":515},[2841],{"type":151,"value":543},{"type":136,"tag":309,"props":2843,"children":2844},{"class":365,"line":950},[2845],{"type":136,"tag":309,"props":2846,"children":2847},{"style":521},[2848],{"type":151,"value":1685},{"type":136,"tag":309,"props":2850,"children":2851},{"class":365,"line":1286},[2852,2856,2860,2864,2868,2872],{"type":136,"tag":309,"props":2853,"children":2854},{"style":530},[2855],{"type":151,"value":1693},{"type":136,"tag":309,"props":2857,"children":2858},{"style":521},[2859],{"type":151,"value":538},{"type":136,"tag":309,"props":2861,"children":2862},{"style":521},[2863],{"type":151,"value":899},{"type":136,"tag":309,"props":2865,"children":2866},{"style":375},[2867],{"type":151,"value":1706},{"type":136,"tag":309,"props":2869,"children":2870},{"style":521},[2871],{"type":151,"value":908},{"type":136,"tag":309,"props":2873,"children":2874},{"style":521},[2875],{"type":151,"value":913},{"type":136,"tag":309,"props":2877,"children":2878},{"class":365,"line":43},[2879,2883,2887,2891,2895,2899],{"type":136,"tag":309,"props":2880,"children":2881},{"style":530},[2882],{"type":151,"value":1722},{"type":136,"tag":309,"props":2884,"children":2885},{"style":521},[2886],{"type":151,"value":538},{"type":136,"tag":309,"props":2888,"children":2889},{"style":521},[2890],{"type":151,"value":899},{"type":136,"tag":309,"props":2892,"children":2893},{"style":375},[2894],{"type":151,"value":1514},{"type":136,"tag":309,"props":2896,"children":2897},{"style":521},[2898],{"type":151,"value":908},{"type":136,"tag":309,"props":2900,"children":2901},{"style":521},[2902],{"type":151,"value":913},{"type":136,"tag":309,"props":2904,"children":2905},{"class":365,"line":39},[2906,2911,2915,2919,2923],{"type":136,"tag":309,"props":2907,"children":2908},{"style":530},[2909],{"type":151,"value":2910}," normalizeIconName",{"type":136,"tag":309,"props":2912,"children":2913},{"style":521},[2914],{"type":151,"value":538},{"type":136,"tag":309,"props":2916,"children":2917},{"style":2378},[2918],{"type":151,"value":2381},{"type":136,"tag":309,"props":2920,"children":2921},{"style":521},[2922],{"type":151,"value":1245},{"type":136,"tag":309,"props":2924,"children":2925},{"style":838},[2926],{"type":151,"value":2434},{"type":136,"tag":309,"props":2928,"children":2929},{"class":365,"line":1753},[2930],{"type":136,"tag":309,"props":2931,"children":2932},{"style":521},[2933],{"type":151,"value":1768},{"type":136,"tag":309,"props":2935,"children":2936},{"class":365,"line":1762},[2937,2941],{"type":136,"tag":309,"props":2938,"children":2939},{"style":515},[2940],{"type":151,"value":1777},{"type":136,"tag":309,"props":2942,"children":2943},{"style":521},[2944],{"type":151,"value":913},{"type":136,"tag":309,"props":2946,"children":2947},{"class":365,"line":1771},[2948],{"type":136,"tag":309,"props":2949,"children":2950},{"style":521},[2951],{"type":151,"value":1790},{"type":136,"tag":309,"props":2953,"children":2954},{"class":365,"line":1784},[2955,2959],{"type":136,"tag":309,"props":2956,"children":2957},{"style":521},[2958],{"type":151,"value":578},{"type":136,"tag":309,"props":2960,"children":2961},{"style":515},[2962],{"type":151,"value":583},{"type":136,"tag":137,"props":2964,"children":2965},{},[2966,2968,2974,2976,2982],{"type":151,"value":2967},"Which enable to use ",{"type":136,"tag":317,"props":2969,"children":2971},{"className":2970},[],[2972],{"type":151,"value":2973},"assets/my-icons/FooBar.svg",{"type":151,"value":2975}," as ",{"type":136,"tag":317,"props":2977,"children":2979},{"className":2978},[],[2980],{"type":151,"value":2981},"my-icon:FooBar",{"type":151,"value":2983},", for example.",{"type":136,"tag":137,"props":2985,"children":2986},{},[2987,2993,2995,3001,3003,3010],{"type":136,"tag":317,"props":2988,"children":2990},{"className":2989},[],[2991],{"type":151,"value":2992},"normalizeIconName",{"type":151,"value":2994}," is default to ",{"type":136,"tag":317,"props":2996,"children":2998},{"className":2997},[],[2999],{"type":151,"value":3000},"true",{"type":151,"value":3002}," for backward compatibility, and will be flipped in the future major version. See ",{"type":136,"tag":157,"props":3004,"children":3007},{"href":3005,"rel":3006},"https://github.com/nuxt/icon/issues/265",[161],[3008],{"type":151,"value":3009},"#265",{"type":151,"value":3011}," for more context.",{"type":136,"tag":961,"props":3013,"children":3015},{"id":3014},"icon-customization",[3016],{"type":151,"value":3017},"Icon Customization",{"type":136,"tag":137,"props":3019,"children":3020},{},[3021,3023,3028,3030,3035,3037,3043,3045,3051],{"type":151,"value":3022},"To update the default size (",{"type":136,"tag":317,"props":3024,"children":3026},{"className":3025},[],[3027],{"type":151,"value":649},{"type":151,"value":3029},") of the ",{"type":136,"tag":317,"props":3031,"children":3033},{"className":3032},[],[3034],{"type":151,"value":404},{"type":151,"value":3036},", create an ",{"type":136,"tag":317,"props":3038,"children":3040},{"className":3039},[],[3041],{"type":151,"value":3042},"app.config.ts",{"type":151,"value":3044}," with the ",{"type":136,"tag":317,"props":3046,"children":3048},{"className":3047},[],[3049],{"type":151,"value":3050},"icon.size",{"type":151,"value":3052}," property.",{"type":136,"tag":137,"props":3054,"children":3055},{},[3056,3058,3064,3065,3070,3071,3077,3079,3084],{"type":151,"value":3057},"Update the default class (",{"type":136,"tag":317,"props":3059,"children":3061},{"className":3060},[],[3062],{"type":151,"value":3063},".icon",{"type":151,"value":3029},{"type":136,"tag":317,"props":3066,"children":3068},{"className":3067},[],[3069],{"type":151,"value":404},{"type":151,"value":3044},{"type":136,"tag":317,"props":3072,"children":3074},{"className":3073},[],[3075],{"type":151,"value":3076},"icon.class",{"type":151,"value":3078}," property, for a headless Icon, set ",{"type":136,"tag":317,"props":3080,"children":3082},{"className":3081},[],[3083],{"type":151,"value":4},{"type":151,"value":3085},".class: ''`.",{"type":136,"tag":137,"props":3087,"children":3088},{},[3089,3091,3097],{"type":151,"value":3090},"You can also define aliases to make swapping out icons easier by leveraging the ",{"type":136,"tag":317,"props":3092,"children":3094},{"className":3093},[],[3095],{"type":151,"value":3096},"icon.aliases",{"type":151,"value":3052},{"type":136,"tag":302,"props":3099,"children":3100},{},[3101],{"type":136,"tag":137,"props":3102,"children":3103},{},[3104,3108,3110,3115,3117,3122],{"type":136,"tag":309,"props":3105,"children":3106},{},[3107],{"type":151,"value":313},{"type":151,"value":3109},"\nNote it's ",{"type":136,"tag":317,"props":3111,"children":3113},{"className":3112},[],[3114],{"type":151,"value":3042},{"type":151,"value":3116}," and not ",{"type":136,"tag":317,"props":3118,"children":3120},{"className":3119},[],[3121],{"type":151,"value":483},{"type":151,"value":3123}," for runtime configs.",{"type":136,"tag":354,"props":3125,"children":3127},{"className":486,"code":3126,"language":488,"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",[3128],{"type":136,"tag":317,"props":3129,"children":3130},{"__ignoreMap":10},[3131,3139,3162,3177,3211,3244,3276,3292,3329,3336,3364,3371],{"type":136,"tag":309,"props":3132,"children":3133},{"class":365,"line":67},[3134],{"type":136,"tag":309,"props":3135,"children":3136},{"style":838},[3137],{"type":151,"value":3138},"// app.config.ts\n",{"type":136,"tag":309,"props":3140,"children":3141},{"class":365,"line":54},[3142,3146,3150,3154,3158],{"type":136,"tag":309,"props":3143,"children":3144},{"style":498},[3145],{"type":151,"value":501},{"type":136,"tag":309,"props":3147,"children":3148},{"style":498},[3149],{"type":151,"value":506},{"type":136,"tag":309,"props":3151,"children":3152},{"style":509},[3153],{"type":151,"value":857},{"type":136,"tag":309,"props":3155,"children":3156},{"style":515},[3157],{"type":151,"value":518},{"type":136,"tag":309,"props":3159,"children":3160},{"style":521},[3161],{"type":151,"value":524},{"type":136,"tag":309,"props":3163,"children":3164},{"class":365,"line":47},[3165,3169,3173],{"type":136,"tag":309,"props":3166,"children":3167},{"style":530},[3168],{"type":151,"value":873},{"type":136,"tag":309,"props":3170,"children":3171},{"style":521},[3172],{"type":151,"value":538},{"type":136,"tag":309,"props":3174,"children":3175},{"style":521},[3176],{"type":151,"value":882},{"type":136,"tag":309,"props":3178,"children":3179},{"class":365,"line":563},[3180,3185,3189,3193,3198,3202,3206],{"type":136,"tag":309,"props":3181,"children":3182},{"style":530},[3183],{"type":151,"value":3184}," size",{"type":136,"tag":309,"props":3186,"children":3187},{"style":521},[3188],{"type":151,"value":538},{"type":136,"tag":309,"props":3190,"children":3191},{"style":521},[3192],{"type":151,"value":899},{"type":136,"tag":309,"props":3194,"children":3195},{"style":375},[3196],{"type":151,"value":3197},"24px",{"type":136,"tag":309,"props":3199,"children":3200},{"style":521},[3201],{"type":151,"value":908},{"type":136,"tag":309,"props":3203,"children":3204},{"style":521},[3205],{"type":151,"value":1245},{"type":136,"tag":309,"props":3207,"children":3208},{"style":838},[3209],{"type":151,"value":3210}," // default \u003CIcon> size applied\n",{"type":136,"tag":309,"props":3212,"children":3213},{"class":365,"line":572},[3214,3219,3223,3227,3231,3235,3239],{"type":136,"tag":309,"props":3215,"children":3216},{"style":530},[3217],{"type":151,"value":3218}," class",{"type":136,"tag":309,"props":3220,"children":3221},{"style":521},[3222],{"type":151,"value":538},{"type":136,"tag":309,"props":3224,"children":3225},{"style":521},[3226],{"type":151,"value":899},{"type":136,"tag":309,"props":3228,"children":3229},{"style":375},[3230],{"type":151,"value":4},{"type":136,"tag":309,"props":3232,"children":3233},{"style":521},[3234],{"type":151,"value":908},{"type":136,"tag":309,"props":3236,"children":3237},{"style":521},[3238],{"type":151,"value":1245},{"type":136,"tag":309,"props":3240,"children":3241},{"style":838},[3242],{"type":151,"value":3243}," // default \u003CIcon> class applied\n",{"type":136,"tag":309,"props":3245,"children":3246},{"class":365,"line":941},[3247,3251,3255,3259,3263,3267,3271],{"type":136,"tag":309,"props":3248,"children":3249},{"style":530},[3250],{"type":151,"value":890},{"type":136,"tag":309,"props":3252,"children":3253},{"style":521},[3254],{"type":151,"value":538},{"type":136,"tag":309,"props":3256,"children":3257},{"style":521},[3258],{"type":151,"value":899},{"type":136,"tag":309,"props":3260,"children":3261},{"style":375},[3262],{"type":151,"value":676},{"type":136,"tag":309,"props":3264,"children":3265},{"style":521},[3266],{"type":151,"value":908},{"type":136,"tag":309,"props":3268,"children":3269},{"style":521},[3270],{"type":151,"value":1245},{"type":136,"tag":309,"props":3272,"children":3273},{"style":838},[3274],{"type":151,"value":3275}," // default \u003CIcon> mode applied\n",{"type":136,"tag":309,"props":3277,"children":3278},{"class":365,"line":950},[3279,3284,3288],{"type":136,"tag":309,"props":3280,"children":3281},{"style":530},[3282],{"type":151,"value":3283}," aliases",{"type":136,"tag":309,"props":3285,"children":3286},{"style":521},[3287],{"type":151,"value":538},{"type":136,"tag":309,"props":3289,"children":3290},{"style":521},[3291],{"type":151,"value":882},{"type":136,"tag":309,"props":3293,"children":3294},{"class":365,"line":1286},[3295,3300,3304,3308,3312,3316,3321,3325],{"type":136,"tag":309,"props":3296,"children":3297},{"style":521},[3298],{"type":151,"value":3299}," '",{"type":136,"tag":309,"props":3301,"children":3302},{"style":530},[3303],{"type":151,"value":2135},{"type":136,"tag":309,"props":3305,"children":3306},{"style":521},[3307],{"type":151,"value":908},{"type":136,"tag":309,"props":3309,"children":3310},{"style":521},[3311],{"type":151,"value":538},{"type":136,"tag":309,"props":3313,"children":3314},{"style":521},[3315],{"type":151,"value":899},{"type":136,"tag":309,"props":3317,"children":3318},{"style":375},[3319],{"type":151,"value":3320},"logos:nuxt-icon",{"type":136,"tag":309,"props":3322,"children":3323},{"style":521},[3324],{"type":151,"value":908},{"type":136,"tag":309,"props":3326,"children":3327},{"style":521},[3328],{"type":151,"value":913},{"type":136,"tag":309,"props":3330,"children":3331},{"class":365,"line":43},[3332],{"type":136,"tag":309,"props":3333,"children":3334},{"style":521},[3335],{"type":151,"value":2688},{"type":136,"tag":309,"props":3337,"children":3338},{"class":365,"line":39},[3339,3343,3347,3351,3355,3359],{"type":136,"tag":309,"props":3340,"children":3341},{"style":530},[3342],{"type":151,"value":921},{"type":136,"tag":309,"props":3344,"children":3345},{"style":521},[3346],{"type":151,"value":538},{"type":136,"tag":309,"props":3348,"children":3349},{"style":521},[3350],{"type":151,"value":899},{"type":136,"tag":309,"props":3352,"children":3353},{"style":375},[3354],{"type":151,"value":934},{"type":136,"tag":309,"props":3356,"children":3357},{"style":521},[3358],{"type":151,"value":908},{"type":136,"tag":309,"props":3360,"children":3361},{"style":838},[3362],{"type":151,"value":3363}," // set the css layer to inject to\n",{"type":136,"tag":309,"props":3365,"children":3366},{"class":365,"line":1753},[3367],{"type":136,"tag":309,"props":3368,"children":3369},{"style":521},[3370],{"type":151,"value":947},{"type":136,"tag":309,"props":3372,"children":3373},{"class":365,"line":1762},[3374,3378],{"type":136,"tag":309,"props":3375,"children":3376},{"style":521},[3377],{"type":151,"value":578},{"type":136,"tag":309,"props":3379,"children":3380},{"style":515},[3381],{"type":151,"value":583},{"type":136,"tag":137,"props":3383,"children":3384},{},[3385,3387,3392,3394,3399],{"type":151,"value":3386},"The icons will have the default size of ",{"type":136,"tag":317,"props":3388,"children":3390},{"className":3389},[],[3391],{"type":151,"value":3197},{"type":151,"value":3393}," and the ",{"type":136,"tag":317,"props":3395,"children":3397},{"className":3396},[],[3398],{"type":151,"value":2135},{"type":151,"value":3400}," icon will be available:",{"type":136,"tag":354,"props":3402,"children":3404},{"className":725,"code":3403,"language":727,"meta":10,"style":10},"\u003CIcon name=\"nuxt\" />\n",[3405],{"type":136,"tag":317,"props":3406,"children":3407},{"__ignoreMap":10},[3408],{"type":136,"tag":309,"props":3409,"children":3410},{"class":365,"line":67},[3411,3415,3419,3423,3427,3431,3435,3439],{"type":136,"tag":309,"props":3412,"children":3413},{"style":521},[3414],{"type":151,"value":739},{"type":136,"tag":309,"props":3416,"children":3417},{"style":530},[3418],{"type":151,"value":744},{"type":136,"tag":309,"props":3420,"children":3421},{"style":747},[3422],{"type":151,"value":750},{"type":136,"tag":309,"props":3424,"children":3425},{"style":521},[3426],{"type":151,"value":755},{"type":136,"tag":309,"props":3428,"children":3429},{"style":521},[3430],{"type":151,"value":760},{"type":136,"tag":309,"props":3432,"children":3433},{"style":375},[3434],{"type":151,"value":2135},{"type":136,"tag":309,"props":3436,"children":3437},{"style":521},[3438],{"type":151,"value":760},{"type":136,"tag":309,"props":3440,"children":3441},{"style":521},[3442],{"type":151,"value":796},{"type":136,"tag":137,"props":3444,"children":3445},{},[3446,3448,3454,3456,3462,3464,3471,3473,3479,3481,3487,3489,3496,3498,3504],{"type":151,"value":3447},"By default, this module will create a server endpoint ",{"type":136,"tag":317,"props":3449,"children":3451},{"className":3450},[],[3452],{"type":151,"value":3453},"/api/_nuxt_icon/:collection",{"type":151,"value":3455}," to serve the icons from your local server bundle (you can override the default path by setting ",{"type":136,"tag":317,"props":3457,"children":3459},{"className":3458},[],[3460],{"type":151,"value":3461},"icon.localApiEndpoint",{"type":151,"value":3463}," 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":3465,"children":3468},{"href":3466,"rel":3467},"https://api.iconify.design",[161],[3469],{"type":151,"value":3470},"the official Iconify API",{"type":151,"value":3472},". You can disable the fallback by setting ",{"type":136,"tag":317,"props":3474,"children":3476},{"className":3475},[],[3477],{"type":151,"value":3478},"icon.fallbackToApi",{"type":151,"value":3480}," to ",{"type":136,"tag":317,"props":3482,"children":3484},{"className":3483},[],[3485],{"type":151,"value":3486},"false",{"type":151,"value":3488},", or set up ",{"type":136,"tag":157,"props":3490,"children":3493},{"href":3491,"rel":3492},"https://iconify.design/docs/api/hosting.html",[161],[3494],{"type":151,"value":3495},"your own Iconify API",{"type":151,"value":3497}," and update ",{"type":136,"tag":317,"props":3499,"children":3501},{"className":3500},[],[3502],{"type":151,"value":3503},"icon.iconifyApiEndpoint",{"type":151,"value":3505}," to your own API endpoint.",{"type":136,"tag":137,"props":3507,"children":3508},{},[3509],{"type":136,"tag":614,"props":3510,"children":3511},{},[3512],{"type":151,"value":3513},"Customizing Icons with the customize Option",{"type":136,"tag":137,"props":3515,"children":3516},{},[3517],{"type":151,"value":3518},"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":3520,"children":3521},{},[3522,3527,3532,3537,3542],{"type":136,"tag":241,"props":3523,"children":3524},{},[3525],{"type":151,"value":3526},"Change Stroke Width",{"type":136,"tag":241,"props":3528,"children":3529},{},[3530],{"type":151,"value":3531},"Change Colors",{"type":136,"tag":241,"props":3533,"children":3534},{},[3535],{"type":151,"value":3536},"Change Animation Duration",{"type":136,"tag":241,"props":3538,"children":3539},{},[3540],{"type":151,"value":3541},"Change Opacity",{"type":136,"tag":241,"props":3543,"children":3544},{},[3545],{"type":151,"value":3546},"Add Extra Shapes",{"type":136,"tag":137,"props":3548,"children":3549},{},[3550],{"type":151,"value":3551},"You have full control over SVG content with these customization options.",{"type":136,"tag":137,"props":3553,"children":3554},{},[3555],{"type":151,"value":3556},"In a Component\nYou can define a customize function within a component to apply various modifications to your icons.",{"type":136,"tag":354,"props":3558,"children":3560},{"className":1845,"code":3559,"language":1847,"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",[3561],{"type":136,"tag":317,"props":3562,"children":3563},{"__ignoreMap":10},[3564,3606,3614,3714,3769,3778,3791,3873,3947,4021,4095,4174,4182,4197,4204,4219,4281,4296,4304],{"type":136,"tag":309,"props":3565,"children":3566},{"class":365,"line":67},[3567,3571,3576,3581,3586,3590,3594,3598,3602],{"type":136,"tag":309,"props":3568,"children":3569},{"style":521},[3570],{"type":151,"value":739},{"type":136,"tag":309,"props":3572,"children":3573},{"style":530},[3574],{"type":151,"value":3575},"script",{"type":136,"tag":309,"props":3577,"children":3578},{"style":747},[3579],{"type":151,"value":3580}," setup",{"type":136,"tag":309,"props":3582,"children":3583},{"style":747},[3584],{"type":151,"value":3585}," lang",{"type":136,"tag":309,"props":3587,"children":3588},{"style":521},[3589],{"type":151,"value":755},{"type":136,"tag":309,"props":3591,"children":3592},{"style":521},[3593],{"type":151,"value":760},{"type":136,"tag":309,"props":3595,"children":3596},{"style":375},[3597],{"type":151,"value":488},{"type":136,"tag":309,"props":3599,"children":3600},{"style":521},[3601],{"type":151,"value":760},{"type":136,"tag":309,"props":3603,"children":3604},{"style":521},[3605],{"type":151,"value":1868},{"type":136,"tag":309,"props":3607,"children":3608},{"class":365,"line":54},[3609],{"type":136,"tag":309,"props":3610,"children":3611},{"style":838},[3612],{"type":151,"value":3613},"// Define the customize function to modify SVG content\n",{"type":136,"tag":309,"props":3615,"children":3616},{"class":365,"line":47},[3617,3622,3627,3631,3636,3642,3646,3651,3655,3659,3663,3667,3671,3676,3680,3684,3688,3693,3697,3701,3705,3710],{"type":136,"tag":309,"props":3618,"children":3619},{"style":747},[3620],{"type":151,"value":3621},"const",{"type":136,"tag":309,"props":3623,"children":3624},{"style":515},[3625],{"type":151,"value":3626}," customize ",{"type":136,"tag":309,"props":3628,"children":3629},{"style":521},[3630],{"type":151,"value":755},{"type":136,"tag":309,"props":3632,"children":3633},{"style":521},[3634],{"type":151,"value":3635}," (",{"type":136,"tag":309,"props":3637,"children":3639},{"style":3638},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[3640],{"type":151,"value":3641},"content",{"type":136,"tag":309,"props":3643,"children":3644},{"style":521},[3645],{"type":151,"value":538},{"type":136,"tag":309,"props":3647,"children":3648},{"style":369},[3649],{"type":151,"value":3650}," string",{"type":136,"tag":309,"props":3652,"children":3653},{"style":521},[3654],{"type":151,"value":1245},{"type":136,"tag":309,"props":3656,"children":3657},{"style":3638},[3658],{"type":151,"value":750},{"type":136,"tag":309,"props":3660,"children":3661},{"style":521},[3662],{"type":151,"value":538},{"type":136,"tag":309,"props":3664,"children":3665},{"style":369},[3666],{"type":151,"value":3650},{"type":136,"tag":309,"props":3668,"children":3669},{"style":521},[3670],{"type":151,"value":1245},{"type":136,"tag":309,"props":3672,"children":3673},{"style":3638},[3674],{"type":151,"value":3675}," prefix",{"type":136,"tag":309,"props":3677,"children":3678},{"style":521},[3679],{"type":151,"value":538},{"type":136,"tag":309,"props":3681,"children":3682},{"style":369},[3683],{"type":151,"value":3650},{"type":136,"tag":309,"props":3685,"children":3686},{"style":521},[3687],{"type":151,"value":1245},{"type":136,"tag":309,"props":3689,"children":3690},{"style":3638},[3691],{"type":151,"value":3692}," provider",{"type":136,"tag":309,"props":3694,"children":3695},{"style":521},[3696],{"type":151,"value":538},{"type":136,"tag":309,"props":3698,"children":3699},{"style":369},[3700],{"type":151,"value":3650},{"type":136,"tag":309,"props":3702,"children":3703},{"style":521},[3704],{"type":151,"value":651},{"type":136,"tag":309,"props":3706,"children":3707},{"style":747},[3708],{"type":151,"value":3709}," =>",{"type":136,"tag":309,"props":3711,"children":3712},{"style":521},[3713],{"type":151,"value":882},{"type":136,"tag":309,"props":3715,"children":3716},{"class":365,"line":563},[3717,3722,3726,3731,3736,3740,3745,3749,3754,3759,3764],{"type":136,"tag":309,"props":3718,"children":3719},{"style":498},[3720],{"type":151,"value":3721}," if",{"type":136,"tag":309,"props":3723,"children":3724},{"style":530},[3725],{"type":151,"value":3635},{"type":136,"tag":309,"props":3727,"children":3728},{"style":515},[3729],{"type":151,"value":3730},"prefix",{"type":136,"tag":309,"props":3732,"children":3733},{"style":521},[3734],{"type":151,"value":3735}," !==",{"type":136,"tag":309,"props":3737,"children":3738},{"style":521},[3739],{"type":151,"value":899},{"type":136,"tag":309,"props":3741,"children":3742},{"style":375},[3743],{"type":151,"value":3744},"tabler",{"type":136,"tag":309,"props":3746,"children":3747},{"style":521},[3748],{"type":151,"value":908},{"type":136,"tag":309,"props":3750,"children":3751},{"style":530},[3752],{"type":151,"value":3753},") ",{"type":136,"tag":309,"props":3755,"children":3756},{"style":498},[3757],{"type":151,"value":3758},"return",{"type":136,"tag":309,"props":3760,"children":3761},{"style":515},[3762],{"type":151,"value":3763}," content",{"type":136,"tag":309,"props":3765,"children":3766},{"style":838},[3767],{"type":151,"value":3768}," // Ignore Prefix\n",{"type":136,"tag":309,"props":3770,"children":3771},{"class":365,"line":572},[3772],{"type":136,"tag":309,"props":3773,"children":3775},{"emptyLinePlaceholder":3774},true,[3776],{"type":151,"value":3777},"\n",{"type":136,"tag":309,"props":3779,"children":3780},{"class":365,"line":941},[3781,3786],{"type":136,"tag":309,"props":3782,"children":3783},{"style":498},[3784],{"type":151,"value":3785}," return",{"type":136,"tag":309,"props":3787,"children":3788},{"style":515},[3789],{"type":151,"value":3790}," content\n",{"type":136,"tag":309,"props":3792,"children":3793},{"class":365,"line":950},[3794,3799,3804,3808,3813,3818,3823,3827,3832,3836,3840,3845,3849,3854,3859,3864,3868],{"type":136,"tag":309,"props":3795,"children":3796},{"style":521},[3797],{"type":151,"value":3798}," .",{"type":136,"tag":309,"props":3800,"children":3801},{"style":509},[3802],{"type":151,"value":3803},"replace",{"type":136,"tag":309,"props":3805,"children":3806},{"style":530},[3807],{"type":151,"value":518},{"type":136,"tag":309,"props":3809,"children":3810},{"style":521},[3811],{"type":151,"value":3812},"/",{"type":136,"tag":309,"props":3814,"children":3815},{"style":375},[3816],{"type":151,"value":3817},"stroke-width=\"",{"type":136,"tag":309,"props":3819,"children":3820},{"style":521},[3821],{"type":151,"value":3822},"[^",{"type":136,"tag":309,"props":3824,"children":3825},{"style":375},[3826],{"type":151,"value":760},{"type":136,"tag":309,"props":3828,"children":3829},{"style":521},[3830],{"type":151,"value":3831},"]*",{"type":136,"tag":309,"props":3833,"children":3834},{"style":375},[3835],{"type":151,"value":760},{"type":136,"tag":309,"props":3837,"children":3838},{"style":521},[3839],{"type":151,"value":3812},{"type":136,"tag":309,"props":3841,"children":3842},{"style":2198},[3843],{"type":151,"value":3844},"g",{"type":136,"tag":309,"props":3846,"children":3847},{"style":521},[3848],{"type":151,"value":1245},{"type":136,"tag":309,"props":3850,"children":3851},{"style":521},[3852],{"type":151,"value":3853}," `",{"type":136,"tag":309,"props":3855,"children":3856},{"style":375},[3857],{"type":151,"value":3858},"stroke-width=\"2\"",{"type":136,"tag":309,"props":3860,"children":3861},{"style":521},[3862],{"type":151,"value":3863},"`",{"type":136,"tag":309,"props":3865,"children":3866},{"style":530},[3867],{"type":151,"value":3753},{"type":136,"tag":309,"props":3869,"children":3870},{"style":838},[3871],{"type":151,"value":3872},"// Change stroke width to 2\n",{"type":136,"tag":309,"props":3874,"children":3875},{"class":365,"line":1286},[3876,3880,3884,3888,3892,3897,3901,3905,3909,3913,3917,3921,3925,3929,3934,3938,3942],{"type":136,"tag":309,"props":3877,"children":3878},{"style":521},[3879],{"type":151,"value":3798},{"type":136,"tag":309,"props":3881,"children":3882},{"style":509},[3883],{"type":151,"value":3803},{"type":136,"tag":309,"props":3885,"children":3886},{"style":530},[3887],{"type":151,"value":518},{"type":136,"tag":309,"props":3889,"children":3890},{"style":521},[3891],{"type":151,"value":3812},{"type":136,"tag":309,"props":3893,"children":3894},{"style":375},[3895],{"type":151,"value":3896},"stroke=\"",{"type":136,"tag":309,"props":3898,"children":3899},{"style":521},[3900],{"type":151,"value":3822},{"type":136,"tag":309,"props":3902,"children":3903},{"style":375},[3904],{"type":151,"value":760},{"type":136,"tag":309,"props":3906,"children":3907},{"style":521},[3908],{"type":151,"value":3831},{"type":136,"tag":309,"props":3910,"children":3911},{"style":375},[3912],{"type":151,"value":760},{"type":136,"tag":309,"props":3914,"children":3915},{"style":521},[3916],{"type":151,"value":3812},{"type":136,"tag":309,"props":3918,"children":3919},{"style":2198},[3920],{"type":151,"value":3844},{"type":136,"tag":309,"props":3922,"children":3923},{"style":521},[3924],{"type":151,"value":1245},{"type":136,"tag":309,"props":3926,"children":3927},{"style":521},[3928],{"type":151,"value":3853},{"type":136,"tag":309,"props":3930,"children":3931},{"style":375},[3932],{"type":151,"value":3933},"stroke=\"#FF5733\"",{"type":136,"tag":309,"props":3935,"children":3936},{"style":521},[3937],{"type":151,"value":3863},{"type":136,"tag":309,"props":3939,"children":3940},{"style":530},[3941],{"type":151,"value":3753},{"type":136,"tag":309,"props":3943,"children":3944},{"style":838},[3945],{"type":151,"value":3946},"// Change stroke color to red\n",{"type":136,"tag":309,"props":3948,"children":3949},{"class":365,"line":43},[3950,3954,3958,3962,3966,3971,3975,3979,3983,3987,3991,3995,3999,4003,4008,4012,4016],{"type":136,"tag":309,"props":3951,"children":3952},{"style":521},[3953],{"type":151,"value":3798},{"type":136,"tag":309,"props":3955,"children":3956},{"style":509},[3957],{"type":151,"value":3803},{"type":136,"tag":309,"props":3959,"children":3960},{"style":530},[3961],{"type":151,"value":518},{"type":136,"tag":309,"props":3963,"children":3964},{"style":521},[3965],{"type":151,"value":3812},{"type":136,"tag":309,"props":3967,"children":3968},{"style":375},[3969],{"type":151,"value":3970},"fill=\"",{"type":136,"tag":309,"props":3972,"children":3973},{"style":521},[3974],{"type":151,"value":3822},{"type":136,"tag":309,"props":3976,"children":3977},{"style":375},[3978],{"type":151,"value":760},{"type":136,"tag":309,"props":3980,"children":3981},{"style":521},[3982],{"type":151,"value":3831},{"type":136,"tag":309,"props":3984,"children":3985},{"style":375},[3986],{"type":151,"value":760},{"type":136,"tag":309,"props":3988,"children":3989},{"style":521},[3990],{"type":151,"value":3812},{"type":136,"tag":309,"props":3992,"children":3993},{"style":2198},[3994],{"type":151,"value":3844},{"type":136,"tag":309,"props":3996,"children":3997},{"style":521},[3998],{"type":151,"value":1245},{"type":136,"tag":309,"props":4000,"children":4001},{"style":521},[4002],{"type":151,"value":3853},{"type":136,"tag":309,"props":4004,"children":4005},{"style":375},[4006],{"type":151,"value":4007},"fill=\"#FF5733\"",{"type":136,"tag":309,"props":4009,"children":4010},{"style":521},[4011],{"type":151,"value":3863},{"type":136,"tag":309,"props":4013,"children":4014},{"style":530},[4015],{"type":151,"value":3753},{"type":136,"tag":309,"props":4017,"children":4018},{"style":838},[4019],{"type":151,"value":4020},"// Change fill color to red\n",{"type":136,"tag":309,"props":4022,"children":4023},{"class":365,"line":39},[4024,4028,4032,4036,4040,4045,4049,4053,4057,4061,4065,4069,4073,4077,4082,4086,4090],{"type":136,"tag":309,"props":4025,"children":4026},{"style":521},[4027],{"type":151,"value":3798},{"type":136,"tag":309,"props":4029,"children":4030},{"style":509},[4031],{"type":151,"value":3803},{"type":136,"tag":309,"props":4033,"children":4034},{"style":530},[4035],{"type":151,"value":518},{"type":136,"tag":309,"props":4037,"children":4038},{"style":521},[4039],{"type":151,"value":3812},{"type":136,"tag":309,"props":4041,"children":4042},{"style":375},[4043],{"type":151,"value":4044},"animation-duration=\"",{"type":136,"tag":309,"props":4046,"children":4047},{"style":521},[4048],{"type":151,"value":3822},{"type":136,"tag":309,"props":4050,"children":4051},{"style":375},[4052],{"type":151,"value":760},{"type":136,"tag":309,"props":4054,"children":4055},{"style":521},[4056],{"type":151,"value":3831},{"type":136,"tag":309,"props":4058,"children":4059},{"style":375},[4060],{"type":151,"value":760},{"type":136,"tag":309,"props":4062,"children":4063},{"style":521},[4064],{"type":151,"value":3812},{"type":136,"tag":309,"props":4066,"children":4067},{"style":2198},[4068],{"type":151,"value":3844},{"type":136,"tag":309,"props":4070,"children":4071},{"style":521},[4072],{"type":151,"value":1245},{"type":136,"tag":309,"props":4074,"children":4075},{"style":521},[4076],{"type":151,"value":3853},{"type":136,"tag":309,"props":4078,"children":4079},{"style":375},[4080],{"type":151,"value":4081},"animation-duration=\"1s\"",{"type":136,"tag":309,"props":4083,"children":4084},{"style":521},[4085],{"type":151,"value":3863},{"type":136,"tag":309,"props":4087,"children":4088},{"style":530},[4089],{"type":151,"value":3753},{"type":136,"tag":309,"props":4091,"children":4092},{"style":838},[4093],{"type":151,"value":4094},"// Change animation duration to 1s (for animated icons)\n",{"type":136,"tag":309,"props":4096,"children":4097},{"class":365,"line":1753},[4098,4102,4106,4110,4114,4119,4123,4127,4131,4135,4139,4143,4147,4151,4156,4160,4164,4169],{"type":136,"tag":309,"props":4099,"children":4100},{"style":521},[4101],{"type":151,"value":3798},{"type":136,"tag":309,"props":4103,"children":4104},{"style":509},[4105],{"type":151,"value":3803},{"type":136,"tag":309,"props":4107,"children":4108},{"style":530},[4109],{"type":151,"value":518},{"type":136,"tag":309,"props":4111,"children":4112},{"style":521},[4113],{"type":151,"value":3812},{"type":136,"tag":309,"props":4115,"children":4116},{"style":375},[4117],{"type":151,"value":4118},"opacity=\"",{"type":136,"tag":309,"props":4120,"children":4121},{"style":521},[4122],{"type":151,"value":3822},{"type":136,"tag":309,"props":4124,"children":4125},{"style":375},[4126],{"type":151,"value":760},{"type":136,"tag":309,"props":4128,"children":4129},{"style":521},[4130],{"type":151,"value":3831},{"type":136,"tag":309,"props":4132,"children":4133},{"style":375},[4134],{"type":151,"value":760},{"type":136,"tag":309,"props":4136,"children":4137},{"style":521},[4138],{"type":151,"value":3812},{"type":136,"tag":309,"props":4140,"children":4141},{"style":2198},[4142],{"type":151,"value":3844},{"type":136,"tag":309,"props":4144,"children":4145},{"style":521},[4146],{"type":151,"value":1245},{"type":136,"tag":309,"props":4148,"children":4149},{"style":521},[4150],{"type":151,"value":3853},{"type":136,"tag":309,"props":4152,"children":4153},{"style":375},[4154],{"type":151,"value":4155},"opacity=\"0.8\"",{"type":136,"tag":309,"props":4157,"children":4158},{"style":521},[4159],{"type":151,"value":3863},{"type":136,"tag":309,"props":4161,"children":4162},{"style":530},[4163],{"type":151,"value":651},{"type":136,"tag":309,"props":4165,"children":4166},{"style":521},[4167],{"type":151,"value":4168},";",{"type":136,"tag":309,"props":4170,"children":4171},{"style":838},[4172],{"type":151,"value":4173},"// Change opacity to 0.8\n",{"type":136,"tag":309,"props":4175,"children":4176},{"class":365,"line":1762},[4177],{"type":136,"tag":309,"props":4178,"children":4179},{"style":521},[4180],{"type":151,"value":4181},"}\n",{"type":136,"tag":309,"props":4183,"children":4184},{"class":365,"line":1771},[4185,4189,4193],{"type":136,"tag":309,"props":4186,"children":4187},{"style":521},[4188],{"type":151,"value":1949},{"type":136,"tag":309,"props":4190,"children":4191},{"style":530},[4192],{"type":151,"value":3575},{"type":136,"tag":309,"props":4194,"children":4195},{"style":521},[4196],{"type":151,"value":1868},{"type":136,"tag":309,"props":4198,"children":4199},{"class":365,"line":1784},[4200],{"type":136,"tag":309,"props":4201,"children":4202},{"emptyLinePlaceholder":3774},[4203],{"type":151,"value":3777},{"type":136,"tag":309,"props":4205,"children":4206},{"class":365,"line":1793},[4207,4211,4215],{"type":136,"tag":309,"props":4208,"children":4209},{"style":521},[4210],{"type":151,"value":739},{"type":136,"tag":309,"props":4212,"children":4213},{"style":530},[4214],{"type":151,"value":1863},{"type":136,"tag":309,"props":4216,"children":4217},{"style":521},[4218],{"type":151,"value":1868},{"type":136,"tag":309,"props":4220,"children":4221},{"class":365,"line":2247},[4222,4226,4230,4234,4238,4242,4247,4251,4256,4261,4265,4269,4273,4277],{"type":136,"tag":309,"props":4223,"children":4224},{"style":521},[4225],{"type":151,"value":1876},{"type":136,"tag":309,"props":4227,"children":4228},{"style":530},[4229],{"type":151,"value":744},{"type":136,"tag":309,"props":4231,"children":4232},{"style":747},[4233],{"type":151,"value":750},{"type":136,"tag":309,"props":4235,"children":4236},{"style":521},[4237],{"type":151,"value":755},{"type":136,"tag":309,"props":4239,"children":4240},{"style":521},[4241],{"type":151,"value":760},{"type":136,"tag":309,"props":4243,"children":4244},{"style":375},[4245],{"type":151,"value":4246},"tabler:star",{"type":136,"tag":309,"props":4248,"children":4249},{"style":521},[4250],{"type":151,"value":760},{"type":136,"tag":309,"props":4252,"children":4253},{"style":521},[4254],{"type":151,"value":4255}," :",{"type":136,"tag":309,"props":4257,"children":4258},{"style":747},[4259],{"type":151,"value":4260},"customize",{"type":136,"tag":309,"props":4262,"children":4263},{"style":521},[4264],{"type":151,"value":755},{"type":136,"tag":309,"props":4266,"children":4267},{"style":521},[4268],{"type":151,"value":760},{"type":136,"tag":309,"props":4270,"children":4271},{"style":515},[4272],{"type":151,"value":4260},{"type":136,"tag":309,"props":4274,"children":4275},{"style":521},[4276],{"type":151,"value":760},{"type":136,"tag":309,"props":4278,"children":4279},{"style":521},[4280],{"type":151,"value":796},{"type":136,"tag":309,"props":4282,"children":4283},{"class":365,"line":2255},[4284,4288,4292],{"type":136,"tag":309,"props":4285,"children":4286},{"style":521},[4287],{"type":151,"value":1949},{"type":136,"tag":309,"props":4289,"children":4290},{"style":530},[4291],{"type":151,"value":1863},{"type":136,"tag":309,"props":4293,"children":4294},{"style":521},[4295],{"type":151,"value":1868},{"type":136,"tag":309,"props":4297,"children":4299},{"class":365,"line":4298},18,[4300],{"type":136,"tag":309,"props":4301,"children":4302},{"emptyLinePlaceholder":3774},[4303],{"type":151,"value":3777},{"type":136,"tag":309,"props":4305,"children":4307},{"class":365,"line":4306},19,[4308],{"type":136,"tag":309,"props":4309,"children":4310},{"style":838},[4311],{"type":151,"value":4312},"\u003C!-- You can also use `:customize=\"false\"` to disabled the global customization function per-usage -->\n",{"type":136,"tag":137,"props":4314,"children":4315},{},[4316],{"type":151,"value":4317},"In the App Configuration File:",{"type":136,"tag":137,"props":4319,"children":4320},{},[4321,4323,4328],{"type":151,"value":4322},"Alternatively, you can apply these customizations globally in the ",{"type":136,"tag":317,"props":4324,"children":4326},{"className":4325},[],[4327],{"type":151,"value":3042},{"type":151,"value":4329}," file.",{"type":136,"tag":354,"props":4331,"children":4333},{"className":486,"code":4332,"language":488,"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",[4334],{"type":136,"tag":317,"props":4335,"children":4336},{"__ignoreMap":10},[4337,4344,4367,4382,4470,4478,4485,4492],{"type":136,"tag":309,"props":4338,"children":4339},{"class":365,"line":67},[4340],{"type":136,"tag":309,"props":4341,"children":4342},{"style":838},[4343],{"type":151,"value":3138},{"type":136,"tag":309,"props":4345,"children":4346},{"class":365,"line":54},[4347,4351,4355,4359,4363],{"type":136,"tag":309,"props":4348,"children":4349},{"style":498},[4350],{"type":151,"value":501},{"type":136,"tag":309,"props":4352,"children":4353},{"style":498},[4354],{"type":151,"value":506},{"type":136,"tag":309,"props":4356,"children":4357},{"style":509},[4358],{"type":151,"value":857},{"type":136,"tag":309,"props":4360,"children":4361},{"style":515},[4362],{"type":151,"value":518},{"type":136,"tag":309,"props":4364,"children":4365},{"style":521},[4366],{"type":151,"value":524},{"type":136,"tag":309,"props":4368,"children":4369},{"class":365,"line":47},[4370,4374,4378],{"type":136,"tag":309,"props":4371,"children":4372},{"style":530},[4373],{"type":151,"value":873},{"type":136,"tag":309,"props":4375,"children":4376},{"style":521},[4377],{"type":151,"value":538},{"type":136,"tag":309,"props":4379,"children":4380},{"style":521},[4381],{"type":151,"value":882},{"type":136,"tag":309,"props":4383,"children":4384},{"class":365,"line":563},[4385,4390,4394,4398,4402,4406,4410,4414,4418,4422,4426,4430,4434,4438,4442,4446,4450,4454,4458,4462,4466],{"type":136,"tag":309,"props":4386,"children":4387},{"style":509},[4388],{"type":151,"value":4389}," customize",{"type":136,"tag":309,"props":4391,"children":4392},{"style":521},[4393],{"type":151,"value":538},{"type":136,"tag":309,"props":4395,"children":4396},{"style":521},[4397],{"type":151,"value":3635},{"type":136,"tag":309,"props":4399,"children":4400},{"style":3638},[4401],{"type":151,"value":3641},{"type":136,"tag":309,"props":4403,"children":4404},{"style":521},[4405],{"type":151,"value":538},{"type":136,"tag":309,"props":4407,"children":4408},{"style":369},[4409],{"type":151,"value":3650},{"type":136,"tag":309,"props":4411,"children":4412},{"style":521},[4413],{"type":151,"value":1245},{"type":136,"tag":309,"props":4415,"children":4416},{"style":3638},[4417],{"type":151,"value":750},{"type":136,"tag":309,"props":4419,"children":4420},{"style":521},[4421],{"type":151,"value":538},{"type":136,"tag":309,"props":4423,"children":4424},{"style":369},[4425],{"type":151,"value":3650},{"type":136,"tag":309,"props":4427,"children":4428},{"style":521},[4429],{"type":151,"value":1245},{"type":136,"tag":309,"props":4431,"children":4432},{"style":3638},[4433],{"type":151,"value":3675},{"type":136,"tag":309,"props":4435,"children":4436},{"style":521},[4437],{"type":151,"value":538},{"type":136,"tag":309,"props":4439,"children":4440},{"style":369},[4441],{"type":151,"value":3650},{"type":136,"tag":309,"props":4443,"children":4444},{"style":521},[4445],{"type":151,"value":1245},{"type":136,"tag":309,"props":4447,"children":4448},{"style":3638},[4449],{"type":151,"value":3692},{"type":136,"tag":309,"props":4451,"children":4452},{"style":521},[4453],{"type":151,"value":538},{"type":136,"tag":309,"props":4455,"children":4456},{"style":369},[4457],{"type":151,"value":3650},{"type":136,"tag":309,"props":4459,"children":4460},{"style":521},[4461],{"type":151,"value":651},{"type":136,"tag":309,"props":4463,"children":4464},{"style":747},[4465],{"type":151,"value":3709},{"type":136,"tag":309,"props":4467,"children":4468},{"style":521},[4469],{"type":151,"value":882},{"type":136,"tag":309,"props":4471,"children":4472},{"class":365,"line":572},[4473],{"type":136,"tag":309,"props":4474,"children":4475},{"style":838},[4476],{"type":151,"value":4477}," // ...\n",{"type":136,"tag":309,"props":4479,"children":4480},{"class":365,"line":941},[4481],{"type":136,"tag":309,"props":4482,"children":4483},{"style":521},[4484],{"type":151,"value":2688},{"type":136,"tag":309,"props":4486,"children":4487},{"class":365,"line":950},[4488],{"type":136,"tag":309,"props":4489,"children":4490},{"style":521},[4491],{"type":151,"value":947},{"type":136,"tag":309,"props":4493,"children":4494},{"class":365,"line":1286},[4495,4499],{"type":136,"tag":309,"props":4496,"children":4497},{"style":521},[4498],{"type":151,"value":578},{"type":136,"tag":309,"props":4500,"children":4501},{"style":515},[4502],{"type":151,"value":583},{"type":136,"tag":137,"props":4504,"children":4505},{},[4506],{"type":151,"value":4507},"With this configuration, all icons throughout your application will have these customizations applied consistently.",{"type":136,"tag":961,"props":4509,"children":4511},{"id":4510},"server-bundle",[4512],{"type":151,"value":4513},"Server Bundle",{"type":136,"tag":137,"props":4515,"children":4516},{},[4517,4519,4524],{"type":151,"value":4518},"Since ",{"type":136,"tag":317,"props":4520,"children":4522},{"className":4521},[],[4523],{"type":151,"value":7},{"type":151,"value":4525}," 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":4527,"props":4528,"children":4530},"h4",{"id":4529},"server-bundle-mode-local",[4531,4533],{"type":151,"value":4532},"Server Bundle Mode: ",{"type":136,"tag":317,"props":4534,"children":4536},{"className":4535},[],[4537],{"type":151,"value":4538},"local",{"type":136,"tag":137,"props":4540,"children":4541},{},[4542,4544,4550],{"type":151,"value":4543},"This mode will bundle the icon collections you have installed locally (like ",{"type":136,"tag":317,"props":4545,"children":4547},{"className":4546},[],[4548],{"type":151,"value":4549},"@iconify-json/*",{"type":151,"value":4551},"), 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":4527,"props":4553,"children":4555},{"id":4554},"server-bundle-mode-remote",[4556,4557],{"type":151,"value":4532},{"type":136,"tag":317,"props":4558,"children":4560},{"className":4559},[],[4561],{"type":151,"value":4562},"remote",{"type":136,"tag":137,"props":4564,"children":4565},{},[4566,4568,4573,4575,4580],{"type":151,"value":4567},"Introduced in ",{"type":136,"tag":317,"props":4569,"children":4571},{"className":4570},[],[4572],{"type":151,"value":7},{"type":151,"value":4574}," v1.2, you can now use the ",{"type":136,"tag":317,"props":4576,"children":4578},{"className":4577},[],[4579],{"type":151,"value":4562},{"type":151,"value":4581}," server bundle to serve the icons from a remote CDN.",{"type":136,"tag":354,"props":4583,"children":4585},{"className":486,"code":4584,"language":488,"meta":10,"style":10},"export default defineNuxtConfig({\n modules: [\n '@nuxt/icon'\n ],\n icon: {\n serverBundle: 'remote',\n },\n})\n",[4586],{"type":136,"tag":317,"props":4587,"children":4588},{"__ignoreMap":10},[4589,4612,4627,4642,4653,4668,4695,4702],{"type":136,"tag":309,"props":4590,"children":4591},{"class":365,"line":67},[4592,4596,4600,4604,4608],{"type":136,"tag":309,"props":4593,"children":4594},{"style":498},[4595],{"type":151,"value":501},{"type":136,"tag":309,"props":4597,"children":4598},{"style":498},[4599],{"type":151,"value":506},{"type":136,"tag":309,"props":4601,"children":4602},{"style":509},[4603],{"type":151,"value":512},{"type":136,"tag":309,"props":4605,"children":4606},{"style":515},[4607],{"type":151,"value":518},{"type":136,"tag":309,"props":4609,"children":4610},{"style":521},[4611],{"type":151,"value":524},{"type":136,"tag":309,"props":4613,"children":4614},{"class":365,"line":54},[4615,4619,4623],{"type":136,"tag":309,"props":4616,"children":4617},{"style":530},[4618],{"type":151,"value":533},{"type":136,"tag":309,"props":4620,"children":4621},{"style":521},[4622],{"type":151,"value":538},{"type":136,"tag":309,"props":4624,"children":4625},{"style":515},[4626],{"type":151,"value":543},{"type":136,"tag":309,"props":4628,"children":4629},{"class":365,"line":47},[4630,4634,4638],{"type":136,"tag":309,"props":4631,"children":4632},{"style":521},[4633],{"type":151,"value":551},{"type":136,"tag":309,"props":4635,"children":4636},{"style":375},[4637],{"type":151,"value":7},{"type":136,"tag":309,"props":4639,"children":4640},{"style":521},[4641],{"type":151,"value":560},{"type":136,"tag":309,"props":4643,"children":4644},{"class":365,"line":563},[4645,4649],{"type":136,"tag":309,"props":4646,"children":4647},{"style":515},[4648],{"type":151,"value":1642},{"type":136,"tag":309,"props":4650,"children":4651},{"style":521},[4652],{"type":151,"value":913},{"type":136,"tag":309,"props":4654,"children":4655},{"class":365,"line":572},[4656,4660,4664],{"type":136,"tag":309,"props":4657,"children":4658},{"style":530},[4659],{"type":151,"value":873},{"type":136,"tag":309,"props":4661,"children":4662},{"style":521},[4663],{"type":151,"value":538},{"type":136,"tag":309,"props":4665,"children":4666},{"style":521},[4667],{"type":151,"value":882},{"type":136,"tag":309,"props":4669,"children":4670},{"class":365,"line":941},[4671,4675,4679,4683,4687,4691],{"type":136,"tag":309,"props":4672,"children":4673},{"style":530},[4674],{"type":151,"value":1203},{"type":136,"tag":309,"props":4676,"children":4677},{"style":521},[4678],{"type":151,"value":538},{"type":136,"tag":309,"props":4680,"children":4681},{"style":521},[4682],{"type":151,"value":899},{"type":136,"tag":309,"props":4684,"children":4685},{"style":375},[4686],{"type":151,"value":4562},{"type":136,"tag":309,"props":4688,"children":4689},{"style":521},[4690],{"type":151,"value":908},{"type":136,"tag":309,"props":4692,"children":4693},{"style":521},[4694],{"type":151,"value":913},{"type":136,"tag":309,"props":4696,"children":4697},{"class":365,"line":950},[4698],{"type":136,"tag":309,"props":4699,"children":4700},{"style":521},[4701],{"type":151,"value":1790},{"type":136,"tag":309,"props":4703,"children":4704},{"class":365,"line":1286},[4705,4709],{"type":136,"tag":309,"props":4706,"children":4707},{"style":521},[4708],{"type":151,"value":578},{"type":136,"tag":309,"props":4710,"children":4711},{"style":515},[4712],{"type":151,"value":583},{"type":136,"tag":137,"props":4714,"children":4715},{},[4716],{"type":151,"value":4717},"Or you can specify the remote provider:",{"type":136,"tag":354,"props":4719,"children":4721},{"className":486,"code":4720,"language":488,"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",[4722],{"type":136,"tag":317,"props":4723,"children":4724},{"__ignoreMap":10},[4725,4748,4763,4778,4789,4804,4819,4853,4860,4867],{"type":136,"tag":309,"props":4726,"children":4727},{"class":365,"line":67},[4728,4732,4736,4740,4744],{"type":136,"tag":309,"props":4729,"children":4730},{"style":498},[4731],{"type":151,"value":501},{"type":136,"tag":309,"props":4733,"children":4734},{"style":498},[4735],{"type":151,"value":506},{"type":136,"tag":309,"props":4737,"children":4738},{"style":509},[4739],{"type":151,"value":512},{"type":136,"tag":309,"props":4741,"children":4742},{"style":515},[4743],{"type":151,"value":518},{"type":136,"tag":309,"props":4745,"children":4746},{"style":521},[4747],{"type":151,"value":524},{"type":136,"tag":309,"props":4749,"children":4750},{"class":365,"line":54},[4751,4755,4759],{"type":136,"tag":309,"props":4752,"children":4753},{"style":530},[4754],{"type":151,"value":533},{"type":136,"tag":309,"props":4756,"children":4757},{"style":521},[4758],{"type":151,"value":538},{"type":136,"tag":309,"props":4760,"children":4761},{"style":515},[4762],{"type":151,"value":543},{"type":136,"tag":309,"props":4764,"children":4765},{"class":365,"line":47},[4766,4770,4774],{"type":136,"tag":309,"props":4767,"children":4768},{"style":521},[4769],{"type":151,"value":551},{"type":136,"tag":309,"props":4771,"children":4772},{"style":375},[4773],{"type":151,"value":7},{"type":136,"tag":309,"props":4775,"children":4776},{"style":521},[4777],{"type":151,"value":560},{"type":136,"tag":309,"props":4779,"children":4780},{"class":365,"line":563},[4781,4785],{"type":136,"tag":309,"props":4782,"children":4783},{"style":515},[4784],{"type":151,"value":1642},{"type":136,"tag":309,"props":4786,"children":4787},{"style":521},[4788],{"type":151,"value":913},{"type":136,"tag":309,"props":4790,"children":4791},{"class":365,"line":572},[4792,4796,4800],{"type":136,"tag":309,"props":4793,"children":4794},{"style":530},[4795],{"type":151,"value":873},{"type":136,"tag":309,"props":4797,"children":4798},{"style":521},[4799],{"type":151,"value":538},{"type":136,"tag":309,"props":4801,"children":4802},{"style":521},[4803],{"type":151,"value":882},{"type":136,"tag":309,"props":4805,"children":4806},{"class":365,"line":941},[4807,4811,4815],{"type":136,"tag":309,"props":4808,"children":4809},{"style":530},[4810],{"type":151,"value":1203},{"type":136,"tag":309,"props":4812,"children":4813},{"style":521},[4814],{"type":151,"value":538},{"type":136,"tag":309,"props":4816,"children":4817},{"style":521},[4818],{"type":151,"value":882},{"type":136,"tag":309,"props":4820,"children":4821},{"class":365,"line":950},[4822,4827,4831,4835,4840,4844,4848],{"type":136,"tag":309,"props":4823,"children":4824},{"style":530},[4825],{"type":151,"value":4826}," remote",{"type":136,"tag":309,"props":4828,"children":4829},{"style":521},[4830],{"type":151,"value":538},{"type":136,"tag":309,"props":4832,"children":4833},{"style":521},[4834],{"type":151,"value":899},{"type":136,"tag":309,"props":4836,"children":4837},{"style":375},[4838],{"type":151,"value":4839},"jsdelivr",{"type":136,"tag":309,"props":4841,"children":4842},{"style":521},[4843],{"type":151,"value":908},{"type":136,"tag":309,"props":4845,"children":4846},{"style":521},[4847],{"type":151,"value":1245},{"type":136,"tag":309,"props":4849,"children":4850},{"style":838},[4851],{"type":151,"value":4852}," // 'unpkg' or 'github-raw', or a custom function\n",{"type":136,"tag":309,"props":4854,"children":4855},{"class":365,"line":1286},[4856],{"type":136,"tag":309,"props":4857,"children":4858},{"style":521},[4859],{"type":151,"value":1276},{"type":136,"tag":309,"props":4861,"children":4862},{"class":365,"line":43},[4863],{"type":136,"tag":309,"props":4864,"children":4865},{"style":521},[4866],{"type":151,"value":1790},{"type":136,"tag":309,"props":4868,"children":4869},{"class":365,"line":39},[4870,4874],{"type":136,"tag":309,"props":4871,"children":4872},{"style":521},[4873],{"type":151,"value":578},{"type":136,"tag":309,"props":4875,"children":4876},{"style":515},[4877],{"type":151,"value":583},{"type":136,"tag":137,"props":4879,"children":4880},{},[4881,4883,4889],{"type":151,"value":4882},"Which will make server requests to ",{"type":136,"tag":317,"props":4884,"children":4886},{"className":4885},[],[4887],{"type":151,"value":4888},"https://cdn.jsdelivr.net/npm/@iconify-json/ph/icons.json",{"type":151,"value":4890}," to fetch the icons at runtime, instead of bundling them with your server.",{"type":136,"tag":137,"props":4892,"children":4893},{},[4894,4896,4902,4904,4910],{"type":151,"value":4895},"Under the hood, instead of bundling ",{"type":136,"tag":317,"props":4897,"children":4899},{"className":4898},[],[4900],{"type":151,"value":4901},"() => import('@iconify-json/ph/icons.json')",{"type":151,"value":4903}," to your server bundle, it will now use something like ",{"type":136,"tag":317,"props":4905,"children":4907},{"className":4906},[],[4908],{"type":151,"value":4909},"() => fetch('https://cdn.jsdelivr.net/npm/@iconify-json/ph/icons.json').then(res => res.json())",{"type":151,"value":4911},", where the collections are not inlined.",{"type":136,"tag":137,"props":4913,"children":4914},{},[4915],{"type":151,"value":4916},"This would be useful when server bundle size is a concern, like in serverless or worker environments.",{"type":136,"tag":4527,"props":4918,"children":4920},{"id":4919},"server-bundle-mode-auto",[4921,4922],{"type":151,"value":4532},{"type":136,"tag":317,"props":4923,"children":4925},{"className":4924},[],[4926],{"type":151,"value":4927},"auto",{"type":136,"tag":137,"props":4929,"children":4930},{},[4931,4933,4938,4940,4945,4947,4952],{"type":151,"value":4932},"This is the default option, where the module will pick between ",{"type":136,"tag":317,"props":4934,"children":4936},{"className":4935},[],[4937],{"type":151,"value":4538},{"type":151,"value":4939}," and ",{"type":136,"tag":317,"props":4941,"children":4943},{"className":4942},[],[4944],{"type":151,"value":4562},{"type":151,"value":4946}," based your deployment environment. ",{"type":136,"tag":317,"props":4948,"children":4950},{"className":4949},[],[4951],{"type":151,"value":4538},{"type":151,"value":4953}," will be preffered unless you are deploying to a serverless or worker environment, like Vercel Edge or Cloudflare Workers.",{"type":136,"tag":4527,"props":4955,"children":4957},{"id":4956},"externalize-icons-json",[4958],{"type":151,"value":4959},"Externalize Icons JSON",{"type":136,"tag":137,"props":4961,"children":4962},{},[4963,4965,4970,4972,4978,4979,4984],{"type":151,"value":4964},"By default, Nitro will bundle the icon collections you have installed locally (like ",{"type":136,"tag":317,"props":4966,"children":4968},{"className":4967},[],[4969],{"type":151,"value":4549},{"type":151,"value":4971},"), 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":4973,"children":4975},{"className":4974},[],[4976],{"type":151,"value":4977},"icon.serverBundle.externalizeIconsJson",{"type":151,"value":3480},{"type":136,"tag":317,"props":4980,"children":4982},{"className":4981},[],[4983],{"type":151,"value":3000},{"type":151,"value":235},{"type":136,"tag":354,"props":4986,"children":4988},{"className":486,"code":4987,"language":488,"meta":10,"style":10},"export default defineNuxtConfig({\n modules: [\n '@nuxt/icon'\n ],\n icon: {\n serverBundle: {\n externalizeIconsJson: true,\n }\n },\n})\n",[4989],{"type":136,"tag":317,"props":4990,"children":4991},{"__ignoreMap":10},[4992,5015,5030,5045,5056,5071,5086,5106,5113,5120],{"type":136,"tag":309,"props":4993,"children":4994},{"class":365,"line":67},[4995,4999,5003,5007,5011],{"type":136,"tag":309,"props":4996,"children":4997},{"style":498},[4998],{"type":151,"value":501},{"type":136,"tag":309,"props":5000,"children":5001},{"style":498},[5002],{"type":151,"value":506},{"type":136,"tag":309,"props":5004,"children":5005},{"style":509},[5006],{"type":151,"value":512},{"type":136,"tag":309,"props":5008,"children":5009},{"style":515},[5010],{"type":151,"value":518},{"type":136,"tag":309,"props":5012,"children":5013},{"style":521},[5014],{"type":151,"value":524},{"type":136,"tag":309,"props":5016,"children":5017},{"class":365,"line":54},[5018,5022,5026],{"type":136,"tag":309,"props":5019,"children":5020},{"style":530},[5021],{"type":151,"value":533},{"type":136,"tag":309,"props":5023,"children":5024},{"style":521},[5025],{"type":151,"value":538},{"type":136,"tag":309,"props":5027,"children":5028},{"style":515},[5029],{"type":151,"value":543},{"type":136,"tag":309,"props":5031,"children":5032},{"class":365,"line":47},[5033,5037,5041],{"type":136,"tag":309,"props":5034,"children":5035},{"style":521},[5036],{"type":151,"value":551},{"type":136,"tag":309,"props":5038,"children":5039},{"style":375},[5040],{"type":151,"value":7},{"type":136,"tag":309,"props":5042,"children":5043},{"style":521},[5044],{"type":151,"value":560},{"type":136,"tag":309,"props":5046,"children":5047},{"class":365,"line":563},[5048,5052],{"type":136,"tag":309,"props":5049,"children":5050},{"style":515},[5051],{"type":151,"value":1642},{"type":136,"tag":309,"props":5053,"children":5054},{"style":521},[5055],{"type":151,"value":913},{"type":136,"tag":309,"props":5057,"children":5058},{"class":365,"line":572},[5059,5063,5067],{"type":136,"tag":309,"props":5060,"children":5061},{"style":530},[5062],{"type":151,"value":873},{"type":136,"tag":309,"props":5064,"children":5065},{"style":521},[5066],{"type":151,"value":538},{"type":136,"tag":309,"props":5068,"children":5069},{"style":521},[5070],{"type":151,"value":882},{"type":136,"tag":309,"props":5072,"children":5073},{"class":365,"line":941},[5074,5078,5082],{"type":136,"tag":309,"props":5075,"children":5076},{"style":530},[5077],{"type":151,"value":1203},{"type":136,"tag":309,"props":5079,"children":5080},{"style":521},[5081],{"type":151,"value":538},{"type":136,"tag":309,"props":5083,"children":5084},{"style":521},[5085],{"type":151,"value":882},{"type":136,"tag":309,"props":5087,"children":5088},{"class":365,"line":950},[5089,5094,5098,5102],{"type":136,"tag":309,"props":5090,"children":5091},{"style":530},[5092],{"type":151,"value":5093}," externalizeIconsJson",{"type":136,"tag":309,"props":5095,"children":5096},{"style":521},[5097],{"type":151,"value":538},{"type":136,"tag":309,"props":5099,"children":5100},{"style":2378},[5101],{"type":151,"value":2668},{"type":136,"tag":309,"props":5103,"children":5104},{"style":521},[5105],{"type":151,"value":913},{"type":136,"tag":309,"props":5107,"children":5108},{"class":365,"line":1286},[5109],{"type":136,"tag":309,"props":5110,"children":5111},{"style":521},[5112],{"type":151,"value":1276},{"type":136,"tag":309,"props":5114,"children":5115},{"class":365,"line":43},[5116],{"type":136,"tag":309,"props":5117,"children":5118},{"style":521},[5119],{"type":151,"value":1790},{"type":136,"tag":309,"props":5121,"children":5122},{"class":365,"line":39},[5123,5127],{"type":136,"tag":309,"props":5124,"children":5125},{"style":521},[5126],{"type":151,"value":578},{"type":136,"tag":309,"props":5128,"children":5129},{"style":515},[5130],{"type":151,"value":583},{"type":136,"tag":137,"props":5132,"children":5133},{},[5134,5136,5143,5145,5151],{"type":151,"value":5135},"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":5137,"children":5140},{"href":5138,"rel":5139},"https://nodejs.org/api/esm.html#json-modules",[161],[5141],{"type":151,"value":5142},"JSON modules are still an experimental feature",{"type":151,"value":5144},"). In the final build, it will contain statements like ",{"type":136,"tag":317,"props":5146,"children":5148},{"className":5147},[],[5149],{"type":151,"value":5150},"() => import('@iconify-json/ph/icons.json', { with: { type: 'json' } })",{"type":151,"value":235},{"type":136,"tag":137,"props":5153,"children":5154},{},[5155],{"type":151,"value":5156},"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":5158,"children":5159},{},[5160,5162,5168],{"type":151,"value":5161},"This option will be ignored when ",{"type":136,"tag":317,"props":5163,"children":5165},{"className":5164},[],[5166],{"type":151,"value":5167},"icon.serverBundle.remote",{"type":151,"value":5169}," is enabled.",{"type":136,"tag":4527,"props":5171,"children":5173},{"id":5172},"completely-disable-server-bundle",[5174],{"type":151,"value":5175},"Completely Disable Server Bundle",{"type":136,"tag":137,"props":5177,"children":5178},{},[5179,5181,5187,5188,5193,5194,5200,5201],{"type":151,"value":5180},"If you want to disable the server bundle completely, you can set ",{"type":136,"tag":317,"props":5182,"children":5184},{"className":5183},[],[5185],{"type":151,"value":5186},"icon.serverBundle",{"type":151,"value":3480},{"type":136,"tag":317,"props":5189,"children":5191},{"className":5190},[],[5192],{"type":151,"value":3486},{"type":151,"value":4939},{"type":136,"tag":317,"props":5195,"children":5197},{"className":5196},[],[5198],{"type":151,"value":5199},"provider",{"type":151,"value":3480},{"type":136,"tag":317,"props":5202,"children":5204},{"className":5203},[],[5205],{"type":151,"value":5206},"iconify",{"type":136,"tag":354,"props":5208,"children":5210},{"className":486,"code":5209,"language":488,"meta":10,"style":10},"export default defineNuxtConfig({\n modules: [\n '@nuxt/icon'\n ],\n icon: {\n provider: 'iconify',\n serverBundle: false,\n },\n})\n",[5211],{"type":136,"tag":317,"props":5212,"children":5213},{"__ignoreMap":10},[5214,5237,5252,5267,5278,5293,5320,5339,5346],{"type":136,"tag":309,"props":5215,"children":5216},{"class":365,"line":67},[5217,5221,5225,5229,5233],{"type":136,"tag":309,"props":5218,"children":5219},{"style":498},[5220],{"type":151,"value":501},{"type":136,"tag":309,"props":5222,"children":5223},{"style":498},[5224],{"type":151,"value":506},{"type":136,"tag":309,"props":5226,"children":5227},{"style":509},[5228],{"type":151,"value":512},{"type":136,"tag":309,"props":5230,"children":5231},{"style":515},[5232],{"type":151,"value":518},{"type":136,"tag":309,"props":5234,"children":5235},{"style":521},[5236],{"type":151,"value":524},{"type":136,"tag":309,"props":5238,"children":5239},{"class":365,"line":54},[5240,5244,5248],{"type":136,"tag":309,"props":5241,"children":5242},{"style":530},[5243],{"type":151,"value":533},{"type":136,"tag":309,"props":5245,"children":5246},{"style":521},[5247],{"type":151,"value":538},{"type":136,"tag":309,"props":5249,"children":5250},{"style":515},[5251],{"type":151,"value":543},{"type":136,"tag":309,"props":5253,"children":5254},{"class":365,"line":47},[5255,5259,5263],{"type":136,"tag":309,"props":5256,"children":5257},{"style":521},[5258],{"type":151,"value":551},{"type":136,"tag":309,"props":5260,"children":5261},{"style":375},[5262],{"type":151,"value":7},{"type":136,"tag":309,"props":5264,"children":5265},{"style":521},[5266],{"type":151,"value":560},{"type":136,"tag":309,"props":5268,"children":5269},{"class":365,"line":563},[5270,5274],{"type":136,"tag":309,"props":5271,"children":5272},{"style":515},[5273],{"type":151,"value":1642},{"type":136,"tag":309,"props":5275,"children":5276},{"style":521},[5277],{"type":151,"value":913},{"type":136,"tag":309,"props":5279,"children":5280},{"class":365,"line":572},[5281,5285,5289],{"type":136,"tag":309,"props":5282,"children":5283},{"style":530},[5284],{"type":151,"value":873},{"type":136,"tag":309,"props":5286,"children":5287},{"style":521},[5288],{"type":151,"value":538},{"type":136,"tag":309,"props":5290,"children":5291},{"style":521},[5292],{"type":151,"value":882},{"type":136,"tag":309,"props":5294,"children":5295},{"class":365,"line":941},[5296,5300,5304,5308,5312,5316],{"type":136,"tag":309,"props":5297,"children":5298},{"style":530},[5299],{"type":151,"value":2408},{"type":136,"tag":309,"props":5301,"children":5302},{"style":521},[5303],{"type":151,"value":538},{"type":136,"tag":309,"props":5305,"children":5306},{"style":521},[5307],{"type":151,"value":899},{"type":136,"tag":309,"props":5309,"children":5310},{"style":375},[5311],{"type":151,"value":5206},{"type":136,"tag":309,"props":5313,"children":5314},{"style":521},[5315],{"type":151,"value":908},{"type":136,"tag":309,"props":5317,"children":5318},{"style":521},[5319],{"type":151,"value":913},{"type":136,"tag":309,"props":5321,"children":5322},{"class":365,"line":950},[5323,5327,5331,5335],{"type":136,"tag":309,"props":5324,"children":5325},{"style":530},[5326],{"type":151,"value":1203},{"type":136,"tag":309,"props":5328,"children":5329},{"style":521},[5330],{"type":151,"value":538},{"type":136,"tag":309,"props":5332,"children":5333},{"style":2378},[5334],{"type":151,"value":2381},{"type":136,"tag":309,"props":5336,"children":5337},{"style":521},[5338],{"type":151,"value":913},{"type":136,"tag":309,"props":5340,"children":5341},{"class":365,"line":1286},[5342],{"type":136,"tag":309,"props":5343,"children":5344},{"style":521},[5345],{"type":151,"value":1790},{"type":136,"tag":309,"props":5347,"children":5348},{"class":365,"line":43},[5349,5353],{"type":136,"tag":309,"props":5350,"children":5351},{"style":521},[5352],{"type":151,"value":578},{"type":136,"tag":309,"props":5354,"children":5355},{"style":515},[5356],{"type":151,"value":583},{"type":136,"tag":137,"props":5358,"children":5359},{},[5360],{"type":151,"value":5361},"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":961,"props":5363,"children":5365},{"id":5364},"client-bundle",[5366],{"type":151,"value":5367},"Client Bundle",{"type":136,"tag":137,"props":5369,"children":5370},{},[5371],{"type":151,"value":5372},"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":354,"props":5374,"children":5376},{"className":486,"code":5375,"language":488,"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",[5377],{"type":136,"tag":317,"props":5378,"children":5379},{"__ignoreMap":10},[5380,5403,5418,5433,5444,5459,5474,5482,5498,5518,5534,5546,5553,5561,5580,5587,5595,5620,5627,5635,5657,5665,5673],{"type":136,"tag":309,"props":5381,"children":5382},{"class":365,"line":67},[5383,5387,5391,5395,5399],{"type":136,"tag":309,"props":5384,"children":5385},{"style":498},[5386],{"type":151,"value":501},{"type":136,"tag":309,"props":5388,"children":5389},{"style":498},[5390],{"type":151,"value":506},{"type":136,"tag":309,"props":5392,"children":5393},{"style":509},[5394],{"type":151,"value":512},{"type":136,"tag":309,"props":5396,"children":5397},{"style":515},[5398],{"type":151,"value":518},{"type":136,"tag":309,"props":5400,"children":5401},{"style":521},[5402],{"type":151,"value":524},{"type":136,"tag":309,"props":5404,"children":5405},{"class":365,"line":54},[5406,5410,5414],{"type":136,"tag":309,"props":5407,"children":5408},{"style":530},[5409],{"type":151,"value":533},{"type":136,"tag":309,"props":5411,"children":5412},{"style":521},[5413],{"type":151,"value":538},{"type":136,"tag":309,"props":5415,"children":5416},{"style":515},[5417],{"type":151,"value":543},{"type":136,"tag":309,"props":5419,"children":5420},{"class":365,"line":47},[5421,5425,5429],{"type":136,"tag":309,"props":5422,"children":5423},{"style":521},[5424],{"type":151,"value":551},{"type":136,"tag":309,"props":5426,"children":5427},{"style":375},[5428],{"type":151,"value":7},{"type":136,"tag":309,"props":5430,"children":5431},{"style":521},[5432],{"type":151,"value":560},{"type":136,"tag":309,"props":5434,"children":5435},{"class":365,"line":563},[5436,5440],{"type":136,"tag":309,"props":5437,"children":5438},{"style":515},[5439],{"type":151,"value":1642},{"type":136,"tag":309,"props":5441,"children":5442},{"style":521},[5443],{"type":151,"value":913},{"type":136,"tag":309,"props":5445,"children":5446},{"class":365,"line":572},[5447,5451,5455],{"type":136,"tag":309,"props":5448,"children":5449},{"style":530},[5450],{"type":151,"value":873},{"type":136,"tag":309,"props":5452,"children":5453},{"style":521},[5454],{"type":151,"value":538},{"type":136,"tag":309,"props":5456,"children":5457},{"style":521},[5458],{"type":151,"value":882},{"type":136,"tag":309,"props":5460,"children":5461},{"class":365,"line":941},[5462,5466,5470],{"type":136,"tag":309,"props":5463,"children":5464},{"style":530},[5465],{"type":151,"value":2643},{"type":136,"tag":309,"props":5467,"children":5468},{"style":521},[5469],{"type":151,"value":538},{"type":136,"tag":309,"props":5471,"children":5472},{"style":521},[5473],{"type":151,"value":882},{"type":136,"tag":309,"props":5475,"children":5476},{"class":365,"line":950},[5477],{"type":136,"tag":309,"props":5478,"children":5479},{"style":838},[5480],{"type":151,"value":5481}," // list of icons to include in the client bundle\n",{"type":136,"tag":309,"props":5483,"children":5484},{"class":365,"line":1286},[5485,5490,5494],{"type":136,"tag":309,"props":5486,"children":5487},{"style":530},[5488],{"type":151,"value":5489}," icons",{"type":136,"tag":309,"props":5491,"children":5492},{"style":521},[5493],{"type":151,"value":538},{"type":136,"tag":309,"props":5495,"children":5496},{"style":515},[5497],{"type":151,"value":543},{"type":136,"tag":309,"props":5499,"children":5500},{"class":365,"line":43},[5501,5506,5510,5514],{"type":136,"tag":309,"props":5502,"children":5503},{"style":521},[5504],{"type":151,"value":5505}," '",{"type":136,"tag":309,"props":5507,"children":5508},{"style":375},[5509],{"type":151,"value":765},{"type":136,"tag":309,"props":5511,"children":5512},{"style":521},[5513],{"type":151,"value":908},{"type":136,"tag":309,"props":5515,"children":5516},{"style":521},[5517],{"type":151,"value":913},{"type":136,"tag":309,"props":5519,"children":5520},{"class":365,"line":39},[5521,5525,5530],{"type":136,"tag":309,"props":5522,"children":5523},{"style":521},[5524],{"type":151,"value":5505},{"type":136,"tag":309,"props":5526,"children":5527},{"style":375},[5528],{"type":151,"value":5529},"logos:vitejs",{"type":136,"tag":309,"props":5531,"children":5532},{"style":521},[5533],{"type":151,"value":560},{"type":136,"tag":309,"props":5535,"children":5536},{"class":365,"line":1753},[5537,5542],{"type":136,"tag":309,"props":5538,"children":5539},{"style":515},[5540],{"type":151,"value":5541}," ]",{"type":136,"tag":309,"props":5543,"children":5544},{"style":521},[5545],{"type":151,"value":913},{"type":136,"tag":309,"props":5547,"children":5548},{"class":365,"line":1762},[5549],{"type":136,"tag":309,"props":5550,"children":5551},{"emptyLinePlaceholder":3774},[5552],{"type":151,"value":3777},{"type":136,"tag":309,"props":5554,"children":5555},{"class":365,"line":1771},[5556],{"type":136,"tag":309,"props":5557,"children":5558},{"style":838},[5559],{"type":151,"value":5560}," // scan all components in the project and include icons \n",{"type":136,"tag":309,"props":5562,"children":5563},{"class":365,"line":1784},[5564,5568,5572,5576],{"type":136,"tag":309,"props":5565,"children":5566},{"style":530},[5567],{"type":151,"value":2659},{"type":136,"tag":309,"props":5569,"children":5570},{"style":521},[5571],{"type":151,"value":538},{"type":136,"tag":309,"props":5573,"children":5574},{"style":2378},[5575],{"type":151,"value":2668},{"type":136,"tag":309,"props":5577,"children":5578},{"style":521},[5579],{"type":151,"value":913},{"type":136,"tag":309,"props":5581,"children":5582},{"class":365,"line":1793},[5583],{"type":136,"tag":309,"props":5584,"children":5585},{"emptyLinePlaceholder":3774},[5586],{"type":151,"value":3777},{"type":136,"tag":309,"props":5588,"children":5589},{"class":365,"line":2247},[5590],{"type":136,"tag":309,"props":5591,"children":5592},{"style":838},[5593],{"type":151,"value":5594}," // include all custom collections in the client bundle\n",{"type":136,"tag":309,"props":5596,"children":5597},{"class":365,"line":2255},[5598,5603,5607,5611,5615],{"type":136,"tag":309,"props":5599,"children":5600},{"style":530},[5601],{"type":151,"value":5602}," includeCustomCollections",{"type":136,"tag":309,"props":5604,"children":5605},{"style":521},[5606],{"type":151,"value":538},{"type":136,"tag":309,"props":5608,"children":5609},{"style":2378},[5610],{"type":151,"value":2668},{"type":136,"tag":309,"props":5612,"children":5613},{"style":521},[5614],{"type":151,"value":1245},{"type":136,"tag":309,"props":5616,"children":5617},{"style":515},[5618],{"type":151,"value":5619}," \n",{"type":136,"tag":309,"props":5621,"children":5622},{"class":365,"line":4298},[5623],{"type":136,"tag":309,"props":5624,"children":5625},{"emptyLinePlaceholder":3774},[5626],{"type":151,"value":3777},{"type":136,"tag":309,"props":5628,"children":5629},{"class":365,"line":4306},[5630],{"type":136,"tag":309,"props":5631,"children":5632},{"style":838},[5633],{"type":151,"value":5634}," // guard for uncompressed bundle size, will fail the build if exceeds\n",{"type":136,"tag":309,"props":5636,"children":5638},{"class":365,"line":5637},20,[5639,5644,5648,5653],{"type":136,"tag":309,"props":5640,"children":5641},{"style":530},[5642],{"type":151,"value":5643}," sizeLimitKb",{"type":136,"tag":309,"props":5645,"children":5646},{"style":521},[5647],{"type":151,"value":538},{"type":136,"tag":309,"props":5649,"children":5650},{"style":2198},[5651],{"type":151,"value":5652}," 256",{"type":136,"tag":309,"props":5654,"children":5655},{"style":521},[5656],{"type":151,"value":913},{"type":136,"tag":309,"props":5658,"children":5660},{"class":365,"line":5659},21,[5661],{"type":136,"tag":309,"props":5662,"children":5663},{"style":521},[5664],{"type":151,"value":2688},{"type":136,"tag":309,"props":5666,"children":5668},{"class":365,"line":5667},22,[5669],{"type":136,"tag":309,"props":5670,"children":5671},{"style":521},[5672],{"type":151,"value":1790},{"type":136,"tag":309,"props":5674,"children":5676},{"class":365,"line":5675},23,[5677,5681],{"type":136,"tag":309,"props":5678,"children":5679},{"style":521},[5680],{"type":151,"value":578},{"type":136,"tag":309,"props":5682,"children":5683},{"style":515},[5684],{"type":151,"value":583},{"type":136,"tag":137,"props":5686,"children":5687},{},[5688,5694,5696,5701,5703,5708],{"type":136,"tag":317,"props":5689,"children":5691},{"className":5690},[],[5692],{"type":151,"value":5693},"includeCustomCollections",{"type":151,"value":5695}," will include all the custom collections you have defined in ",{"type":136,"tag":317,"props":5697,"children":5699},{"className":5698},[],[5700],{"type":151,"value":1573},{"type":151,"value":5702}," in the client bundle. It's disabled by default but will automatically enable when ",{"type":136,"tag":317,"props":5704,"children":5706},{"className":5705},[],[5707],{"type":151,"value":2275},{"type":151,"value":5709}," is set.",{"type":136,"tag":4527,"props":5711,"children":5713},{"id":5712},"scan-components",[5714],{"type":151,"value":5715},"Scan Components",{"type":136,"tag":137,"props":5717,"children":5718},{},[5719,5721,5727],{"type":151,"value":5720},"When ",{"type":136,"tag":317,"props":5722,"children":5724},{"className":5723},[],[5725],{"type":151,"value":5726},"scan",{"type":151,"value":5728}," 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":5730,"children":5731},{},[5732],{"type":151,"value":5733},"You can also fine-tune tine scanning targets like:",{"type":136,"tag":354,"props":5735,"children":5737},{"className":486,"code":5736,"language":488,"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",[5738],{"type":136,"tag":317,"props":5739,"children":5740},{"__ignoreMap":10},[5741,5764,5779,5794,5805,5820,5835,5850,5858,5904,5966,5973,5980,5987],{"type":136,"tag":309,"props":5742,"children":5743},{"class":365,"line":67},[5744,5748,5752,5756,5760],{"type":136,"tag":309,"props":5745,"children":5746},{"style":498},[5747],{"type":151,"value":501},{"type":136,"tag":309,"props":5749,"children":5750},{"style":498},[5751],{"type":151,"value":506},{"type":136,"tag":309,"props":5753,"children":5754},{"style":509},[5755],{"type":151,"value":512},{"type":136,"tag":309,"props":5757,"children":5758},{"style":515},[5759],{"type":151,"value":518},{"type":136,"tag":309,"props":5761,"children":5762},{"style":521},[5763],{"type":151,"value":524},{"type":136,"tag":309,"props":5765,"children":5766},{"class":365,"line":54},[5767,5771,5775],{"type":136,"tag":309,"props":5768,"children":5769},{"style":530},[5770],{"type":151,"value":533},{"type":136,"tag":309,"props":5772,"children":5773},{"style":521},[5774],{"type":151,"value":538},{"type":136,"tag":309,"props":5776,"children":5777},{"style":515},[5778],{"type":151,"value":543},{"type":136,"tag":309,"props":5780,"children":5781},{"class":365,"line":47},[5782,5786,5790],{"type":136,"tag":309,"props":5783,"children":5784},{"style":521},[5785],{"type":151,"value":551},{"type":136,"tag":309,"props":5787,"children":5788},{"style":375},[5789],{"type":151,"value":7},{"type":136,"tag":309,"props":5791,"children":5792},{"style":521},[5793],{"type":151,"value":560},{"type":136,"tag":309,"props":5795,"children":5796},{"class":365,"line":563},[5797,5801],{"type":136,"tag":309,"props":5798,"children":5799},{"style":515},[5800],{"type":151,"value":1642},{"type":136,"tag":309,"props":5802,"children":5803},{"style":521},[5804],{"type":151,"value":913},{"type":136,"tag":309,"props":5806,"children":5807},{"class":365,"line":572},[5808,5812,5816],{"type":136,"tag":309,"props":5809,"children":5810},{"style":530},[5811],{"type":151,"value":873},{"type":136,"tag":309,"props":5813,"children":5814},{"style":521},[5815],{"type":151,"value":538},{"type":136,"tag":309,"props":5817,"children":5818},{"style":521},[5819],{"type":151,"value":882},{"type":136,"tag":309,"props":5821,"children":5822},{"class":365,"line":941},[5823,5827,5831],{"type":136,"tag":309,"props":5824,"children":5825},{"style":530},[5826],{"type":151,"value":2643},{"type":136,"tag":309,"props":5828,"children":5829},{"style":521},[5830],{"type":151,"value":538},{"type":136,"tag":309,"props":5832,"children":5833},{"style":521},[5834],{"type":151,"value":882},{"type":136,"tag":309,"props":5836,"children":5837},{"class":365,"line":950},[5838,5842,5846],{"type":136,"tag":309,"props":5839,"children":5840},{"style":530},[5841],{"type":151,"value":2659},{"type":136,"tag":309,"props":5843,"children":5844},{"style":521},[5845],{"type":151,"value":538},{"type":136,"tag":309,"props":5847,"children":5848},{"style":521},[5849],{"type":151,"value":882},{"type":136,"tag":309,"props":5851,"children":5852},{"class":365,"line":1286},[5853],{"type":136,"tag":309,"props":5854,"children":5855},{"style":838},[5856],{"type":151,"value":5857}," // note that when you specify those values, the default behavior will be overridden\n",{"type":136,"tag":309,"props":5859,"children":5860},{"class":365,"line":43},[5861,5866,5870,5874,5878,5883,5887,5891,5896,5900],{"type":136,"tag":309,"props":5862,"children":5863},{"style":530},[5864],{"type":151,"value":5865}," globInclude",{"type":136,"tag":309,"props":5867,"children":5868},{"style":521},[5869],{"type":151,"value":538},{"type":136,"tag":309,"props":5871,"children":5872},{"style":515},[5873],{"type":151,"value":1159},{"type":136,"tag":309,"props":5875,"children":5876},{"style":521},[5877],{"type":151,"value":908},{"type":136,"tag":309,"props":5879,"children":5880},{"style":375},[5881],{"type":151,"value":5882},"components/**/*.vue",{"type":136,"tag":309,"props":5884,"children":5885},{"style":521},[5886],{"type":151,"value":908},{"type":136,"tag":309,"props":5888,"children":5889},{"style":521},[5890],{"type":151,"value":1245},{"type":136,"tag":309,"props":5892,"children":5893},{"style":838},[5894],{"type":151,"value":5895}," /* ... */",{"type":136,"tag":309,"props":5897,"children":5898},{"style":515},[5899],{"type":151,"value":1176},{"type":136,"tag":309,"props":5901,"children":5902},{"style":521},[5903],{"type":151,"value":913},{"type":136,"tag":309,"props":5905,"children":5906},{"class":365,"line":39},[5907,5912,5916,5920,5924,5929,5933,5937,5941,5946,5950,5954,5958,5962],{"type":136,"tag":309,"props":5908,"children":5909},{"style":530},[5910],{"type":151,"value":5911}," globExclude",{"type":136,"tag":309,"props":5913,"children":5914},{"style":521},[5915],{"type":151,"value":538},{"type":136,"tag":309,"props":5917,"children":5918},{"style":515},[5919],{"type":151,"value":1159},{"type":136,"tag":309,"props":5921,"children":5922},{"style":521},[5923],{"type":151,"value":908},{"type":136,"tag":309,"props":5925,"children":5926},{"style":375},[5927],{"type":151,"value":5928},"node_modules",{"type":136,"tag":309,"props":5930,"children":5931},{"style":521},[5932],{"type":151,"value":908},{"type":136,"tag":309,"props":5934,"children":5935},{"style":521},[5936],{"type":151,"value":1245},{"type":136,"tag":309,"props":5938,"children":5939},{"style":521},[5940],{"type":151,"value":899},{"type":136,"tag":309,"props":5942,"children":5943},{"style":375},[5944],{"type":151,"value":5945},"dist",{"type":136,"tag":309,"props":5947,"children":5948},{"style":521},[5949],{"type":151,"value":908},{"type":136,"tag":309,"props":5951,"children":5952},{"style":521},[5953],{"type":151,"value":1245},{"type":136,"tag":309,"props":5955,"children":5956},{"style":838},[5957],{"type":151,"value":5895},{"type":136,"tag":309,"props":5959,"children":5960},{"style":515},[5961],{"type":151,"value":1176},{"type":136,"tag":309,"props":5963,"children":5964},{"style":521},[5965],{"type":151,"value":913},{"type":136,"tag":309,"props":5967,"children":5968},{"class":365,"line":1753},[5969],{"type":136,"tag":309,"props":5970,"children":5971},{"style":521},[5972],{"type":151,"value":1768},{"type":136,"tag":309,"props":5974,"children":5975},{"class":365,"line":1762},[5976],{"type":136,"tag":309,"props":5977,"children":5978},{"style":521},[5979],{"type":151,"value":2688},{"type":136,"tag":309,"props":5981,"children":5982},{"class":365,"line":1771},[5983],{"type":136,"tag":309,"props":5984,"children":5985},{"style":521},[5986],{"type":151,"value":1790},{"type":136,"tag":309,"props":5988,"children":5989},{"class":365,"line":1784},[5990,5994],{"type":136,"tag":309,"props":5991,"children":5992},{"style":521},[5993],{"type":151,"value":578},{"type":136,"tag":309,"props":5995,"children":5996},{"style":515},[5997],{"type":151,"value":583},{"type":136,"tag":302,"props":5999,"children":6000},{},[6001,6010],{"type":136,"tag":137,"props":6002,"children":6003},{},[6004,6008],{"type":136,"tag":309,"props":6005,"children":6006},{},[6007],{"type":151,"value":1402},{"type":151,"value":6009},"\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":6011,"children":6013},{"className":1845,"code":6012,"language":1847,"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",[6014],{"type":136,"tag":317,"props":6015,"children":6016},{"__ignoreMap":10},[6017,6032,6040,6123,6130,6138,6211],{"type":136,"tag":309,"props":6018,"children":6019},{"class":365,"line":67},[6020,6024,6028],{"type":136,"tag":309,"props":6021,"children":6022},{"style":521},[6023],{"type":151,"value":739},{"type":136,"tag":309,"props":6025,"children":6026},{"style":530},[6027],{"type":151,"value":1863},{"type":136,"tag":309,"props":6029,"children":6030},{"style":521},[6031],{"type":151,"value":1868},{"type":136,"tag":309,"props":6033,"children":6034},{"class":365,"line":54},[6035],{"type":136,"tag":309,"props":6036,"children":6037},{"style":838},[6038],{"type":151,"value":6039}," \u003C!-- Avoid this -->\n",{"type":136,"tag":309,"props":6041,"children":6042},{"class":365,"line":47},[6043,6047,6051,6055,6059,6063,6068,6073,6078,6083,6088,6092,6097,6101,6105,6109,6114,6119],{"type":136,"tag":309,"props":6044,"children":6045},{"style":521},[6046],{"type":151,"value":1876},{"type":136,"tag":309,"props":6048,"children":6049},{"style":530},[6050],{"type":151,"value":744},{"type":136,"tag":309,"props":6052,"children":6053},{"style":521},[6054],{"type":151,"value":4255},{"type":136,"tag":309,"props":6056,"children":6057},{"style":747},[6058],{"type":151,"value":630},{"type":136,"tag":309,"props":6060,"children":6061},{"style":521},[6062],{"type":151,"value":755},{"type":136,"tag":309,"props":6064,"children":6065},{"style":521},[6066],{"type":151,"value":6067},"\"`",{"type":136,"tag":309,"props":6069,"children":6070},{"style":375},[6071],{"type":151,"value":6072},"carbon:",{"type":136,"tag":309,"props":6074,"children":6075},{"style":521},[6076],{"type":151,"value":6077},"${",{"type":136,"tag":309,"props":6079,"children":6080},{"style":515},[6081],{"type":151,"value":6082},"dark ",{"type":136,"tag":309,"props":6084,"children":6085},{"style":521},[6086],{"type":151,"value":6087},"?",{"type":136,"tag":309,"props":6089,"children":6090},{"style":521},[6091],{"type":151,"value":899},{"type":136,"tag":309,"props":6093,"children":6094},{"style":375},[6095],{"type":151,"value":6096},"moon",{"type":136,"tag":309,"props":6098,"children":6099},{"style":521},[6100],{"type":151,"value":908},{"type":136,"tag":309,"props":6102,"children":6103},{"style":521},[6104],{"type":151,"value":4255},{"type":136,"tag":309,"props":6106,"children":6107},{"style":521},[6108],{"type":151,"value":899},{"type":136,"tag":309,"props":6110,"children":6111},{"style":375},[6112],{"type":151,"value":6113},"sun",{"type":136,"tag":309,"props":6115,"children":6116},{"style":521},[6117],{"type":151,"value":6118},"'}`\"",{"type":136,"tag":309,"props":6120,"children":6121},{"style":521},[6122],{"type":151,"value":796},{"type":136,"tag":309,"props":6124,"children":6125},{"class":365,"line":563},[6126],{"type":136,"tag":309,"props":6127,"children":6128},{"emptyLinePlaceholder":3774},[6129],{"type":151,"value":3777},{"type":136,"tag":309,"props":6131,"children":6132},{"class":365,"line":572},[6133],{"type":136,"tag":309,"props":6134,"children":6135},{"style":838},[6136],{"type":151,"value":6137}," \u003C!-- Prefer this -->\n",{"type":136,"tag":309,"props":6139,"children":6140},{"class":365,"line":941},[6141,6145,6149,6153,6157,6161,6165,6170,6175,6179,6184,6188,6193,6197,6202,6207],{"type":136,"tag":309,"props":6142,"children":6143},{"style":521},[6144],{"type":151,"value":1876},{"type":136,"tag":309,"props":6146,"children":6147},{"style":530},[6148],{"type":151,"value":744},{"type":136,"tag":309,"props":6150,"children":6151},{"style":521},[6152],{"type":151,"value":4255},{"type":136,"tag":309,"props":6154,"children":6155},{"style":747},[6156],{"type":151,"value":630},{"type":136,"tag":309,"props":6158,"children":6159},{"style":521},[6160],{"type":151,"value":755},{"type":136,"tag":309,"props":6162,"children":6163},{"style":521},[6164],{"type":151,"value":760},{"type":136,"tag":309,"props":6166,"children":6167},{"style":515},[6168],{"type":151,"value":6169},"dark",{"type":136,"tag":309,"props":6171,"children":6172},{"style":521},[6173],{"type":151,"value":6174}," ? ",{"type":136,"tag":309,"props":6176,"children":6177},{"style":521},[6178],{"type":151,"value":908},{"type":136,"tag":309,"props":6180,"children":6181},{"style":375},[6182],{"type":151,"value":6183},"carbon:moon",{"type":136,"tag":309,"props":6185,"children":6186},{"style":521},[6187],{"type":151,"value":908},{"type":136,"tag":309,"props":6189,"children":6190},{"style":521},[6191],{"type":151,"value":6192}," : ",{"type":136,"tag":309,"props":6194,"children":6195},{"style":521},[6196],{"type":151,"value":908},{"type":136,"tag":309,"props":6198,"children":6199},{"style":375},[6200],{"type":151,"value":6201},"carbon:sun",{"type":136,"tag":309,"props":6203,"children":6204},{"style":521},[6205],{"type":151,"value":6206},"'\"",{"type":136,"tag":309,"props":6208,"children":6209},{"style":521},[6210],{"type":151,"value":796},{"type":136,"tag":309,"props":6212,"children":6213},{"class":365,"line":950},[6214,6218,6222],{"type":136,"tag":309,"props":6215,"children":6216},{"style":521},[6217],{"type":151,"value":1949},{"type":136,"tag":309,"props":6219,"children":6220},{"style":530},[6221],{"type":151,"value":1863},{"type":136,"tag":309,"props":6223,"children":6224},{"style":521},[6225],{"type":151,"value":1868},{"type":136,"tag":961,"props":6227,"children":6229},{"id":6228},"render-function",[6230],{"type":151,"value":6231},"Render Function",{"type":136,"tag":137,"props":6233,"children":6234},{},[6235,6237,6242,6244,6250],{"type":151,"value":6236},"You can use the ",{"type":136,"tag":317,"props":6238,"children":6240},{"className":6239},[],[6241],{"type":151,"value":744},{"type":151,"value":6243}," component in a render function (useful if you create a functional component), for this you can import it from ",{"type":136,"tag":317,"props":6245,"children":6247},{"className":6246},[],[6248],{"type":151,"value":6249},"#components",{"type":151,"value":538},{"type":136,"tag":354,"props":6252,"children":6254},{"className":486,"code":6253,"language":488,"meta":10,"style":10},"import { Icon } from '#components'\n",[6255],{"type":136,"tag":317,"props":6256,"children":6257},{"__ignoreMap":10},[6258],{"type":136,"tag":309,"props":6259,"children":6260},{"class":365,"line":67},[6261,6266,6270,6275,6280,6285,6289,6293],{"type":136,"tag":309,"props":6262,"children":6263},{"style":498},[6264],{"type":151,"value":6265},"import",{"type":136,"tag":309,"props":6267,"children":6268},{"style":521},[6269],{"type":151,"value":2148},{"type":136,"tag":309,"props":6271,"children":6272},{"style":515},[6273],{"type":151,"value":6274}," Icon",{"type":136,"tag":309,"props":6276,"children":6277},{"style":521},[6278],{"type":151,"value":6279}," }",{"type":136,"tag":309,"props":6281,"children":6282},{"style":498},[6283],{"type":151,"value":6284}," from",{"type":136,"tag":309,"props":6286,"children":6287},{"style":521},[6288],{"type":151,"value":899},{"type":136,"tag":309,"props":6290,"children":6291},{"style":375},[6292],{"type":151,"value":6249},{"type":136,"tag":309,"props":6294,"children":6295},{"style":521},[6296],{"type":151,"value":560},{"type":136,"tag":137,"props":6298,"children":6299},{},[6300,6302,6308],{"type":151,"value":6301},"See an example of a ",{"type":136,"tag":317,"props":6303,"children":6305},{"className":6304},[],[6306],{"type":151,"value":6307},"\u003CMyIcon>",{"type":151,"value":6309}," component:",{"type":136,"tag":354,"props":6311,"children":6313},{"className":1845,"code":6312,"language":1847,"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",[6314],{"type":136,"tag":317,"props":6315,"children":6316},{"__ignoreMap":10},[6317,6336,6371,6378,6441,6456,6463,6478,6512],{"type":136,"tag":309,"props":6318,"children":6319},{"class":365,"line":67},[6320,6324,6328,6332],{"type":136,"tag":309,"props":6321,"children":6322},{"style":521},[6323],{"type":151,"value":739},{"type":136,"tag":309,"props":6325,"children":6326},{"style":530},[6327],{"type":151,"value":3575},{"type":136,"tag":309,"props":6329,"children":6330},{"style":747},[6331],{"type":151,"value":3580},{"type":136,"tag":309,"props":6333,"children":6334},{"style":521},[6335],{"type":151,"value":1868},{"type":136,"tag":309,"props":6337,"children":6338},{"class":365,"line":54},[6339,6343,6347,6351,6355,6359,6363,6367],{"type":136,"tag":309,"props":6340,"children":6341},{"style":498},[6342],{"type":151,"value":6265},{"type":136,"tag":309,"props":6344,"children":6345},{"style":521},[6346],{"type":151,"value":2148},{"type":136,"tag":309,"props":6348,"children":6349},{"style":515},[6350],{"type":151,"value":6274},{"type":136,"tag":309,"props":6352,"children":6353},{"style":521},[6354],{"type":151,"value":6279},{"type":136,"tag":309,"props":6356,"children":6357},{"style":498},[6358],{"type":151,"value":6284},{"type":136,"tag":309,"props":6360,"children":6361},{"style":521},[6362],{"type":151,"value":899},{"type":136,"tag":309,"props":6364,"children":6365},{"style":375},[6366],{"type":151,"value":6249},{"type":136,"tag":309,"props":6368,"children":6369},{"style":521},[6370],{"type":151,"value":560},{"type":136,"tag":309,"props":6372,"children":6373},{"class":365,"line":47},[6374],{"type":136,"tag":309,"props":6375,"children":6376},{"emptyLinePlaceholder":3774},[6377],{"type":151,"value":3777},{"type":136,"tag":309,"props":6379,"children":6380},{"class":365,"line":563},[6381,6385,6390,6394,6399,6404,6408,6412,6416,6420,6424,6429,6433,6437],{"type":136,"tag":309,"props":6382,"children":6383},{"style":747},[6384],{"type":151,"value":3621},{"type":136,"tag":309,"props":6386,"children":6387},{"style":515},[6388],{"type":151,"value":6389}," MyIcon ",{"type":136,"tag":309,"props":6391,"children":6392},{"style":521},[6393],{"type":151,"value":755},{"type":136,"tag":309,"props":6395,"children":6396},{"style":509},[6397],{"type":151,"value":6398}," h",{"type":136,"tag":309,"props":6400,"children":6401},{"style":515},[6402],{"type":151,"value":6403},"(Icon",{"type":136,"tag":309,"props":6405,"children":6406},{"style":521},[6407],{"type":151,"value":1245},{"type":136,"tag":309,"props":6409,"children":6410},{"style":521},[6411],{"type":151,"value":2148},{"type":136,"tag":309,"props":6413,"children":6414},{"style":530},[6415],{"type":151,"value":750},{"type":136,"tag":309,"props":6417,"children":6418},{"style":521},[6419],{"type":151,"value":538},{"type":136,"tag":309,"props":6421,"children":6422},{"style":521},[6423],{"type":151,"value":899},{"type":136,"tag":309,"props":6425,"children":6426},{"style":375},[6427],{"type":151,"value":6428},"uil:twitter",{"type":136,"tag":309,"props":6430,"children":6431},{"style":521},[6432],{"type":151,"value":908},{"type":136,"tag":309,"props":6434,"children":6435},{"style":521},[6436],{"type":151,"value":6279},{"type":136,"tag":309,"props":6438,"children":6439},{"style":515},[6440],{"type":151,"value":583},{"type":136,"tag":309,"props":6442,"children":6443},{"class":365,"line":572},[6444,6448,6452],{"type":136,"tag":309,"props":6445,"children":6446},{"style":521},[6447],{"type":151,"value":1949},{"type":136,"tag":309,"props":6449,"children":6450},{"style":530},[6451],{"type":151,"value":3575},{"type":136,"tag":309,"props":6453,"children":6454},{"style":521},[6455],{"type":151,"value":1868},{"type":136,"tag":309,"props":6457,"children":6458},{"class":365,"line":941},[6459],{"type":136,"tag":309,"props":6460,"children":6461},{"emptyLinePlaceholder":3774},[6462],{"type":151,"value":3777},{"type":136,"tag":309,"props":6464,"children":6465},{"class":365,"line":950},[6466,6470,6474],{"type":136,"tag":309,"props":6467,"children":6468},{"style":521},[6469],{"type":151,"value":739},{"type":136,"tag":309,"props":6471,"children":6472},{"style":530},[6473],{"type":151,"value":1863},{"type":136,"tag":309,"props":6475,"children":6476},{"style":521},[6477],{"type":151,"value":1868},{"type":136,"tag":309,"props":6479,"children":6480},{"class":365,"line":1286},[6481,6485,6489,6494,6499,6504,6508],{"type":136,"tag":309,"props":6482,"children":6483},{"style":521},[6484],{"type":151,"value":1876},{"type":136,"tag":309,"props":6486,"children":6487},{"style":530},[6488],{"type":151,"value":137},{"type":136,"tag":309,"props":6490,"children":6491},{"style":521},[6492],{"type":151,"value":6493},">\u003C",{"type":136,"tag":309,"props":6495,"children":6496},{"style":530},[6497],{"type":151,"value":6498},"MyIcon",{"type":136,"tag":309,"props":6500,"children":6501},{"style":521},[6502],{"type":151,"value":6503}," />\u003C/",{"type":136,"tag":309,"props":6505,"children":6506},{"style":530},[6507],{"type":151,"value":137},{"type":136,"tag":309,"props":6509,"children":6510},{"style":521},[6511],{"type":151,"value":1868},{"type":136,"tag":309,"props":6513,"children":6514},{"class":365,"line":43},[6515,6519,6523],{"type":136,"tag":309,"props":6516,"children":6517},{"style":521},[6518],{"type":151,"value":1949},{"type":136,"tag":309,"props":6520,"children":6521},{"style":530},[6522],{"type":151,"value":1863},{"type":136,"tag":309,"props":6524,"children":6525},{"style":521},[6526],{"type":151,"value":1868},{"type":136,"tag":961,"props":6528,"children":6530},{"id":6529},"rendering-icons-in-component-tests",[6531],{"type":151,"value":6532},"Rendering Icons in Component Tests",{"type":136,"tag":137,"props":6534,"children":6535},{},[6536,6538,6548,6549,6559,6561,6566],{"type":151,"value":6537},"In in-browser component testing environments (such as ",{"type":136,"tag":157,"props":6539,"children":6542},{"href":6540,"rel":6541},"https://vitest.dev/guide/browser/",[161],[6543],{"type":136,"tag":614,"props":6544,"children":6545},{},[6546],{"type":151,"value":6547},"Vitest Browser Mode",{"type":151,"value":670},{"type":136,"tag":157,"props":6550,"children":6553},{"href":6551,"rel":6552},"https://on.cypress.io/component-testing",[161],[6554],{"type":136,"tag":614,"props":6555,"children":6556},{},[6557],{"type":151,"value":6558},"Cypress Component Testing",{"type":151,"value":6560},"), the internal Nuxt server routes used to fetch icons on demand are ",{"type":136,"tag":614,"props":6562,"children":6563},{},[6564],{"type":151,"value":6565},"not available",{"type":151,"value":6567},". As a result, icons may fail to render during tests.",{"type":136,"tag":137,"props":6569,"children":6570},{},[6571,6573,6577,6579,6583],{"type":151,"value":6572},"To ensure icons render correctly in component tests, configure ",{"type":136,"tag":614,"props":6574,"children":6575},{},[6576],{"type":151,"value":7},{"type":151,"value":6578}," to use the ",{"type":136,"tag":614,"props":6580,"children":6581},{},[6582],{"type":151,"value":2553},{"type":151,"value":6584}," when running in test mode.",{"type":136,"tag":302,"props":6586,"children":6587},{},[6588],{"type":136,"tag":137,"props":6589,"children":6590},{},[6591,6596,6598,6608],{"type":136,"tag":614,"props":6592,"children":6593},{},[6594],{"type":151,"value":6595},"Note",{"type":151,"value":6597},"\nProjects using ",{"type":136,"tag":157,"props":6599,"children":6602},{"href":6600,"rel":6601},"https://ui.nuxt.com/",[161],[6603],{"type":136,"tag":614,"props":6604,"children":6605},{},[6606],{"type":151,"value":6607},"@nuxt/ui",{"type":151,"value":6609}," must do this to see any UI icons during component testing.",{"type":136,"tag":4527,"props":6611,"children":6613},{"id":6612},"requirements",[6614],{"type":151,"value":6615},"Requirements",{"type":136,"tag":237,"props":6617,"children":6618},{},[6619,6631],{"type":136,"tag":241,"props":6620,"children":6621},{},[6622,6624,6630],{"type":151,"value":6623},"Install the icon collections you use locally (for example, ",{"type":136,"tag":317,"props":6625,"children":6627},{"className":6626},[],[6628],{"type":151,"value":6629},"@iconify-json/lucide",{"type":151,"value":1041},{"type":136,"tag":241,"props":6632,"children":6633},{},[6634,6636,6641],{"type":151,"value":6635},"Icons will ",{"type":136,"tag":614,"props":6637,"children":6638},{},[6639],{"type":151,"value":6640},"not",{"type":151,"value":6642}," be fetched remotely when using the client bundle.",{"type":136,"tag":4527,"props":6644,"children":6646},{"id":6645},"test-only-configuration",[6647],{"type":151,"value":6648},"Test-only Configuration",{"type":136,"tag":137,"props":6650,"children":6651},{},[6652,6654,6660],{"type":151,"value":6653},"Conditionally switch to the client bundle in your Nuxt config when ",{"type":136,"tag":317,"props":6655,"children":6657},{"className":6656},[],[6658],{"type":151,"value":6659},"NODE_ENV === 'test'",{"type":151,"value":538},{"type":136,"tag":354,"props":6662,"children":6664},{"className":486,"code":6663,"language":488,"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",[6665],{"type":136,"tag":317,"props":6666,"children":6667},{"__ignoreMap":10},[6668,6691,6706,6725,6736,6743,6795,6807,6815,6822,6834,6842,6870,6877,6893,6901,6938,6945,6953,6969,6985,7006,7026,7038,7075,7084,7092,7100],{"type":136,"tag":309,"props":6669,"children":6670},{"class":365,"line":67},[6671,6675,6679,6683,6687],{"type":136,"tag":309,"props":6672,"children":6673},{"style":498},[6674],{"type":151,"value":501},{"type":136,"tag":309,"props":6676,"children":6677},{"style":498},[6678],{"type":151,"value":506},{"type":136,"tag":309,"props":6680,"children":6681},{"style":509},[6682],{"type":151,"value":512},{"type":136,"tag":309,"props":6684,"children":6685},{"style":515},[6686],{"type":151,"value":518},{"type":136,"tag":309,"props":6688,"children":6689},{"style":521},[6690],{"type":151,"value":524},{"type":136,"tag":309,"props":6692,"children":6693},{"class":365,"line":54},[6694,6698,6702],{"type":136,"tag":309,"props":6695,"children":6696},{"style":530},[6697],{"type":151,"value":533},{"type":136,"tag":309,"props":6699,"children":6700},{"style":521},[6701],{"type":151,"value":538},{"type":136,"tag":309,"props":6703,"children":6704},{"style":515},[6705],{"type":151,"value":543},{"type":136,"tag":309,"props":6707,"children":6708},{"class":365,"line":47},[6709,6713,6717,6721],{"type":136,"tag":309,"props":6710,"children":6711},{"style":521},[6712],{"type":151,"value":551},{"type":136,"tag":309,"props":6714,"children":6715},{"style":375},[6716],{"type":151,"value":7},{"type":136,"tag":309,"props":6718,"children":6719},{"style":521},[6720],{"type":151,"value":908},{"type":136,"tag":309,"props":6722,"children":6723},{"style":521},[6724],{"type":151,"value":913},{"type":136,"tag":309,"props":6726,"children":6727},{"class":365,"line":563},[6728,6732],{"type":136,"tag":309,"props":6729,"children":6730},{"style":515},[6731],{"type":151,"value":1642},{"type":136,"tag":309,"props":6733,"children":6734},{"style":521},[6735],{"type":151,"value":913},{"type":136,"tag":309,"props":6737,"children":6738},{"class":365,"line":572},[6739],{"type":136,"tag":309,"props":6740,"children":6741},{"emptyLinePlaceholder":3774},[6742],{"type":151,"value":3777},{"type":136,"tag":309,"props":6744,"children":6745},{"class":365,"line":941},[6746,6750,6754,6759,6763,6768,6772,6777,6782,6786,6791],{"type":136,"tag":309,"props":6747,"children":6748},{"style":530},[6749],{"type":151,"value":873},{"type":136,"tag":309,"props":6751,"children":6752},{"style":521},[6753],{"type":151,"value":538},{"type":136,"tag":309,"props":6755,"children":6756},{"style":515},[6757],{"type":151,"value":6758}," process",{"type":136,"tag":309,"props":6760,"children":6761},{"style":521},[6762],{"type":151,"value":235},{"type":136,"tag":309,"props":6764,"children":6765},{"style":515},[6766],{"type":151,"value":6767},"env",{"type":136,"tag":309,"props":6769,"children":6770},{"style":521},[6771],{"type":151,"value":235},{"type":136,"tag":309,"props":6773,"children":6774},{"style":515},[6775],{"type":151,"value":6776},"NODE_ENV ",{"type":136,"tag":309,"props":6778,"children":6779},{"style":521},[6780],{"type":151,"value":6781},"!==",{"type":136,"tag":309,"props":6783,"children":6784},{"style":521},[6785],{"type":151,"value":899},{"type":136,"tag":309,"props":6787,"children":6788},{"style":375},[6789],{"type":151,"value":6790},"test",{"type":136,"tag":309,"props":6792,"children":6793},{"style":521},[6794],{"type":151,"value":560},{"type":136,"tag":309,"props":6796,"children":6797},{"class":365,"line":950},[6798,6803],{"type":136,"tag":309,"props":6799,"children":6800},{"style":521},[6801],{"type":151,"value":6802}," ?",{"type":136,"tag":309,"props":6804,"children":6805},{"style":521},[6806],{"type":151,"value":882},{"type":136,"tag":309,"props":6808,"children":6809},{"class":365,"line":1286},[6810],{"type":136,"tag":309,"props":6811,"children":6812},{"style":838},[6813],{"type":151,"value":6814}," // Production or development icon configuration\n",{"type":136,"tag":309,"props":6816,"children":6817},{"class":365,"line":43},[6818],{"type":136,"tag":309,"props":6819,"children":6820},{"style":521},[6821],{"type":151,"value":2233},{"type":136,"tag":309,"props":6823,"children":6824},{"class":365,"line":39},[6825,6830],{"type":136,"tag":309,"props":6826,"children":6827},{"style":521},[6828],{"type":151,"value":6829}," :",{"type":136,"tag":309,"props":6831,"children":6832},{"style":521},[6833],{"type":151,"value":882},{"type":136,"tag":309,"props":6835,"children":6836},{"class":365,"line":1753},[6837],{"type":136,"tag":309,"props":6838,"children":6839},{"style":838},[6840],{"type":151,"value":6841}," // Disable all network icon fetching in component tests\n",{"type":136,"tag":309,"props":6843,"children":6844},{"class":365,"line":1762},[6845,6850,6854,6858,6862,6866],{"type":136,"tag":309,"props":6846,"children":6847},{"style":530},[6848],{"type":151,"value":6849}," provider",{"type":136,"tag":309,"props":6851,"children":6852},{"style":521},[6853],{"type":151,"value":538},{"type":136,"tag":309,"props":6855,"children":6856},{"style":521},[6857],{"type":151,"value":899},{"type":136,"tag":309,"props":6859,"children":6860},{"style":375},[6861],{"type":151,"value":2627},{"type":136,"tag":309,"props":6863,"children":6864},{"style":521},[6865],{"type":151,"value":908},{"type":136,"tag":309,"props":6867,"children":6868},{"style":521},[6869],{"type":151,"value":913},{"type":136,"tag":309,"props":6871,"children":6872},{"class":365,"line":1771},[6873],{"type":136,"tag":309,"props":6874,"children":6875},{"emptyLinePlaceholder":3774},[6876],{"type":151,"value":3777},{"type":136,"tag":309,"props":6878,"children":6879},{"class":365,"line":1784},[6880,6885,6889],{"type":136,"tag":309,"props":6881,"children":6882},{"style":530},[6883],{"type":151,"value":6884}," clientBundle",{"type":136,"tag":309,"props":6886,"children":6887},{"style":521},[6888],{"type":151,"value":538},{"type":136,"tag":309,"props":6890,"children":6891},{"style":521},[6892],{"type":151,"value":882},{"type":136,"tag":309,"props":6894,"children":6895},{"class":365,"line":1793},[6896],{"type":136,"tag":309,"props":6897,"children":6898},{"style":838},[6899],{"type":151,"value":6900}," // Explicitly include dynamically constructed icons\n",{"type":136,"tag":309,"props":6902,"children":6903},{"class":365,"line":2247},[6904,6909,6913,6917,6921,6926,6930,6934],{"type":136,"tag":309,"props":6905,"children":6906},{"style":530},[6907],{"type":151,"value":6908}," icons",{"type":136,"tag":309,"props":6910,"children":6911},{"style":521},[6912],{"type":151,"value":538},{"type":136,"tag":309,"props":6914,"children":6915},{"style":515},[6916],{"type":151,"value":1159},{"type":136,"tag":309,"props":6918,"children":6919},{"style":521},[6920],{"type":151,"value":908},{"type":136,"tag":309,"props":6922,"children":6923},{"style":375},[6924],{"type":151,"value":6925},"lucide:check",{"type":136,"tag":309,"props":6927,"children":6928},{"style":521},[6929],{"type":151,"value":908},{"type":136,"tag":309,"props":6931,"children":6932},{"style":515},[6933],{"type":151,"value":1176},{"type":136,"tag":309,"props":6935,"children":6936},{"style":521},[6937],{"type":151,"value":913},{"type":136,"tag":309,"props":6939,"children":6940},{"class":365,"line":2255},[6941],{"type":136,"tag":309,"props":6942,"children":6943},{"emptyLinePlaceholder":3774},[6944],{"type":151,"value":3777},{"type":136,"tag":309,"props":6946,"children":6947},{"class":365,"line":4298},[6948],{"type":136,"tag":309,"props":6949,"children":6950},{"style":838},[6951],{"type":151,"value":6952}," // Scan your app and Nuxt UI runtime for static icon usage\n",{"type":136,"tag":309,"props":6954,"children":6955},{"class":365,"line":4306},[6956,6961,6965],{"type":136,"tag":309,"props":6957,"children":6958},{"style":530},[6959],{"type":151,"value":6960}," scan",{"type":136,"tag":309,"props":6962,"children":6963},{"style":521},[6964],{"type":151,"value":538},{"type":136,"tag":309,"props":6966,"children":6967},{"style":521},[6968],{"type":151,"value":882},{"type":136,"tag":309,"props":6970,"children":6971},{"class":365,"line":5637},[6972,6977,6981],{"type":136,"tag":309,"props":6973,"children":6974},{"style":530},[6975],{"type":151,"value":6976}," globInclude",{"type":136,"tag":309,"props":6978,"children":6979},{"style":521},[6980],{"type":151,"value":538},{"type":136,"tag":309,"props":6982,"children":6983},{"style":515},[6984],{"type":151,"value":543},{"type":136,"tag":309,"props":6986,"children":6987},{"class":365,"line":5659},[6988,6993,6998,7002],{"type":136,"tag":309,"props":6989,"children":6990},{"style":521},[6991],{"type":151,"value":6992}," '",{"type":136,"tag":309,"props":6994,"children":6995},{"style":375},[6996],{"type":151,"value":6997},"{app,shared}/**",{"type":136,"tag":309,"props":6999,"children":7000},{"style":521},[7001],{"type":151,"value":908},{"type":136,"tag":309,"props":7003,"children":7004},{"style":521},[7005],{"type":151,"value":913},{"type":136,"tag":309,"props":7007,"children":7008},{"class":365,"line":5667},[7009,7013,7018,7022],{"type":136,"tag":309,"props":7010,"children":7011},{"style":521},[7012],{"type":151,"value":6992},{"type":136,"tag":309,"props":7014,"children":7015},{"style":375},[7016],{"type":151,"value":7017},"node_modules/@nuxt/ui/dist/**",{"type":136,"tag":309,"props":7019,"children":7020},{"style":521},[7021],{"type":151,"value":908},{"type":136,"tag":309,"props":7023,"children":7024},{"style":521},[7025],{"type":151,"value":913},{"type":136,"tag":309,"props":7027,"children":7028},{"class":365,"line":5675},[7029,7034],{"type":136,"tag":309,"props":7030,"children":7031},{"style":515},[7032],{"type":151,"value":7033}," ]",{"type":136,"tag":309,"props":7035,"children":7036},{"style":521},[7037],{"type":151,"value":913},{"type":136,"tag":309,"props":7039,"children":7041},{"class":365,"line":7040},24,[7042,7047,7051,7055,7059,7063,7067,7071],{"type":136,"tag":309,"props":7043,"children":7044},{"style":530},[7045],{"type":151,"value":7046}," globExclude",{"type":136,"tag":309,"props":7048,"children":7049},{"style":521},[7050],{"type":151,"value":538},{"type":136,"tag":309,"props":7052,"children":7053},{"style":515},[7054],{"type":151,"value":1159},{"type":136,"tag":309,"props":7056,"children":7057},{"style":521},[7058],{"type":151,"value":908},{"type":136,"tag":309,"props":7060,"children":7061},{"style":375},[7062],{"type":151,"value":5928},{"type":136,"tag":309,"props":7064,"children":7065},{"style":521},[7066],{"type":151,"value":908},{"type":136,"tag":309,"props":7068,"children":7069},{"style":515},[7070],{"type":151,"value":1176},{"type":136,"tag":309,"props":7072,"children":7073},{"style":521},[7074],{"type":151,"value":913},{"type":136,"tag":309,"props":7076,"children":7078},{"class":365,"line":7077},25,[7079],{"type":136,"tag":309,"props":7080,"children":7081},{"style":521},[7082],{"type":151,"value":7083}," },\n",{"type":136,"tag":309,"props":7085,"children":7087},{"class":365,"line":7086},26,[7088],{"type":136,"tag":309,"props":7089,"children":7090},{"style":521},[7091],{"type":151,"value":2183},{"type":136,"tag":309,"props":7093,"children":7095},{"class":365,"line":7094},27,[7096],{"type":136,"tag":309,"props":7097,"children":7098},{"style":521},[7099],{"type":151,"value":1768},{"type":136,"tag":309,"props":7101,"children":7103},{"class":365,"line":7102},28,[7104,7108],{"type":136,"tag":309,"props":7105,"children":7106},{"style":521},[7107],{"type":151,"value":578},{"type":136,"tag":309,"props":7109,"children":7110},{"style":515},[7111],{"type":151,"value":583},{"type":136,"tag":302,"props":7113,"children":7114},{},[7115,7123],{"type":136,"tag":137,"props":7116,"children":7117},{},[7118],{"type":136,"tag":614,"props":7119,"children":7120},{},[7121],{"type":151,"value":7122},"Tips",{"type":136,"tag":237,"props":7124,"children":7125},{},[7126,7138],{"type":136,"tag":241,"props":7127,"children":7128},{},[7129,7131,7137],{"type":151,"value":7130},"Dynamically generated icon names may not be detected by static scanning—add them explicitly to ",{"type":136,"tag":317,"props":7132,"children":7134},{"className":7133},[],[7135],{"type":151,"value":7136},"icons",{"type":151,"value":235},{"type":136,"tag":241,"props":7139,"children":7140},{},[7141,7143,7149,7150,7156],{"type":151,"value":7142},"For large apps, consider moving test-only configuration into ",{"type":136,"tag":317,"props":7144,"children":7146},{"className":7145},[],[7147],{"type":151,"value":7148},"vitest.config.ts",{"type":151,"value":670},{"type":136,"tag":317,"props":7151,"children":7153},{"className":7152},[],[7154],{"type":151,"value":7155},"cypress.config.ts",{"type":151,"value":7157}," for clarity.",{"type":136,"tag":262,"props":7159,"children":7161},{"id":7160},"contributing",[7162],{"type":151,"value":7163},"Contributing 🙏",{"type":136,"tag":7165,"props":7166,"children":7167},"ol",{},[7168,7173,7210,7223],{"type":136,"tag":241,"props":7169,"children":7170},{},[7171],{"type":151,"value":7172},"Clone this repository",{"type":136,"tag":241,"props":7174,"children":7175},{},[7176,7178,7184,7186,7192,7194,7200,7202,7209],{"type":151,"value":7177},"Install dependencies using ",{"type":136,"tag":317,"props":7179,"children":7181},{"className":7180},[],[7182],{"type":151,"value":7183},"pnpm install",{"type":151,"value":7185}," (install ",{"type":136,"tag":317,"props":7187,"children":7189},{"className":7188},[],[7190],{"type":151,"value":7191},"pnpm",{"type":151,"value":7193}," with ",{"type":136,"tag":317,"props":7195,"children":7197},{"className":7196},[],[7198],{"type":151,"value":7199},"corepack enable",{"type":151,"value":7201},", ",{"type":136,"tag":157,"props":7203,"children":7206},{"href":7204,"rel":7205},"https://pnpm.io/installation#using-corepack",[161],[7207],{"type":151,"value":7208},"learn more",{"type":151,"value":651},{"type":136,"tag":241,"props":7211,"children":7212},{},[7213,7215,7221],{"type":151,"value":7214},"Run ",{"type":136,"tag":317,"props":7216,"children":7218},{"className":7217},[],[7219],{"type":151,"value":7220},"npm run dev:prepare",{"type":151,"value":7222}," to generate type stubs.",{"type":136,"tag":241,"props":7224,"children":7225},{},[7226,7228,7234,7236,7243],{"type":151,"value":7227},"Use ",{"type":136,"tag":317,"props":7229,"children":7231},{"className":7230},[],[7232],{"type":151,"value":7233},"npm run dev",{"type":151,"value":7235}," to start ",{"type":136,"tag":157,"props":7237,"children":7240},{"href":7238,"rel":7239},"https://github.com/nuxt-modules/icon/tree/main/playground",[161],[7241],{"type":151,"value":7242},"playground",{"type":151,"value":7244}," in development mode.",{"type":136,"tag":262,"props":7246,"children":7248},{"id":7247},"credits",[7249],{"type":151,"value":7250},"Credits 💌",{"type":136,"tag":237,"props":7252,"children":7253},{},[7254,7266],{"type":136,"tag":241,"props":7255,"children":7256},{},[7257,7264],{"type":136,"tag":157,"props":7258,"children":7261},{"href":7259,"rel":7260},"https://github.com/benjamincanac",[161],[7262],{"type":151,"value":7263},"@benjamincanac",{"type":151,"value":7265}," for the initial version",{"type":136,"tag":241,"props":7267,"children":7268},{},[7269,7276,7278],{"type":136,"tag":157,"props":7270,"children":7273},{"href":7271,"rel":7272},"https://github.com/cyberalien",[161],[7274],{"type":151,"value":7275},"@cyberalien",{"type":151,"value":7277}," for making ",{"type":136,"tag":157,"props":7279,"children":7282},{"href":7280,"rel":7281},"https://github.com/iconify/iconify",[161],[7283],{"type":151,"value":233},{"type":136,"tag":262,"props":7285,"children":7287},{"id":7286},"license",[7288],{"type":151,"value":7289},"License 📎",{"type":136,"tag":137,"props":7291,"children":7292},{},[7293],{"type":136,"tag":157,"props":7294,"children":7296},{"href":179,"rel":7295},[161],[7297],{"type":151,"value":7298},"MIT License",{"type":136,"tag":7300,"props":7301,"children":7302},"style",{},[7303],{"type":151,"value":7304},"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":7306},[7307,7308,7309,7320,7321,7322],{"id":264,"depth":54,"text":267},{"id":344,"depth":54,"text":347},{"id":606,"depth":54,"text":609,"children":7310},[7311,7312,7313,7314,7315,7316,7317,7318,7319],{"id":963,"depth":47,"text":966},{"id":1298,"depth":47,"text":1301},{"id":1495,"depth":47,"text":1498},{"id":2709,"depth":47,"text":2712},{"id":3014,"depth":47,"text":3017},{"id":4510,"depth":47,"text":4513},{"id":5364,"depth":47,"text":5367},{"id":6228,"depth":47,"text":6231},{"id":6529,"depth":47,"text":6532},{"id":7160,"depth":54,"text":7163},{"id":7247,"depth":54,"text":7250},{"id":7286,"depth":54,"text":7289},{"v3":7324,"v4":7325,"v2":7326},"3.21.2","4.4.2","2.18.1"]