[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"module-icon":3,"versions":7236},{"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\u002Ficon","@nuxt\u002Ficon","nuxt.svg","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Ficon","","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-22T10:18:57.360Z",[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,111,{"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",1829322,1177,91,"main",1768884100499,1718706605195,{"data":131,"body":132,"toc":7218},{"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,4309,4314,4326,4499,4504,4510,4522,4535,4548,4559,4578,4709,4714,4874,4887,4908,4913,4924,4950,4956,4981,5127,5148,5153,5166,5172,5203,5353,5358,5364,5369,5681,5706,5712,5725,5730,5994,6139,6145,6164,6210,6223,6440,6446,6481,6498,6523,6529,6556,6562,6574,7025,7071,7077,7158,7164,7197,7203,7212],{"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:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Fassets\u002F904724\u002Fae673805-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:\u002F\u002Fnpmjs.com\u002Fpackage\u002F@nuxt\u002Ficon",[161],"nofollow",[163],{"type":136,"tag":141,"props":164,"children":167},{"alt":165,"src":166},"npm version","https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@nuxt\u002Ficon\u002Flatest.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:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@nuxt\u002Ficon.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":136,"tag":157,"props":178,"children":181},{"href":179,"rel":180},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Fblob\u002Fmain\u002FLICENSE",[161],[182],{"type":136,"tag":141,"props":183,"children":186},{"alt":184,"src":185},"License","https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fnuxt-modules\u002Ficon.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":136,"tag":157,"props":188,"children":191},{"href":189,"rel":190},"https:\u002F\u002Fnuxt.com",[161],[192],{"type":136,"tag":141,"props":193,"children":196},{"alt":194,"src":195},"Nuxt","https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNuxt-18181B?logo=nuxt.js",[],{"type":136,"tag":157,"props":198,"children":200},{"href":199},"https:\u002F\u002Fvolta.net\u002Fnuxt-modules\u002Ficon?utm_source=nuxt_icon_readme",[201],{"type":136,"tag":141,"props":202,"children":205},{"src":203,"alt":204},"https:\u002F\u002Fuser-images.githubusercontent.com\u002F904724\u002F209143798-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:\u002F\u002Ficones.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:\u002F\u002Ficonify.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:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Freleases",[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:\u002F\u002Fstackblitz.com\u002Fedit\u002Fnuxt-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 \u002F 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:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Fpull\u002F154",[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 \u002F>",{"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:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?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:\u002F\u002Fgithub.com\u002Fantfu",[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\u002Ficon\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\u002Ficon\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\u002Ficon'\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:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FSVG\u002FAttribute",[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\" \u002F>\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}," \u002F>\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},"\u002F\u002F ~\u002Fapp.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},"\u002F\u002F ~\u002Fapp.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\" \u002F>\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\u002Fcollection-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\u002Fcollection-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\u002Fuil",{"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\u002Fjson",{"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\u002Ficon'],\n  icon: {\n    serverBundle: {\n      collections: ['uil', 'mdi'] \u002F\u002F \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},"\u002F\u002F \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\" \u002F>\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\u002Fglobal\u002F",{"type":151,"value":1383}," folder (see ",{"type":136,"tag":157,"props":1385,"children":1388},{"href":1386,"rel":1387},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Fblob\u002Fmain\u002Fplayground\u002Fcomponents\u002Fglobal\u002FNuxtLogo.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},".\u002Fassets\u002Fmy-icons",{"type":151,"value":538},{"type":136,"tag":354,"props":1517,"children":1519},{"className":356,"code":1518,"language":358,"meta":10,"style":10},"assets\u002Fmy-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\u002Fmy-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\u002Ficon'\n  ],\n  icon: {\n    customCollections: [\n      {\n        prefix: 'my-icon',\n        dir: '.\u002Fassets\u002Fmy-icons',\n        \u002F\u002F if you want to include all the icons in nested directories:\n        \u002F\u002F 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},"        \u002F\u002F 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},"        \u002F\u002F 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},"'.\u002Fapp\u002Fassets\u002F*'",{"type":151,"value":1830}," instead of ",{"type":136,"tag":317,"props":1832,"children":1834},{"className":1833},[],[1835],{"type":151,"value":1836},"'.\u002Fassets\u002F*'",{"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\" \u002F>\n  \u003CIcon name=\"my-icon:bar-outline\" \u002F>\n\u003C\u002Ftemplate>\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\u002F",{"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\u002Ficon'\n  ],\n  icon: {\n    customCollections: [\n      {\n        prefix: 'paid-icons',\n        icons: {\n          'nuxt': { body: '\u003Cpath d=\"M281.44 ... \u002F>' },\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 ... \u002F>",{"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\u002Ficon'\n  ],\n  ssr: false,\n  icon: {\n    provider: 'server', \u002F\u002F \u003C-- this\n    customCollections: [\n      {\n        prefix: 'my-icon',\n        dir: '.\u002Fassets\u002Fmy-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}," \u002F\u002F \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      \u002F\u002F ...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},"      \u002F\u002F ...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\u002Ficon'\n  ],\n  icon: {\n    customCollections: [\n      {\n        prefix: 'my-icon',\n        dir: '.\u002Fassets\u002Fmy-icons',\n        normalizeIconName: false, \u002F\u002F \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\u002Fmy-icons\u002FFooBar.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:\u002F\u002Fgithub.com\u002Fnuxt\u002Ficon\u002Fissues\u002F265",[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},"\u002F\u002F app.config.ts\nexport default defineAppConfig({\n  icon: {\n    size: '24px', \u002F\u002F default \u003CIcon> size applied\n    class: 'icon', \u002F\u002F default \u003CIcon> class applied\n    mode: 'css', \u002F\u002F default \u003CIcon> mode applied\n    aliases: {\n      'nuxt': 'logos:nuxt-icon',\n    },\n    cssLayer: 'base' \u002F\u002F 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},"\u002F\u002F 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}," \u002F\u002F 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}," \u002F\u002F 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}," \u002F\u002F 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}," \u002F\u002F 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\" \u002F>\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},"\u002Fapi\u002F_nuxt_icon\u002F: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:\u002F\u002Fapi.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:\u002F\u002Ficonify.design\u002Fdocs\u002Fapi\u002Fhosting.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\u002F\u002F Define the customize function to modify SVG content\nconst customize = (content: string, name: string, prefix: string, provider: string) => {\n  if (prefix !== 'tabler') return content \u002F\u002F Ignore Prefix\n\n  return content\n    .replace(\u002Fstroke-width=\"[^\"]*\"\u002Fg, `stroke-width=\"2\"`) \u002F\u002F Change stroke width to 2\n    .replace(\u002Fstroke=\"[^\"]*\"\u002Fg, `stroke=\"#FF5733\"`) \u002F\u002F Change stroke color to red\n    .replace(\u002Ffill=\"[^\"]*\"\u002Fg, `fill=\"#FF5733\"`) \u002F\u002F Change fill color to red\n    .replace(\u002Fanimation-duration=\"[^\"]*\"\u002Fg, `animation-duration=\"1s\"`) \u002F\u002F Change animation duration to 1s (for animated icons)\n    .replace(\u002Fopacity=\"[^\"]*\"\u002Fg, `opacity=\"0.8\"`);\u002F\u002F Change opacity to 0.8\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CIcon name=\"tabler:star\" :customize=\"customize\" \u002F>\n\u003C\u002Ftemplate>\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,4277,4292,4300],{"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},"\u002F\u002F 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}," \u002F\u002F 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},"\u002F",{"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},"\u002F\u002F 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},"\u002F\u002F 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},"\u002F\u002F 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},"\u002F\u002F 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},"\u002F\u002F 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,4260,4264,4269,4273],{"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":747},[4254],{"type":151,"value":4255}," :customize",{"type":136,"tag":309,"props":4257,"children":4258},{"style":521},[4259],{"type":151,"value":755},{"type":136,"tag":309,"props":4261,"children":4262},{"style":521},[4263],{"type":151,"value":760},{"type":136,"tag":309,"props":4265,"children":4266},{"style":375},[4267],{"type":151,"value":4268},"customize",{"type":136,"tag":309,"props":4270,"children":4271},{"style":521},[4272],{"type":151,"value":760},{"type":136,"tag":309,"props":4274,"children":4275},{"style":521},[4276],{"type":151,"value":796},{"type":136,"tag":309,"props":4278,"children":4279},{"class":365,"line":2255},[4280,4284,4288],{"type":136,"tag":309,"props":4281,"children":4282},{"style":521},[4283],{"type":151,"value":1949},{"type":136,"tag":309,"props":4285,"children":4286},{"style":530},[4287],{"type":151,"value":1863},{"type":136,"tag":309,"props":4289,"children":4290},{"style":521},[4291],{"type":151,"value":1868},{"type":136,"tag":309,"props":4293,"children":4295},{"class":365,"line":4294},18,[4296],{"type":136,"tag":309,"props":4297,"children":4298},{"emptyLinePlaceholder":3774},[4299],{"type":151,"value":3777},{"type":136,"tag":309,"props":4301,"children":4303},{"class":365,"line":4302},19,[4304],{"type":136,"tag":309,"props":4305,"children":4306},{"style":838},[4307],{"type":151,"value":4308},"\u003C!-- You can also use `:customize=\"false\"` to disabled the global customization function per-usage -->\n",{"type":136,"tag":137,"props":4310,"children":4311},{},[4312],{"type":151,"value":4313},"In the App Configuration File:",{"type":136,"tag":137,"props":4315,"children":4316},{},[4317,4319,4324],{"type":151,"value":4318},"Alternatively, you can apply these customizations globally in the ",{"type":136,"tag":317,"props":4320,"children":4322},{"className":4321},[],[4323],{"type":151,"value":3042},{"type":151,"value":4325}," file.",{"type":136,"tag":354,"props":4327,"children":4329},{"className":486,"code":4328,"language":488,"meta":10,"style":10},"\u002F\u002F app.config.ts\nexport default defineAppConfig({\n  icon: {\n    customize: (content: string, name: string, prefix: string, provider: string) => {\n      \u002F\u002F ...\n    },\n  }\n})\n",[4330],{"type":136,"tag":317,"props":4331,"children":4332},{"__ignoreMap":10},[4333,4340,4363,4378,4466,4474,4481,4488],{"type":136,"tag":309,"props":4334,"children":4335},{"class":365,"line":67},[4336],{"type":136,"tag":309,"props":4337,"children":4338},{"style":838},[4339],{"type":151,"value":3138},{"type":136,"tag":309,"props":4341,"children":4342},{"class":365,"line":54},[4343,4347,4351,4355,4359],{"type":136,"tag":309,"props":4344,"children":4345},{"style":498},[4346],{"type":151,"value":501},{"type":136,"tag":309,"props":4348,"children":4349},{"style":498},[4350],{"type":151,"value":506},{"type":136,"tag":309,"props":4352,"children":4353},{"style":509},[4354],{"type":151,"value":857},{"type":136,"tag":309,"props":4356,"children":4357},{"style":515},[4358],{"type":151,"value":518},{"type":136,"tag":309,"props":4360,"children":4361},{"style":521},[4362],{"type":151,"value":524},{"type":136,"tag":309,"props":4364,"children":4365},{"class":365,"line":47},[4366,4370,4374],{"type":136,"tag":309,"props":4367,"children":4368},{"style":530},[4369],{"type":151,"value":873},{"type":136,"tag":309,"props":4371,"children":4372},{"style":521},[4373],{"type":151,"value":538},{"type":136,"tag":309,"props":4375,"children":4376},{"style":521},[4377],{"type":151,"value":882},{"type":136,"tag":309,"props":4379,"children":4380},{"class":365,"line":563},[4381,4386,4390,4394,4398,4402,4406,4410,4414,4418,4422,4426,4430,4434,4438,4442,4446,4450,4454,4458,4462],{"type":136,"tag":309,"props":4382,"children":4383},{"style":509},[4384],{"type":151,"value":4385},"    customize",{"type":136,"tag":309,"props":4387,"children":4388},{"style":521},[4389],{"type":151,"value":538},{"type":136,"tag":309,"props":4391,"children":4392},{"style":521},[4393],{"type":151,"value":3635},{"type":136,"tag":309,"props":4395,"children":4396},{"style":3638},[4397],{"type":151,"value":3641},{"type":136,"tag":309,"props":4399,"children":4400},{"style":521},[4401],{"type":151,"value":538},{"type":136,"tag":309,"props":4403,"children":4404},{"style":369},[4405],{"type":151,"value":3650},{"type":136,"tag":309,"props":4407,"children":4408},{"style":521},[4409],{"type":151,"value":1245},{"type":136,"tag":309,"props":4411,"children":4412},{"style":3638},[4413],{"type":151,"value":750},{"type":136,"tag":309,"props":4415,"children":4416},{"style":521},[4417],{"type":151,"value":538},{"type":136,"tag":309,"props":4419,"children":4420},{"style":369},[4421],{"type":151,"value":3650},{"type":136,"tag":309,"props":4423,"children":4424},{"style":521},[4425],{"type":151,"value":1245},{"type":136,"tag":309,"props":4427,"children":4428},{"style":3638},[4429],{"type":151,"value":3675},{"type":136,"tag":309,"props":4431,"children":4432},{"style":521},[4433],{"type":151,"value":538},{"type":136,"tag":309,"props":4435,"children":4436},{"style":369},[4437],{"type":151,"value":3650},{"type":136,"tag":309,"props":4439,"children":4440},{"style":521},[4441],{"type":151,"value":1245},{"type":136,"tag":309,"props":4443,"children":4444},{"style":3638},[4445],{"type":151,"value":3692},{"type":136,"tag":309,"props":4447,"children":4448},{"style":521},[4449],{"type":151,"value":538},{"type":136,"tag":309,"props":4451,"children":4452},{"style":369},[4453],{"type":151,"value":3650},{"type":136,"tag":309,"props":4455,"children":4456},{"style":521},[4457],{"type":151,"value":651},{"type":136,"tag":309,"props":4459,"children":4460},{"style":747},[4461],{"type":151,"value":3709},{"type":136,"tag":309,"props":4463,"children":4464},{"style":521},[4465],{"type":151,"value":882},{"type":136,"tag":309,"props":4467,"children":4468},{"class":365,"line":572},[4469],{"type":136,"tag":309,"props":4470,"children":4471},{"style":838},[4472],{"type":151,"value":4473},"      \u002F\u002F ...\n",{"type":136,"tag":309,"props":4475,"children":4476},{"class":365,"line":941},[4477],{"type":136,"tag":309,"props":4478,"children":4479},{"style":521},[4480],{"type":151,"value":2688},{"type":136,"tag":309,"props":4482,"children":4483},{"class":365,"line":950},[4484],{"type":136,"tag":309,"props":4485,"children":4486},{"style":521},[4487],{"type":151,"value":947},{"type":136,"tag":309,"props":4489,"children":4490},{"class":365,"line":1286},[4491,4495],{"type":136,"tag":309,"props":4492,"children":4493},{"style":521},[4494],{"type":151,"value":578},{"type":136,"tag":309,"props":4496,"children":4497},{"style":515},[4498],{"type":151,"value":583},{"type":136,"tag":137,"props":4500,"children":4501},{},[4502],{"type":151,"value":4503},"With this configuration, all icons throughout your application will have these customizations applied consistently.",{"type":136,"tag":961,"props":4505,"children":4507},{"id":4506},"server-bundle",[4508],{"type":151,"value":4509},"Server Bundle",{"type":136,"tag":137,"props":4511,"children":4512},{},[4513,4515,4520],{"type":151,"value":4514},"Since ",{"type":136,"tag":317,"props":4516,"children":4518},{"className":4517},[],[4519],{"type":151,"value":7},{"type":151,"value":4521}," 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":4523,"props":4524,"children":4526},"h4",{"id":4525},"server-bundle-mode-local",[4527,4529],{"type":151,"value":4528},"Server Bundle Mode: ",{"type":136,"tag":317,"props":4530,"children":4532},{"className":4531},[],[4533],{"type":151,"value":4534},"local",{"type":136,"tag":137,"props":4536,"children":4537},{},[4538,4540,4546],{"type":151,"value":4539},"This mode will bundle the icon collections you have installed locally (like ",{"type":136,"tag":317,"props":4541,"children":4543},{"className":4542},[],[4544],{"type":151,"value":4545},"@iconify-json\u002F*",{"type":151,"value":4547},"), 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":4523,"props":4549,"children":4551},{"id":4550},"server-bundle-mode-remote",[4552,4553],{"type":151,"value":4528},{"type":136,"tag":317,"props":4554,"children":4556},{"className":4555},[],[4557],{"type":151,"value":4558},"remote",{"type":136,"tag":137,"props":4560,"children":4561},{},[4562,4564,4569,4571,4576],{"type":151,"value":4563},"Introduced in ",{"type":136,"tag":317,"props":4565,"children":4567},{"className":4566},[],[4568],{"type":151,"value":7},{"type":151,"value":4570}," v1.2, you can now use the ",{"type":136,"tag":317,"props":4572,"children":4574},{"className":4573},[],[4575],{"type":151,"value":4558},{"type":151,"value":4577}," server bundle to serve the icons from a remote CDN.",{"type":136,"tag":354,"props":4579,"children":4581},{"className":486,"code":4580,"language":488,"meta":10,"style":10},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt\u002Ficon'\n  ],\n  icon: {\n    serverBundle: 'remote',\n  },\n})\n",[4582],{"type":136,"tag":317,"props":4583,"children":4584},{"__ignoreMap":10},[4585,4608,4623,4638,4649,4664,4691,4698],{"type":136,"tag":309,"props":4586,"children":4587},{"class":365,"line":67},[4588,4592,4596,4600,4604],{"type":136,"tag":309,"props":4589,"children":4590},{"style":498},[4591],{"type":151,"value":501},{"type":136,"tag":309,"props":4593,"children":4594},{"style":498},[4595],{"type":151,"value":506},{"type":136,"tag":309,"props":4597,"children":4598},{"style":509},[4599],{"type":151,"value":512},{"type":136,"tag":309,"props":4601,"children":4602},{"style":515},[4603],{"type":151,"value":518},{"type":136,"tag":309,"props":4605,"children":4606},{"style":521},[4607],{"type":151,"value":524},{"type":136,"tag":309,"props":4609,"children":4610},{"class":365,"line":54},[4611,4615,4619],{"type":136,"tag":309,"props":4612,"children":4613},{"style":530},[4614],{"type":151,"value":533},{"type":136,"tag":309,"props":4616,"children":4617},{"style":521},[4618],{"type":151,"value":538},{"type":136,"tag":309,"props":4620,"children":4621},{"style":515},[4622],{"type":151,"value":543},{"type":136,"tag":309,"props":4624,"children":4625},{"class":365,"line":47},[4626,4630,4634],{"type":136,"tag":309,"props":4627,"children":4628},{"style":521},[4629],{"type":151,"value":551},{"type":136,"tag":309,"props":4631,"children":4632},{"style":375},[4633],{"type":151,"value":7},{"type":136,"tag":309,"props":4635,"children":4636},{"style":521},[4637],{"type":151,"value":560},{"type":136,"tag":309,"props":4639,"children":4640},{"class":365,"line":563},[4641,4645],{"type":136,"tag":309,"props":4642,"children":4643},{"style":515},[4644],{"type":151,"value":1642},{"type":136,"tag":309,"props":4646,"children":4647},{"style":521},[4648],{"type":151,"value":913},{"type":136,"tag":309,"props":4650,"children":4651},{"class":365,"line":572},[4652,4656,4660],{"type":136,"tag":309,"props":4653,"children":4654},{"style":530},[4655],{"type":151,"value":873},{"type":136,"tag":309,"props":4657,"children":4658},{"style":521},[4659],{"type":151,"value":538},{"type":136,"tag":309,"props":4661,"children":4662},{"style":521},[4663],{"type":151,"value":882},{"type":136,"tag":309,"props":4665,"children":4666},{"class":365,"line":941},[4667,4671,4675,4679,4683,4687],{"type":136,"tag":309,"props":4668,"children":4669},{"style":530},[4670],{"type":151,"value":1203},{"type":136,"tag":309,"props":4672,"children":4673},{"style":521},[4674],{"type":151,"value":538},{"type":136,"tag":309,"props":4676,"children":4677},{"style":521},[4678],{"type":151,"value":899},{"type":136,"tag":309,"props":4680,"children":4681},{"style":375},[4682],{"type":151,"value":4558},{"type":136,"tag":309,"props":4684,"children":4685},{"style":521},[4686],{"type":151,"value":908},{"type":136,"tag":309,"props":4688,"children":4689},{"style":521},[4690],{"type":151,"value":913},{"type":136,"tag":309,"props":4692,"children":4693},{"class":365,"line":950},[4694],{"type":136,"tag":309,"props":4695,"children":4696},{"style":521},[4697],{"type":151,"value":1790},{"type":136,"tag":309,"props":4699,"children":4700},{"class":365,"line":1286},[4701,4705],{"type":136,"tag":309,"props":4702,"children":4703},{"style":521},[4704],{"type":151,"value":578},{"type":136,"tag":309,"props":4706,"children":4707},{"style":515},[4708],{"type":151,"value":583},{"type":136,"tag":137,"props":4710,"children":4711},{},[4712],{"type":151,"value":4713},"Or you can specify the remote provider:",{"type":136,"tag":354,"props":4715,"children":4717},{"className":486,"code":4716,"language":488,"meta":10,"style":10},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt\u002Ficon'\n  ],\n  icon: {\n    serverBundle: {\n      remote: 'jsdelivr', \u002F\u002F 'unpkg' or 'github-raw', or a custom function\n    }\n  },\n})\n",[4718],{"type":136,"tag":317,"props":4719,"children":4720},{"__ignoreMap":10},[4721,4744,4759,4774,4785,4800,4815,4849,4856,4863],{"type":136,"tag":309,"props":4722,"children":4723},{"class":365,"line":67},[4724,4728,4732,4736,4740],{"type":136,"tag":309,"props":4725,"children":4726},{"style":498},[4727],{"type":151,"value":501},{"type":136,"tag":309,"props":4729,"children":4730},{"style":498},[4731],{"type":151,"value":506},{"type":136,"tag":309,"props":4733,"children":4734},{"style":509},[4735],{"type":151,"value":512},{"type":136,"tag":309,"props":4737,"children":4738},{"style":515},[4739],{"type":151,"value":518},{"type":136,"tag":309,"props":4741,"children":4742},{"style":521},[4743],{"type":151,"value":524},{"type":136,"tag":309,"props":4745,"children":4746},{"class":365,"line":54},[4747,4751,4755],{"type":136,"tag":309,"props":4748,"children":4749},{"style":530},[4750],{"type":151,"value":533},{"type":136,"tag":309,"props":4752,"children":4753},{"style":521},[4754],{"type":151,"value":538},{"type":136,"tag":309,"props":4756,"children":4757},{"style":515},[4758],{"type":151,"value":543},{"type":136,"tag":309,"props":4760,"children":4761},{"class":365,"line":47},[4762,4766,4770],{"type":136,"tag":309,"props":4763,"children":4764},{"style":521},[4765],{"type":151,"value":551},{"type":136,"tag":309,"props":4767,"children":4768},{"style":375},[4769],{"type":151,"value":7},{"type":136,"tag":309,"props":4771,"children":4772},{"style":521},[4773],{"type":151,"value":560},{"type":136,"tag":309,"props":4775,"children":4776},{"class":365,"line":563},[4777,4781],{"type":136,"tag":309,"props":4778,"children":4779},{"style":515},[4780],{"type":151,"value":1642},{"type":136,"tag":309,"props":4782,"children":4783},{"style":521},[4784],{"type":151,"value":913},{"type":136,"tag":309,"props":4786,"children":4787},{"class":365,"line":572},[4788,4792,4796],{"type":136,"tag":309,"props":4789,"children":4790},{"style":530},[4791],{"type":151,"value":873},{"type":136,"tag":309,"props":4793,"children":4794},{"style":521},[4795],{"type":151,"value":538},{"type":136,"tag":309,"props":4797,"children":4798},{"style":521},[4799],{"type":151,"value":882},{"type":136,"tag":309,"props":4801,"children":4802},{"class":365,"line":941},[4803,4807,4811],{"type":136,"tag":309,"props":4804,"children":4805},{"style":530},[4806],{"type":151,"value":1203},{"type":136,"tag":309,"props":4808,"children":4809},{"style":521},[4810],{"type":151,"value":538},{"type":136,"tag":309,"props":4812,"children":4813},{"style":521},[4814],{"type":151,"value":882},{"type":136,"tag":309,"props":4816,"children":4817},{"class":365,"line":950},[4818,4823,4827,4831,4836,4840,4844],{"type":136,"tag":309,"props":4819,"children":4820},{"style":530},[4821],{"type":151,"value":4822},"      remote",{"type":136,"tag":309,"props":4824,"children":4825},{"style":521},[4826],{"type":151,"value":538},{"type":136,"tag":309,"props":4828,"children":4829},{"style":521},[4830],{"type":151,"value":899},{"type":136,"tag":309,"props":4832,"children":4833},{"style":375},[4834],{"type":151,"value":4835},"jsdelivr",{"type":136,"tag":309,"props":4837,"children":4838},{"style":521},[4839],{"type":151,"value":908},{"type":136,"tag":309,"props":4841,"children":4842},{"style":521},[4843],{"type":151,"value":1245},{"type":136,"tag":309,"props":4845,"children":4846},{"style":838},[4847],{"type":151,"value":4848}," \u002F\u002F 'unpkg' or 'github-raw', or a custom function\n",{"type":136,"tag":309,"props":4850,"children":4851},{"class":365,"line":1286},[4852],{"type":136,"tag":309,"props":4853,"children":4854},{"style":521},[4855],{"type":151,"value":1276},{"type":136,"tag":309,"props":4857,"children":4858},{"class":365,"line":43},[4859],{"type":136,"tag":309,"props":4860,"children":4861},{"style":521},[4862],{"type":151,"value":1790},{"type":136,"tag":309,"props":4864,"children":4865},{"class":365,"line":39},[4866,4870],{"type":136,"tag":309,"props":4867,"children":4868},{"style":521},[4869],{"type":151,"value":578},{"type":136,"tag":309,"props":4871,"children":4872},{"style":515},[4873],{"type":151,"value":583},{"type":136,"tag":137,"props":4875,"children":4876},{},[4877,4879,4885],{"type":151,"value":4878},"Which will make server requests to ",{"type":136,"tag":317,"props":4880,"children":4882},{"className":4881},[],[4883],{"type":151,"value":4884},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@iconify-json\u002Fph\u002Ficons.json",{"type":151,"value":4886}," to fetch the icons at runtime, instead of bundling them with your server.",{"type":136,"tag":137,"props":4888,"children":4889},{},[4890,4892,4898,4900,4906],{"type":151,"value":4891},"Under the hood, instead of bundling ",{"type":136,"tag":317,"props":4893,"children":4895},{"className":4894},[],[4896],{"type":151,"value":4897},"() => import('@iconify-json\u002Fph\u002Ficons.json')",{"type":151,"value":4899}," to your server bundle, it will now use something like ",{"type":136,"tag":317,"props":4901,"children":4903},{"className":4902},[],[4904],{"type":151,"value":4905},"() => fetch('https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@iconify-json\u002Fph\u002Ficons.json').then(res => res.json())",{"type":151,"value":4907},", where the collections are not inlined.",{"type":136,"tag":137,"props":4909,"children":4910},{},[4911],{"type":151,"value":4912},"This would be useful when server bundle size is a concern, like in serverless or worker environments.",{"type":136,"tag":4523,"props":4914,"children":4916},{"id":4915},"server-bundle-mode-auto",[4917,4918],{"type":151,"value":4528},{"type":136,"tag":317,"props":4919,"children":4921},{"className":4920},[],[4922],{"type":151,"value":4923},"auto",{"type":136,"tag":137,"props":4925,"children":4926},{},[4927,4929,4934,4936,4941,4943,4948],{"type":151,"value":4928},"This is the default option, where the module will pick between ",{"type":136,"tag":317,"props":4930,"children":4932},{"className":4931},[],[4933],{"type":151,"value":4534},{"type":151,"value":4935}," and ",{"type":136,"tag":317,"props":4937,"children":4939},{"className":4938},[],[4940],{"type":151,"value":4558},{"type":151,"value":4942}," based your deployment environment. ",{"type":136,"tag":317,"props":4944,"children":4946},{"className":4945},[],[4947],{"type":151,"value":4534},{"type":151,"value":4949}," will be preffered unless you are deploying to a serverless or worker environment, like Vercel Edge or Cloudflare Workers.",{"type":136,"tag":4523,"props":4951,"children":4953},{"id":4952},"externalize-icons-json",[4954],{"type":151,"value":4955},"Externalize Icons JSON",{"type":136,"tag":137,"props":4957,"children":4958},{},[4959,4961,4966,4968,4974,4975,4980],{"type":151,"value":4960},"By default, Nitro will bundle the icon collections you have installed locally (like ",{"type":136,"tag":317,"props":4962,"children":4964},{"className":4963},[],[4965],{"type":151,"value":4545},{"type":151,"value":4967},"), 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":4969,"children":4971},{"className":4970},[],[4972],{"type":151,"value":4973},"icon.serverBundle.externalizeIconsJson",{"type":151,"value":3480},{"type":136,"tag":317,"props":4976,"children":4978},{"className":4977},[],[4979],{"type":151,"value":3000},{"type":151,"value":235},{"type":136,"tag":354,"props":4982,"children":4984},{"className":486,"code":4983,"language":488,"meta":10,"style":10},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt\u002Ficon'\n  ],\n  icon: {\n    serverBundle: {\n      externalizeIconsJson: true,\n    }\n  },\n})\n",[4985],{"type":136,"tag":317,"props":4986,"children":4987},{"__ignoreMap":10},[4988,5011,5026,5041,5052,5067,5082,5102,5109,5116],{"type":136,"tag":309,"props":4989,"children":4990},{"class":365,"line":67},[4991,4995,4999,5003,5007],{"type":136,"tag":309,"props":4992,"children":4993},{"style":498},[4994],{"type":151,"value":501},{"type":136,"tag":309,"props":4996,"children":4997},{"style":498},[4998],{"type":151,"value":506},{"type":136,"tag":309,"props":5000,"children":5001},{"style":509},[5002],{"type":151,"value":512},{"type":136,"tag":309,"props":5004,"children":5005},{"style":515},[5006],{"type":151,"value":518},{"type":136,"tag":309,"props":5008,"children":5009},{"style":521},[5010],{"type":151,"value":524},{"type":136,"tag":309,"props":5012,"children":5013},{"class":365,"line":54},[5014,5018,5022],{"type":136,"tag":309,"props":5015,"children":5016},{"style":530},[5017],{"type":151,"value":533},{"type":136,"tag":309,"props":5019,"children":5020},{"style":521},[5021],{"type":151,"value":538},{"type":136,"tag":309,"props":5023,"children":5024},{"style":515},[5025],{"type":151,"value":543},{"type":136,"tag":309,"props":5027,"children":5028},{"class":365,"line":47},[5029,5033,5037],{"type":136,"tag":309,"props":5030,"children":5031},{"style":521},[5032],{"type":151,"value":551},{"type":136,"tag":309,"props":5034,"children":5035},{"style":375},[5036],{"type":151,"value":7},{"type":136,"tag":309,"props":5038,"children":5039},{"style":521},[5040],{"type":151,"value":560},{"type":136,"tag":309,"props":5042,"children":5043},{"class":365,"line":563},[5044,5048],{"type":136,"tag":309,"props":5045,"children":5046},{"style":515},[5047],{"type":151,"value":1642},{"type":136,"tag":309,"props":5049,"children":5050},{"style":521},[5051],{"type":151,"value":913},{"type":136,"tag":309,"props":5053,"children":5054},{"class":365,"line":572},[5055,5059,5063],{"type":136,"tag":309,"props":5056,"children":5057},{"style":530},[5058],{"type":151,"value":873},{"type":136,"tag":309,"props":5060,"children":5061},{"style":521},[5062],{"type":151,"value":538},{"type":136,"tag":309,"props":5064,"children":5065},{"style":521},[5066],{"type":151,"value":882},{"type":136,"tag":309,"props":5068,"children":5069},{"class":365,"line":941},[5070,5074,5078],{"type":136,"tag":309,"props":5071,"children":5072},{"style":530},[5073],{"type":151,"value":1203},{"type":136,"tag":309,"props":5075,"children":5076},{"style":521},[5077],{"type":151,"value":538},{"type":136,"tag":309,"props":5079,"children":5080},{"style":521},[5081],{"type":151,"value":882},{"type":136,"tag":309,"props":5083,"children":5084},{"class":365,"line":950},[5085,5090,5094,5098],{"type":136,"tag":309,"props":5086,"children":5087},{"style":530},[5088],{"type":151,"value":5089},"      externalizeIconsJson",{"type":136,"tag":309,"props":5091,"children":5092},{"style":521},[5093],{"type":151,"value":538},{"type":136,"tag":309,"props":5095,"children":5096},{"style":2378},[5097],{"type":151,"value":2668},{"type":136,"tag":309,"props":5099,"children":5100},{"style":521},[5101],{"type":151,"value":913},{"type":136,"tag":309,"props":5103,"children":5104},{"class":365,"line":1286},[5105],{"type":136,"tag":309,"props":5106,"children":5107},{"style":521},[5108],{"type":151,"value":1276},{"type":136,"tag":309,"props":5110,"children":5111},{"class":365,"line":43},[5112],{"type":136,"tag":309,"props":5113,"children":5114},{"style":521},[5115],{"type":151,"value":1790},{"type":136,"tag":309,"props":5117,"children":5118},{"class":365,"line":39},[5119,5123],{"type":136,"tag":309,"props":5120,"children":5121},{"style":521},[5122],{"type":151,"value":578},{"type":136,"tag":309,"props":5124,"children":5125},{"style":515},[5126],{"type":151,"value":583},{"type":136,"tag":137,"props":5128,"children":5129},{},[5130,5132,5139,5141,5147],{"type":151,"value":5131},"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":5133,"children":5136},{"href":5134,"rel":5135},"https:\u002F\u002Fnodejs.org\u002Fapi\u002Fesm.html#json-modules",[161],[5137],{"type":151,"value":5138},"JSON modules are still an experimental feature",{"type":151,"value":5140},"). In the final build, it will contain statements like ",{"type":136,"tag":317,"props":5142,"children":5144},{"className":5143},[],[5145],{"type":151,"value":5146},"() => import('@iconify-json\u002Fph\u002Ficons.json', { with: { type: 'json' } })",{"type":151,"value":235},{"type":136,"tag":137,"props":5149,"children":5150},{},[5151],{"type":151,"value":5152},"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":5154,"children":5155},{},[5156,5158,5164],{"type":151,"value":5157},"This option will be ignored when ",{"type":136,"tag":317,"props":5159,"children":5161},{"className":5160},[],[5162],{"type":151,"value":5163},"icon.serverBundle.remote",{"type":151,"value":5165}," is enabled.",{"type":136,"tag":4523,"props":5167,"children":5169},{"id":5168},"completely-disable-server-bundle",[5170],{"type":151,"value":5171},"Completely Disable Server Bundle",{"type":136,"tag":137,"props":5173,"children":5174},{},[5175,5177,5183,5184,5189,5190,5196,5197],{"type":151,"value":5176},"If you want to disable the server bundle completely, you can set ",{"type":136,"tag":317,"props":5178,"children":5180},{"className":5179},[],[5181],{"type":151,"value":5182},"icon.serverBundle",{"type":151,"value":3480},{"type":136,"tag":317,"props":5185,"children":5187},{"className":5186},[],[5188],{"type":151,"value":3486},{"type":151,"value":4935},{"type":136,"tag":317,"props":5191,"children":5193},{"className":5192},[],[5194],{"type":151,"value":5195},"provider",{"type":151,"value":3480},{"type":136,"tag":317,"props":5198,"children":5200},{"className":5199},[],[5201],{"type":151,"value":5202},"iconify",{"type":136,"tag":354,"props":5204,"children":5206},{"className":486,"code":5205,"language":488,"meta":10,"style":10},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt\u002Ficon'\n  ],\n  icon: {\n    provider: 'iconify',\n    serverBundle: false,\n  },\n})\n",[5207],{"type":136,"tag":317,"props":5208,"children":5209},{"__ignoreMap":10},[5210,5233,5248,5263,5274,5289,5316,5335,5342],{"type":136,"tag":309,"props":5211,"children":5212},{"class":365,"line":67},[5213,5217,5221,5225,5229],{"type":136,"tag":309,"props":5214,"children":5215},{"style":498},[5216],{"type":151,"value":501},{"type":136,"tag":309,"props":5218,"children":5219},{"style":498},[5220],{"type":151,"value":506},{"type":136,"tag":309,"props":5222,"children":5223},{"style":509},[5224],{"type":151,"value":512},{"type":136,"tag":309,"props":5226,"children":5227},{"style":515},[5228],{"type":151,"value":518},{"type":136,"tag":309,"props":5230,"children":5231},{"style":521},[5232],{"type":151,"value":524},{"type":136,"tag":309,"props":5234,"children":5235},{"class":365,"line":54},[5236,5240,5244],{"type":136,"tag":309,"props":5237,"children":5238},{"style":530},[5239],{"type":151,"value":533},{"type":136,"tag":309,"props":5241,"children":5242},{"style":521},[5243],{"type":151,"value":538},{"type":136,"tag":309,"props":5245,"children":5246},{"style":515},[5247],{"type":151,"value":543},{"type":136,"tag":309,"props":5249,"children":5250},{"class":365,"line":47},[5251,5255,5259],{"type":136,"tag":309,"props":5252,"children":5253},{"style":521},[5254],{"type":151,"value":551},{"type":136,"tag":309,"props":5256,"children":5257},{"style":375},[5258],{"type":151,"value":7},{"type":136,"tag":309,"props":5260,"children":5261},{"style":521},[5262],{"type":151,"value":560},{"type":136,"tag":309,"props":5264,"children":5265},{"class":365,"line":563},[5266,5270],{"type":136,"tag":309,"props":5267,"children":5268},{"style":515},[5269],{"type":151,"value":1642},{"type":136,"tag":309,"props":5271,"children":5272},{"style":521},[5273],{"type":151,"value":913},{"type":136,"tag":309,"props":5275,"children":5276},{"class":365,"line":572},[5277,5281,5285],{"type":136,"tag":309,"props":5278,"children":5279},{"style":530},[5280],{"type":151,"value":873},{"type":136,"tag":309,"props":5282,"children":5283},{"style":521},[5284],{"type":151,"value":538},{"type":136,"tag":309,"props":5286,"children":5287},{"style":521},[5288],{"type":151,"value":882},{"type":136,"tag":309,"props":5290,"children":5291},{"class":365,"line":941},[5292,5296,5300,5304,5308,5312],{"type":136,"tag":309,"props":5293,"children":5294},{"style":530},[5295],{"type":151,"value":2408},{"type":136,"tag":309,"props":5297,"children":5298},{"style":521},[5299],{"type":151,"value":538},{"type":136,"tag":309,"props":5301,"children":5302},{"style":521},[5303],{"type":151,"value":899},{"type":136,"tag":309,"props":5305,"children":5306},{"style":375},[5307],{"type":151,"value":5202},{"type":136,"tag":309,"props":5309,"children":5310},{"style":521},[5311],{"type":151,"value":908},{"type":136,"tag":309,"props":5313,"children":5314},{"style":521},[5315],{"type":151,"value":913},{"type":136,"tag":309,"props":5317,"children":5318},{"class":365,"line":950},[5319,5323,5327,5331],{"type":136,"tag":309,"props":5320,"children":5321},{"style":530},[5322],{"type":151,"value":1203},{"type":136,"tag":309,"props":5324,"children":5325},{"style":521},[5326],{"type":151,"value":538},{"type":136,"tag":309,"props":5328,"children":5329},{"style":2378},[5330],{"type":151,"value":2381},{"type":136,"tag":309,"props":5332,"children":5333},{"style":521},[5334],{"type":151,"value":913},{"type":136,"tag":309,"props":5336,"children":5337},{"class":365,"line":1286},[5338],{"type":136,"tag":309,"props":5339,"children":5340},{"style":521},[5341],{"type":151,"value":1790},{"type":136,"tag":309,"props":5343,"children":5344},{"class":365,"line":43},[5345,5349],{"type":136,"tag":309,"props":5346,"children":5347},{"style":521},[5348],{"type":151,"value":578},{"type":136,"tag":309,"props":5350,"children":5351},{"style":515},[5352],{"type":151,"value":583},{"type":136,"tag":137,"props":5354,"children":5355},{},[5356],{"type":151,"value":5357},"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":5359,"children":5361},{"id":5360},"client-bundle",[5362],{"type":151,"value":5363},"Client Bundle",{"type":136,"tag":137,"props":5365,"children":5366},{},[5367],{"type":151,"value":5368},"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":5370,"children":5372},{"className":486,"code":5371,"language":488,"meta":10,"style":10},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt\u002Ficon'\n  ],\n  icon: {\n    clientBundle: {\n      \u002F\u002F list of icons to include in the client bundle\n      icons: [\n        'uil:github',\n        'logos:vitejs'\n      ],\n\n      \u002F\u002F scan all components in the project and include icons \n      scan: true,\n\n      \u002F\u002F include all custom collections in the client bundle\n      includeCustomCollections: true, \n\n      \u002F\u002F guard for uncompressed bundle size, will fail the build if exceeds\n      sizeLimitKb: 256,\n    },\n  },\n})\n",[5373],{"type":136,"tag":317,"props":5374,"children":5375},{"__ignoreMap":10},[5376,5399,5414,5429,5440,5455,5470,5478,5494,5514,5530,5542,5549,5557,5576,5583,5591,5616,5623,5631,5653,5661,5669],{"type":136,"tag":309,"props":5377,"children":5378},{"class":365,"line":67},[5379,5383,5387,5391,5395],{"type":136,"tag":309,"props":5380,"children":5381},{"style":498},[5382],{"type":151,"value":501},{"type":136,"tag":309,"props":5384,"children":5385},{"style":498},[5386],{"type":151,"value":506},{"type":136,"tag":309,"props":5388,"children":5389},{"style":509},[5390],{"type":151,"value":512},{"type":136,"tag":309,"props":5392,"children":5393},{"style":515},[5394],{"type":151,"value":518},{"type":136,"tag":309,"props":5396,"children":5397},{"style":521},[5398],{"type":151,"value":524},{"type":136,"tag":309,"props":5400,"children":5401},{"class":365,"line":54},[5402,5406,5410],{"type":136,"tag":309,"props":5403,"children":5404},{"style":530},[5405],{"type":151,"value":533},{"type":136,"tag":309,"props":5407,"children":5408},{"style":521},[5409],{"type":151,"value":538},{"type":136,"tag":309,"props":5411,"children":5412},{"style":515},[5413],{"type":151,"value":543},{"type":136,"tag":309,"props":5415,"children":5416},{"class":365,"line":47},[5417,5421,5425],{"type":136,"tag":309,"props":5418,"children":5419},{"style":521},[5420],{"type":151,"value":551},{"type":136,"tag":309,"props":5422,"children":5423},{"style":375},[5424],{"type":151,"value":7},{"type":136,"tag":309,"props":5426,"children":5427},{"style":521},[5428],{"type":151,"value":560},{"type":136,"tag":309,"props":5430,"children":5431},{"class":365,"line":563},[5432,5436],{"type":136,"tag":309,"props":5433,"children":5434},{"style":515},[5435],{"type":151,"value":1642},{"type":136,"tag":309,"props":5437,"children":5438},{"style":521},[5439],{"type":151,"value":913},{"type":136,"tag":309,"props":5441,"children":5442},{"class":365,"line":572},[5443,5447,5451],{"type":136,"tag":309,"props":5444,"children":5445},{"style":530},[5446],{"type":151,"value":873},{"type":136,"tag":309,"props":5448,"children":5449},{"style":521},[5450],{"type":151,"value":538},{"type":136,"tag":309,"props":5452,"children":5453},{"style":521},[5454],{"type":151,"value":882},{"type":136,"tag":309,"props":5456,"children":5457},{"class":365,"line":941},[5458,5462,5466],{"type":136,"tag":309,"props":5459,"children":5460},{"style":530},[5461],{"type":151,"value":2643},{"type":136,"tag":309,"props":5463,"children":5464},{"style":521},[5465],{"type":151,"value":538},{"type":136,"tag":309,"props":5467,"children":5468},{"style":521},[5469],{"type":151,"value":882},{"type":136,"tag":309,"props":5471,"children":5472},{"class":365,"line":950},[5473],{"type":136,"tag":309,"props":5474,"children":5475},{"style":838},[5476],{"type":151,"value":5477},"      \u002F\u002F list of icons to include in the client bundle\n",{"type":136,"tag":309,"props":5479,"children":5480},{"class":365,"line":1286},[5481,5486,5490],{"type":136,"tag":309,"props":5482,"children":5483},{"style":530},[5484],{"type":151,"value":5485},"      icons",{"type":136,"tag":309,"props":5487,"children":5488},{"style":521},[5489],{"type":151,"value":538},{"type":136,"tag":309,"props":5491,"children":5492},{"style":515},[5493],{"type":151,"value":543},{"type":136,"tag":309,"props":5495,"children":5496},{"class":365,"line":43},[5497,5502,5506,5510],{"type":136,"tag":309,"props":5498,"children":5499},{"style":521},[5500],{"type":151,"value":5501},"        '",{"type":136,"tag":309,"props":5503,"children":5504},{"style":375},[5505],{"type":151,"value":765},{"type":136,"tag":309,"props":5507,"children":5508},{"style":521},[5509],{"type":151,"value":908},{"type":136,"tag":309,"props":5511,"children":5512},{"style":521},[5513],{"type":151,"value":913},{"type":136,"tag":309,"props":5515,"children":5516},{"class":365,"line":39},[5517,5521,5526],{"type":136,"tag":309,"props":5518,"children":5519},{"style":521},[5520],{"type":151,"value":5501},{"type":136,"tag":309,"props":5522,"children":5523},{"style":375},[5524],{"type":151,"value":5525},"logos:vitejs",{"type":136,"tag":309,"props":5527,"children":5528},{"style":521},[5529],{"type":151,"value":560},{"type":136,"tag":309,"props":5531,"children":5532},{"class":365,"line":1753},[5533,5538],{"type":136,"tag":309,"props":5534,"children":5535},{"style":515},[5536],{"type":151,"value":5537},"      ]",{"type":136,"tag":309,"props":5539,"children":5540},{"style":521},[5541],{"type":151,"value":913},{"type":136,"tag":309,"props":5543,"children":5544},{"class":365,"line":1762},[5545],{"type":136,"tag":309,"props":5546,"children":5547},{"emptyLinePlaceholder":3774},[5548],{"type":151,"value":3777},{"type":136,"tag":309,"props":5550,"children":5551},{"class":365,"line":1771},[5552],{"type":136,"tag":309,"props":5553,"children":5554},{"style":838},[5555],{"type":151,"value":5556},"      \u002F\u002F scan all components in the project and include icons \n",{"type":136,"tag":309,"props":5558,"children":5559},{"class":365,"line":1784},[5560,5564,5568,5572],{"type":136,"tag":309,"props":5561,"children":5562},{"style":530},[5563],{"type":151,"value":2659},{"type":136,"tag":309,"props":5565,"children":5566},{"style":521},[5567],{"type":151,"value":538},{"type":136,"tag":309,"props":5569,"children":5570},{"style":2378},[5571],{"type":151,"value":2668},{"type":136,"tag":309,"props":5573,"children":5574},{"style":521},[5575],{"type":151,"value":913},{"type":136,"tag":309,"props":5577,"children":5578},{"class":365,"line":1793},[5579],{"type":136,"tag":309,"props":5580,"children":5581},{"emptyLinePlaceholder":3774},[5582],{"type":151,"value":3777},{"type":136,"tag":309,"props":5584,"children":5585},{"class":365,"line":2247},[5586],{"type":136,"tag":309,"props":5587,"children":5588},{"style":838},[5589],{"type":151,"value":5590},"      \u002F\u002F include all custom collections in the client bundle\n",{"type":136,"tag":309,"props":5592,"children":5593},{"class":365,"line":2255},[5594,5599,5603,5607,5611],{"type":136,"tag":309,"props":5595,"children":5596},{"style":530},[5597],{"type":151,"value":5598},"      includeCustomCollections",{"type":136,"tag":309,"props":5600,"children":5601},{"style":521},[5602],{"type":151,"value":538},{"type":136,"tag":309,"props":5604,"children":5605},{"style":2378},[5606],{"type":151,"value":2668},{"type":136,"tag":309,"props":5608,"children":5609},{"style":521},[5610],{"type":151,"value":1245},{"type":136,"tag":309,"props":5612,"children":5613},{"style":515},[5614],{"type":151,"value":5615}," \n",{"type":136,"tag":309,"props":5617,"children":5618},{"class":365,"line":4294},[5619],{"type":136,"tag":309,"props":5620,"children":5621},{"emptyLinePlaceholder":3774},[5622],{"type":151,"value":3777},{"type":136,"tag":309,"props":5624,"children":5625},{"class":365,"line":4302},[5626],{"type":136,"tag":309,"props":5627,"children":5628},{"style":838},[5629],{"type":151,"value":5630},"      \u002F\u002F guard for uncompressed bundle size, will fail the build if exceeds\n",{"type":136,"tag":309,"props":5632,"children":5634},{"class":365,"line":5633},20,[5635,5640,5644,5649],{"type":136,"tag":309,"props":5636,"children":5637},{"style":530},[5638],{"type":151,"value":5639},"      sizeLimitKb",{"type":136,"tag":309,"props":5641,"children":5642},{"style":521},[5643],{"type":151,"value":538},{"type":136,"tag":309,"props":5645,"children":5646},{"style":2198},[5647],{"type":151,"value":5648}," 256",{"type":136,"tag":309,"props":5650,"children":5651},{"style":521},[5652],{"type":151,"value":913},{"type":136,"tag":309,"props":5654,"children":5656},{"class":365,"line":5655},21,[5657],{"type":136,"tag":309,"props":5658,"children":5659},{"style":521},[5660],{"type":151,"value":2688},{"type":136,"tag":309,"props":5662,"children":5664},{"class":365,"line":5663},22,[5665],{"type":136,"tag":309,"props":5666,"children":5667},{"style":521},[5668],{"type":151,"value":1790},{"type":136,"tag":309,"props":5670,"children":5672},{"class":365,"line":5671},23,[5673,5677],{"type":136,"tag":309,"props":5674,"children":5675},{"style":521},[5676],{"type":151,"value":578},{"type":136,"tag":309,"props":5678,"children":5679},{"style":515},[5680],{"type":151,"value":583},{"type":136,"tag":137,"props":5682,"children":5683},{},[5684,5690,5692,5697,5699,5704],{"type":136,"tag":317,"props":5685,"children":5687},{"className":5686},[],[5688],{"type":151,"value":5689},"includeCustomCollections",{"type":151,"value":5691}," will include all the custom collections you have defined in ",{"type":136,"tag":317,"props":5693,"children":5695},{"className":5694},[],[5696],{"type":151,"value":1573},{"type":151,"value":5698}," in the client bundle. It's disabled by default but will automatically enable when ",{"type":136,"tag":317,"props":5700,"children":5702},{"className":5701},[],[5703],{"type":151,"value":2275},{"type":151,"value":5705}," is set.",{"type":136,"tag":4523,"props":5707,"children":5709},{"id":5708},"scan-components",[5710],{"type":151,"value":5711},"Scan Components",{"type":136,"tag":137,"props":5713,"children":5714},{},[5715,5717,5723],{"type":151,"value":5716},"When ",{"type":136,"tag":317,"props":5718,"children":5720},{"className":5719},[],[5721],{"type":151,"value":5722},"scan",{"type":151,"value":5724}," 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":5726,"children":5727},{},[5728],{"type":151,"value":5729},"You can also fine-tune tine scanning targets like:",{"type":136,"tag":354,"props":5731,"children":5733},{"className":486,"code":5732,"language":488,"meta":10,"style":10},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt\u002Ficon'\n  ],\n  icon: {\n    clientBundle: {\n      scan: {\n        \u002F\u002F note that when you specify those values, the default behavior will be overridden\n        globInclude: ['components\u002F**\u002F*.vue', \u002F* ... *\u002F],\n        globExclude: ['node_modules', 'dist', \u002F* ... *\u002F],\n      },\n    },\n  },\n})\n",[5734],{"type":136,"tag":317,"props":5735,"children":5736},{"__ignoreMap":10},[5737,5760,5775,5790,5801,5816,5831,5846,5854,5900,5962,5969,5976,5983],{"type":136,"tag":309,"props":5738,"children":5739},{"class":365,"line":67},[5740,5744,5748,5752,5756],{"type":136,"tag":309,"props":5741,"children":5742},{"style":498},[5743],{"type":151,"value":501},{"type":136,"tag":309,"props":5745,"children":5746},{"style":498},[5747],{"type":151,"value":506},{"type":136,"tag":309,"props":5749,"children":5750},{"style":509},[5751],{"type":151,"value":512},{"type":136,"tag":309,"props":5753,"children":5754},{"style":515},[5755],{"type":151,"value":518},{"type":136,"tag":309,"props":5757,"children":5758},{"style":521},[5759],{"type":151,"value":524},{"type":136,"tag":309,"props":5761,"children":5762},{"class":365,"line":54},[5763,5767,5771],{"type":136,"tag":309,"props":5764,"children":5765},{"style":530},[5766],{"type":151,"value":533},{"type":136,"tag":309,"props":5768,"children":5769},{"style":521},[5770],{"type":151,"value":538},{"type":136,"tag":309,"props":5772,"children":5773},{"style":515},[5774],{"type":151,"value":543},{"type":136,"tag":309,"props":5776,"children":5777},{"class":365,"line":47},[5778,5782,5786],{"type":136,"tag":309,"props":5779,"children":5780},{"style":521},[5781],{"type":151,"value":551},{"type":136,"tag":309,"props":5783,"children":5784},{"style":375},[5785],{"type":151,"value":7},{"type":136,"tag":309,"props":5787,"children":5788},{"style":521},[5789],{"type":151,"value":560},{"type":136,"tag":309,"props":5791,"children":5792},{"class":365,"line":563},[5793,5797],{"type":136,"tag":309,"props":5794,"children":5795},{"style":515},[5796],{"type":151,"value":1642},{"type":136,"tag":309,"props":5798,"children":5799},{"style":521},[5800],{"type":151,"value":913},{"type":136,"tag":309,"props":5802,"children":5803},{"class":365,"line":572},[5804,5808,5812],{"type":136,"tag":309,"props":5805,"children":5806},{"style":530},[5807],{"type":151,"value":873},{"type":136,"tag":309,"props":5809,"children":5810},{"style":521},[5811],{"type":151,"value":538},{"type":136,"tag":309,"props":5813,"children":5814},{"style":521},[5815],{"type":151,"value":882},{"type":136,"tag":309,"props":5817,"children":5818},{"class":365,"line":941},[5819,5823,5827],{"type":136,"tag":309,"props":5820,"children":5821},{"style":530},[5822],{"type":151,"value":2643},{"type":136,"tag":309,"props":5824,"children":5825},{"style":521},[5826],{"type":151,"value":538},{"type":136,"tag":309,"props":5828,"children":5829},{"style":521},[5830],{"type":151,"value":882},{"type":136,"tag":309,"props":5832,"children":5833},{"class":365,"line":950},[5834,5838,5842],{"type":136,"tag":309,"props":5835,"children":5836},{"style":530},[5837],{"type":151,"value":2659},{"type":136,"tag":309,"props":5839,"children":5840},{"style":521},[5841],{"type":151,"value":538},{"type":136,"tag":309,"props":5843,"children":5844},{"style":521},[5845],{"type":151,"value":882},{"type":136,"tag":309,"props":5847,"children":5848},{"class":365,"line":1286},[5849],{"type":136,"tag":309,"props":5850,"children":5851},{"style":838},[5852],{"type":151,"value":5853},"        \u002F\u002F note that when you specify those values, the default behavior will be overridden\n",{"type":136,"tag":309,"props":5855,"children":5856},{"class":365,"line":43},[5857,5862,5866,5870,5874,5879,5883,5887,5892,5896],{"type":136,"tag":309,"props":5858,"children":5859},{"style":530},[5860],{"type":151,"value":5861},"        globInclude",{"type":136,"tag":309,"props":5863,"children":5864},{"style":521},[5865],{"type":151,"value":538},{"type":136,"tag":309,"props":5867,"children":5868},{"style":515},[5869],{"type":151,"value":1159},{"type":136,"tag":309,"props":5871,"children":5872},{"style":521},[5873],{"type":151,"value":908},{"type":136,"tag":309,"props":5875,"children":5876},{"style":375},[5877],{"type":151,"value":5878},"components\u002F**\u002F*.vue",{"type":136,"tag":309,"props":5880,"children":5881},{"style":521},[5882],{"type":151,"value":908},{"type":136,"tag":309,"props":5884,"children":5885},{"style":521},[5886],{"type":151,"value":1245},{"type":136,"tag":309,"props":5888,"children":5889},{"style":838},[5890],{"type":151,"value":5891}," \u002F* ... *\u002F",{"type":136,"tag":309,"props":5893,"children":5894},{"style":515},[5895],{"type":151,"value":1176},{"type":136,"tag":309,"props":5897,"children":5898},{"style":521},[5899],{"type":151,"value":913},{"type":136,"tag":309,"props":5901,"children":5902},{"class":365,"line":39},[5903,5908,5912,5916,5920,5925,5929,5933,5937,5942,5946,5950,5954,5958],{"type":136,"tag":309,"props":5904,"children":5905},{"style":530},[5906],{"type":151,"value":5907},"        globExclude",{"type":136,"tag":309,"props":5909,"children":5910},{"style":521},[5911],{"type":151,"value":538},{"type":136,"tag":309,"props":5913,"children":5914},{"style":515},[5915],{"type":151,"value":1159},{"type":136,"tag":309,"props":5917,"children":5918},{"style":521},[5919],{"type":151,"value":908},{"type":136,"tag":309,"props":5921,"children":5922},{"style":375},[5923],{"type":151,"value":5924},"node_modules",{"type":136,"tag":309,"props":5926,"children":5927},{"style":521},[5928],{"type":151,"value":908},{"type":136,"tag":309,"props":5930,"children":5931},{"style":521},[5932],{"type":151,"value":1245},{"type":136,"tag":309,"props":5934,"children":5935},{"style":521},[5936],{"type":151,"value":899},{"type":136,"tag":309,"props":5938,"children":5939},{"style":375},[5940],{"type":151,"value":5941},"dist",{"type":136,"tag":309,"props":5943,"children":5944},{"style":521},[5945],{"type":151,"value":908},{"type":136,"tag":309,"props":5947,"children":5948},{"style":521},[5949],{"type":151,"value":1245},{"type":136,"tag":309,"props":5951,"children":5952},{"style":838},[5953],{"type":151,"value":5891},{"type":136,"tag":309,"props":5955,"children":5956},{"style":515},[5957],{"type":151,"value":1176},{"type":136,"tag":309,"props":5959,"children":5960},{"style":521},[5961],{"type":151,"value":913},{"type":136,"tag":309,"props":5963,"children":5964},{"class":365,"line":1753},[5965],{"type":136,"tag":309,"props":5966,"children":5967},{"style":521},[5968],{"type":151,"value":1768},{"type":136,"tag":309,"props":5970,"children":5971},{"class":365,"line":1762},[5972],{"type":136,"tag":309,"props":5973,"children":5974},{"style":521},[5975],{"type":151,"value":2688},{"type":136,"tag":309,"props":5977,"children":5978},{"class":365,"line":1771},[5979],{"type":136,"tag":309,"props":5980,"children":5981},{"style":521},[5982],{"type":151,"value":1790},{"type":136,"tag":309,"props":5984,"children":5985},{"class":365,"line":1784},[5986,5990],{"type":136,"tag":309,"props":5987,"children":5988},{"style":521},[5989],{"type":151,"value":578},{"type":136,"tag":309,"props":5991,"children":5992},{"style":515},[5993],{"type":151,"value":583},{"type":136,"tag":302,"props":5995,"children":5996},{},[5997,6006],{"type":136,"tag":137,"props":5998,"children":5999},{},[6000,6004],{"type":136,"tag":309,"props":6001,"children":6002},{},[6003],{"type":151,"value":1402},{"type":151,"value":6005},"\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":6007,"children":6009},{"className":1845,"code":6008,"language":1847,"meta":10,"style":10},"\u003Ctemplate>\n  \u003C!-- Avoid this -->\n  \u003CIcon :name=\"`carbon:${dark ? 'moon' : 'sun'}`\" \u002F>\n\n  \u003C!-- Prefer this -->\n  \u003CIcon :name=\"dark ? 'carbon:moon' : 'carbon:sun'\" \u002F>\n\u003C\u002Ftemplate>\n",[6010],{"type":136,"tag":317,"props":6011,"children":6012},{"__ignoreMap":10},[6013,6028,6036,6073,6080,6088,6124],{"type":136,"tag":309,"props":6014,"children":6015},{"class":365,"line":67},[6016,6020,6024],{"type":136,"tag":309,"props":6017,"children":6018},{"style":521},[6019],{"type":151,"value":739},{"type":136,"tag":309,"props":6021,"children":6022},{"style":530},[6023],{"type":151,"value":1863},{"type":136,"tag":309,"props":6025,"children":6026},{"style":521},[6027],{"type":151,"value":1868},{"type":136,"tag":309,"props":6029,"children":6030},{"class":365,"line":54},[6031],{"type":136,"tag":309,"props":6032,"children":6033},{"style":838},[6034],{"type":151,"value":6035},"  \u003C!-- Avoid this -->\n",{"type":136,"tag":309,"props":6037,"children":6038},{"class":365,"line":47},[6039,6043,6047,6052,6056,6060,6065,6069],{"type":136,"tag":309,"props":6040,"children":6041},{"style":521},[6042],{"type":151,"value":1876},{"type":136,"tag":309,"props":6044,"children":6045},{"style":530},[6046],{"type":151,"value":744},{"type":136,"tag":309,"props":6048,"children":6049},{"style":747},[6050],{"type":151,"value":6051}," :name",{"type":136,"tag":309,"props":6053,"children":6054},{"style":521},[6055],{"type":151,"value":755},{"type":136,"tag":309,"props":6057,"children":6058},{"style":521},[6059],{"type":151,"value":760},{"type":136,"tag":309,"props":6061,"children":6062},{"style":375},[6063],{"type":151,"value":6064},"`carbon:${dark ? 'moon' : 'sun'}`",{"type":136,"tag":309,"props":6066,"children":6067},{"style":521},[6068],{"type":151,"value":760},{"type":136,"tag":309,"props":6070,"children":6071},{"style":521},[6072],{"type":151,"value":796},{"type":136,"tag":309,"props":6074,"children":6075},{"class":365,"line":563},[6076],{"type":136,"tag":309,"props":6077,"children":6078},{"emptyLinePlaceholder":3774},[6079],{"type":151,"value":3777},{"type":136,"tag":309,"props":6081,"children":6082},{"class":365,"line":572},[6083],{"type":136,"tag":309,"props":6084,"children":6085},{"style":838},[6086],{"type":151,"value":6087},"  \u003C!-- Prefer this -->\n",{"type":136,"tag":309,"props":6089,"children":6090},{"class":365,"line":941},[6091,6095,6099,6103,6107,6111,6116,6120],{"type":136,"tag":309,"props":6092,"children":6093},{"style":521},[6094],{"type":151,"value":1876},{"type":136,"tag":309,"props":6096,"children":6097},{"style":530},[6098],{"type":151,"value":744},{"type":136,"tag":309,"props":6100,"children":6101},{"style":747},[6102],{"type":151,"value":6051},{"type":136,"tag":309,"props":6104,"children":6105},{"style":521},[6106],{"type":151,"value":755},{"type":136,"tag":309,"props":6108,"children":6109},{"style":521},[6110],{"type":151,"value":760},{"type":136,"tag":309,"props":6112,"children":6113},{"style":375},[6114],{"type":151,"value":6115},"dark ? 'carbon:moon' : 'carbon:sun'",{"type":136,"tag":309,"props":6117,"children":6118},{"style":521},[6119],{"type":151,"value":760},{"type":136,"tag":309,"props":6121,"children":6122},{"style":521},[6123],{"type":151,"value":796},{"type":136,"tag":309,"props":6125,"children":6126},{"class":365,"line":950},[6127,6131,6135],{"type":136,"tag":309,"props":6128,"children":6129},{"style":521},[6130],{"type":151,"value":1949},{"type":136,"tag":309,"props":6132,"children":6133},{"style":530},[6134],{"type":151,"value":1863},{"type":136,"tag":309,"props":6136,"children":6137},{"style":521},[6138],{"type":151,"value":1868},{"type":136,"tag":961,"props":6140,"children":6142},{"id":6141},"render-function",[6143],{"type":151,"value":6144},"Render Function",{"type":136,"tag":137,"props":6146,"children":6147},{},[6148,6150,6155,6157,6163],{"type":151,"value":6149},"You can use the ",{"type":136,"tag":317,"props":6151,"children":6153},{"className":6152},[],[6154],{"type":151,"value":744},{"type":151,"value":6156}," component in a render function (useful if you create a functional component), for this you can import it from ",{"type":136,"tag":317,"props":6158,"children":6160},{"className":6159},[],[6161],{"type":151,"value":6162},"#components",{"type":151,"value":538},{"type":136,"tag":354,"props":6165,"children":6167},{"className":486,"code":6166,"language":488,"meta":10,"style":10},"import { Icon } from '#components'\n",[6168],{"type":136,"tag":317,"props":6169,"children":6170},{"__ignoreMap":10},[6171],{"type":136,"tag":309,"props":6172,"children":6173},{"class":365,"line":67},[6174,6179,6183,6188,6193,6198,6202,6206],{"type":136,"tag":309,"props":6175,"children":6176},{"style":498},[6177],{"type":151,"value":6178},"import",{"type":136,"tag":309,"props":6180,"children":6181},{"style":521},[6182],{"type":151,"value":2148},{"type":136,"tag":309,"props":6184,"children":6185},{"style":515},[6186],{"type":151,"value":6187}," Icon",{"type":136,"tag":309,"props":6189,"children":6190},{"style":521},[6191],{"type":151,"value":6192}," }",{"type":136,"tag":309,"props":6194,"children":6195},{"style":498},[6196],{"type":151,"value":6197}," from",{"type":136,"tag":309,"props":6199,"children":6200},{"style":521},[6201],{"type":151,"value":899},{"type":136,"tag":309,"props":6203,"children":6204},{"style":375},[6205],{"type":151,"value":6162},{"type":136,"tag":309,"props":6207,"children":6208},{"style":521},[6209],{"type":151,"value":560},{"type":136,"tag":137,"props":6211,"children":6212},{},[6213,6215,6221],{"type":151,"value":6214},"See an example of a ",{"type":136,"tag":317,"props":6216,"children":6218},{"className":6217},[],[6219],{"type":151,"value":6220},"\u003CMyIcon>",{"type":151,"value":6222}," component:",{"type":136,"tag":354,"props":6224,"children":6226},{"className":1845,"code":6225,"language":1847,"meta":10,"style":10},"\u003Cscript setup>\nimport { Icon } from '#components'\n\nconst MyIcon = h(Icon, { name: 'uil:twitter' })\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cp>\u003CMyIcon \u002F>\u003C\u002Fp>\n\u003C\u002Ftemplate>\n",[6227],{"type":136,"tag":317,"props":6228,"children":6229},{"__ignoreMap":10},[6230,6249,6284,6291,6354,6369,6376,6391,6425],{"type":136,"tag":309,"props":6231,"children":6232},{"class":365,"line":67},[6233,6237,6241,6245],{"type":136,"tag":309,"props":6234,"children":6235},{"style":521},[6236],{"type":151,"value":739},{"type":136,"tag":309,"props":6238,"children":6239},{"style":530},[6240],{"type":151,"value":3575},{"type":136,"tag":309,"props":6242,"children":6243},{"style":747},[6244],{"type":151,"value":3580},{"type":136,"tag":309,"props":6246,"children":6247},{"style":521},[6248],{"type":151,"value":1868},{"type":136,"tag":309,"props":6250,"children":6251},{"class":365,"line":54},[6252,6256,6260,6264,6268,6272,6276,6280],{"type":136,"tag":309,"props":6253,"children":6254},{"style":498},[6255],{"type":151,"value":6178},{"type":136,"tag":309,"props":6257,"children":6258},{"style":521},[6259],{"type":151,"value":2148},{"type":136,"tag":309,"props":6261,"children":6262},{"style":515},[6263],{"type":151,"value":6187},{"type":136,"tag":309,"props":6265,"children":6266},{"style":521},[6267],{"type":151,"value":6192},{"type":136,"tag":309,"props":6269,"children":6270},{"style":498},[6271],{"type":151,"value":6197},{"type":136,"tag":309,"props":6273,"children":6274},{"style":521},[6275],{"type":151,"value":899},{"type":136,"tag":309,"props":6277,"children":6278},{"style":375},[6279],{"type":151,"value":6162},{"type":136,"tag":309,"props":6281,"children":6282},{"style":521},[6283],{"type":151,"value":560},{"type":136,"tag":309,"props":6285,"children":6286},{"class":365,"line":47},[6287],{"type":136,"tag":309,"props":6288,"children":6289},{"emptyLinePlaceholder":3774},[6290],{"type":151,"value":3777},{"type":136,"tag":309,"props":6292,"children":6293},{"class":365,"line":563},[6294,6298,6303,6307,6312,6317,6321,6325,6329,6333,6337,6342,6346,6350],{"type":136,"tag":309,"props":6295,"children":6296},{"style":747},[6297],{"type":151,"value":3621},{"type":136,"tag":309,"props":6299,"children":6300},{"style":515},[6301],{"type":151,"value":6302}," MyIcon ",{"type":136,"tag":309,"props":6304,"children":6305},{"style":521},[6306],{"type":151,"value":755},{"type":136,"tag":309,"props":6308,"children":6309},{"style":509},[6310],{"type":151,"value":6311}," h",{"type":136,"tag":309,"props":6313,"children":6314},{"style":515},[6315],{"type":151,"value":6316},"(Icon",{"type":136,"tag":309,"props":6318,"children":6319},{"style":521},[6320],{"type":151,"value":1245},{"type":136,"tag":309,"props":6322,"children":6323},{"style":521},[6324],{"type":151,"value":2148},{"type":136,"tag":309,"props":6326,"children":6327},{"style":530},[6328],{"type":151,"value":750},{"type":136,"tag":309,"props":6330,"children":6331},{"style":521},[6332],{"type":151,"value":538},{"type":136,"tag":309,"props":6334,"children":6335},{"style":521},[6336],{"type":151,"value":899},{"type":136,"tag":309,"props":6338,"children":6339},{"style":375},[6340],{"type":151,"value":6341},"uil:twitter",{"type":136,"tag":309,"props":6343,"children":6344},{"style":521},[6345],{"type":151,"value":908},{"type":136,"tag":309,"props":6347,"children":6348},{"style":521},[6349],{"type":151,"value":6192},{"type":136,"tag":309,"props":6351,"children":6352},{"style":515},[6353],{"type":151,"value":583},{"type":136,"tag":309,"props":6355,"children":6356},{"class":365,"line":572},[6357,6361,6365],{"type":136,"tag":309,"props":6358,"children":6359},{"style":521},[6360],{"type":151,"value":1949},{"type":136,"tag":309,"props":6362,"children":6363},{"style":530},[6364],{"type":151,"value":3575},{"type":136,"tag":309,"props":6366,"children":6367},{"style":521},[6368],{"type":151,"value":1868},{"type":136,"tag":309,"props":6370,"children":6371},{"class":365,"line":941},[6372],{"type":136,"tag":309,"props":6373,"children":6374},{"emptyLinePlaceholder":3774},[6375],{"type":151,"value":3777},{"type":136,"tag":309,"props":6377,"children":6378},{"class":365,"line":950},[6379,6383,6387],{"type":136,"tag":309,"props":6380,"children":6381},{"style":521},[6382],{"type":151,"value":739},{"type":136,"tag":309,"props":6384,"children":6385},{"style":530},[6386],{"type":151,"value":1863},{"type":136,"tag":309,"props":6388,"children":6389},{"style":521},[6390],{"type":151,"value":1868},{"type":136,"tag":309,"props":6392,"children":6393},{"class":365,"line":1286},[6394,6398,6402,6407,6412,6417,6421],{"type":136,"tag":309,"props":6395,"children":6396},{"style":521},[6397],{"type":151,"value":1876},{"type":136,"tag":309,"props":6399,"children":6400},{"style":530},[6401],{"type":151,"value":137},{"type":136,"tag":309,"props":6403,"children":6404},{"style":521},[6405],{"type":151,"value":6406},">\u003C",{"type":136,"tag":309,"props":6408,"children":6409},{"style":530},[6410],{"type":151,"value":6411},"MyIcon",{"type":136,"tag":309,"props":6413,"children":6414},{"style":521},[6415],{"type":151,"value":6416}," \u002F>\u003C\u002F",{"type":136,"tag":309,"props":6418,"children":6419},{"style":530},[6420],{"type":151,"value":137},{"type":136,"tag":309,"props":6422,"children":6423},{"style":521},[6424],{"type":151,"value":1868},{"type":136,"tag":309,"props":6426,"children":6427},{"class":365,"line":43},[6428,6432,6436],{"type":136,"tag":309,"props":6429,"children":6430},{"style":521},[6431],{"type":151,"value":1949},{"type":136,"tag":309,"props":6433,"children":6434},{"style":530},[6435],{"type":151,"value":1863},{"type":136,"tag":309,"props":6437,"children":6438},{"style":521},[6439],{"type":151,"value":1868},{"type":136,"tag":961,"props":6441,"children":6443},{"id":6442},"rendering-icons-in-component-tests",[6444],{"type":151,"value":6445},"Rendering Icons in Component Tests",{"type":136,"tag":137,"props":6447,"children":6448},{},[6449,6451,6461,6462,6472,6474,6479],{"type":151,"value":6450},"In in-browser component testing environments (such as ",{"type":136,"tag":157,"props":6452,"children":6455},{"href":6453,"rel":6454},"https:\u002F\u002Fvitest.dev\u002Fguide\u002Fbrowser\u002F",[161],[6456],{"type":136,"tag":614,"props":6457,"children":6458},{},[6459],{"type":151,"value":6460},"Vitest Browser Mode",{"type":151,"value":670},{"type":136,"tag":157,"props":6463,"children":6466},{"href":6464,"rel":6465},"https:\u002F\u002Fon.cypress.io\u002Fcomponent-testing",[161],[6467],{"type":136,"tag":614,"props":6468,"children":6469},{},[6470],{"type":151,"value":6471},"Cypress Component Testing",{"type":151,"value":6473},"), the internal Nuxt server routes used to fetch icons on demand are ",{"type":136,"tag":614,"props":6475,"children":6476},{},[6477],{"type":151,"value":6478},"not available",{"type":151,"value":6480},". As a result, icons may fail to render during tests.",{"type":136,"tag":137,"props":6482,"children":6483},{},[6484,6486,6490,6492,6496],{"type":151,"value":6485},"To ensure icons render correctly in component tests, configure ",{"type":136,"tag":614,"props":6487,"children":6488},{},[6489],{"type":151,"value":7},{"type":151,"value":6491}," to use the ",{"type":136,"tag":614,"props":6493,"children":6494},{},[6495],{"type":151,"value":2553},{"type":151,"value":6497}," when running in test mode.",{"type":136,"tag":302,"props":6499,"children":6500},{},[6501],{"type":136,"tag":137,"props":6502,"children":6503},{},[6504,6509,6511,6521],{"type":136,"tag":614,"props":6505,"children":6506},{},[6507],{"type":151,"value":6508},"Note",{"type":151,"value":6510},"\nProjects using ",{"type":136,"tag":157,"props":6512,"children":6515},{"href":6513,"rel":6514},"https:\u002F\u002Fui.nuxt.com\u002F",[161],[6516],{"type":136,"tag":614,"props":6517,"children":6518},{},[6519],{"type":151,"value":6520},"@nuxt\u002Fui",{"type":151,"value":6522}," must do this to see any UI icons during component testing.",{"type":136,"tag":4523,"props":6524,"children":6526},{"id":6525},"requirements",[6527],{"type":151,"value":6528},"Requirements",{"type":136,"tag":237,"props":6530,"children":6531},{},[6532,6544],{"type":136,"tag":241,"props":6533,"children":6534},{},[6535,6537,6543],{"type":151,"value":6536},"Install the icon collections you use locally (for example, ",{"type":136,"tag":317,"props":6538,"children":6540},{"className":6539},[],[6541],{"type":151,"value":6542},"@iconify-json\u002Flucide",{"type":151,"value":1041},{"type":136,"tag":241,"props":6545,"children":6546},{},[6547,6549,6554],{"type":151,"value":6548},"Icons will ",{"type":136,"tag":614,"props":6550,"children":6551},{},[6552],{"type":151,"value":6553},"not",{"type":151,"value":6555}," be fetched remotely when using the client bundle.",{"type":136,"tag":4523,"props":6557,"children":6559},{"id":6558},"test-only-configuration",[6560],{"type":151,"value":6561},"Test-only Configuration",{"type":136,"tag":137,"props":6563,"children":6564},{},[6565,6567,6573],{"type":151,"value":6566},"Conditionally switch to the client bundle in your Nuxt config when ",{"type":136,"tag":317,"props":6568,"children":6570},{"className":6569},[],[6571],{"type":151,"value":6572},"NODE_ENV === 'test'",{"type":151,"value":538},{"type":136,"tag":354,"props":6575,"children":6577},{"className":486,"code":6576,"language":488,"meta":10,"style":10},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt\u002Ficon',\n  ],\n\n  icon: process.env.NODE_ENV !== 'test'\n    ? {\n        \u002F\u002F Production or development icon configuration\n      }\n    : {\n        \u002F\u002F Disable all network icon fetching in component tests\n        provider: 'none',\n\n        clientBundle: {\n          \u002F\u002F Explicitly include dynamically constructed icons\n          icons: ['lucide:check'],\n\n          \u002F\u002F Scan your app and Nuxt UI runtime for static icon usage\n          scan: {\n            globInclude: [\n              '{app,shared}\u002F**',\n              'node_modules\u002F@nuxt\u002Fui\u002Fdist\u002F**',\n            ],\n            globExclude: ['node_modules'],\n          },\n        },\n      },\n})\n",[6578],{"type":136,"tag":317,"props":6579,"children":6580},{"__ignoreMap":10},[6581,6604,6619,6638,6649,6656,6708,6720,6728,6735,6747,6755,6783,6790,6806,6814,6851,6858,6866,6882,6898,6919,6939,6951,6988,6997,7005,7013],{"type":136,"tag":309,"props":6582,"children":6583},{"class":365,"line":67},[6584,6588,6592,6596,6600],{"type":136,"tag":309,"props":6585,"children":6586},{"style":498},[6587],{"type":151,"value":501},{"type":136,"tag":309,"props":6589,"children":6590},{"style":498},[6591],{"type":151,"value":506},{"type":136,"tag":309,"props":6593,"children":6594},{"style":509},[6595],{"type":151,"value":512},{"type":136,"tag":309,"props":6597,"children":6598},{"style":515},[6599],{"type":151,"value":518},{"type":136,"tag":309,"props":6601,"children":6602},{"style":521},[6603],{"type":151,"value":524},{"type":136,"tag":309,"props":6605,"children":6606},{"class":365,"line":54},[6607,6611,6615],{"type":136,"tag":309,"props":6608,"children":6609},{"style":530},[6610],{"type":151,"value":533},{"type":136,"tag":309,"props":6612,"children":6613},{"style":521},[6614],{"type":151,"value":538},{"type":136,"tag":309,"props":6616,"children":6617},{"style":515},[6618],{"type":151,"value":543},{"type":136,"tag":309,"props":6620,"children":6621},{"class":365,"line":47},[6622,6626,6630,6634],{"type":136,"tag":309,"props":6623,"children":6624},{"style":521},[6625],{"type":151,"value":551},{"type":136,"tag":309,"props":6627,"children":6628},{"style":375},[6629],{"type":151,"value":7},{"type":136,"tag":309,"props":6631,"children":6632},{"style":521},[6633],{"type":151,"value":908},{"type":136,"tag":309,"props":6635,"children":6636},{"style":521},[6637],{"type":151,"value":913},{"type":136,"tag":309,"props":6639,"children":6640},{"class":365,"line":563},[6641,6645],{"type":136,"tag":309,"props":6642,"children":6643},{"style":515},[6644],{"type":151,"value":1642},{"type":136,"tag":309,"props":6646,"children":6647},{"style":521},[6648],{"type":151,"value":913},{"type":136,"tag":309,"props":6650,"children":6651},{"class":365,"line":572},[6652],{"type":136,"tag":309,"props":6653,"children":6654},{"emptyLinePlaceholder":3774},[6655],{"type":151,"value":3777},{"type":136,"tag":309,"props":6657,"children":6658},{"class":365,"line":941},[6659,6663,6667,6672,6676,6681,6685,6690,6695,6699,6704],{"type":136,"tag":309,"props":6660,"children":6661},{"style":530},[6662],{"type":151,"value":873},{"type":136,"tag":309,"props":6664,"children":6665},{"style":521},[6666],{"type":151,"value":538},{"type":136,"tag":309,"props":6668,"children":6669},{"style":515},[6670],{"type":151,"value":6671}," process",{"type":136,"tag":309,"props":6673,"children":6674},{"style":521},[6675],{"type":151,"value":235},{"type":136,"tag":309,"props":6677,"children":6678},{"style":515},[6679],{"type":151,"value":6680},"env",{"type":136,"tag":309,"props":6682,"children":6683},{"style":521},[6684],{"type":151,"value":235},{"type":136,"tag":309,"props":6686,"children":6687},{"style":515},[6688],{"type":151,"value":6689},"NODE_ENV ",{"type":136,"tag":309,"props":6691,"children":6692},{"style":521},[6693],{"type":151,"value":6694},"!==",{"type":136,"tag":309,"props":6696,"children":6697},{"style":521},[6698],{"type":151,"value":899},{"type":136,"tag":309,"props":6700,"children":6701},{"style":375},[6702],{"type":151,"value":6703},"test",{"type":136,"tag":309,"props":6705,"children":6706},{"style":521},[6707],{"type":151,"value":560},{"type":136,"tag":309,"props":6709,"children":6710},{"class":365,"line":950},[6711,6716],{"type":136,"tag":309,"props":6712,"children":6713},{"style":521},[6714],{"type":151,"value":6715},"    ?",{"type":136,"tag":309,"props":6717,"children":6718},{"style":521},[6719],{"type":151,"value":882},{"type":136,"tag":309,"props":6721,"children":6722},{"class":365,"line":1286},[6723],{"type":136,"tag":309,"props":6724,"children":6725},{"style":838},[6726],{"type":151,"value":6727},"        \u002F\u002F Production or development icon configuration\n",{"type":136,"tag":309,"props":6729,"children":6730},{"class":365,"line":43},[6731],{"type":136,"tag":309,"props":6732,"children":6733},{"style":521},[6734],{"type":151,"value":2233},{"type":136,"tag":309,"props":6736,"children":6737},{"class":365,"line":39},[6738,6743],{"type":136,"tag":309,"props":6739,"children":6740},{"style":521},[6741],{"type":151,"value":6742},"    :",{"type":136,"tag":309,"props":6744,"children":6745},{"style":521},[6746],{"type":151,"value":882},{"type":136,"tag":309,"props":6748,"children":6749},{"class":365,"line":1753},[6750],{"type":136,"tag":309,"props":6751,"children":6752},{"style":838},[6753],{"type":151,"value":6754},"        \u002F\u002F Disable all network icon fetching in component tests\n",{"type":136,"tag":309,"props":6756,"children":6757},{"class":365,"line":1762},[6758,6763,6767,6771,6775,6779],{"type":136,"tag":309,"props":6759,"children":6760},{"style":530},[6761],{"type":151,"value":6762},"        provider",{"type":136,"tag":309,"props":6764,"children":6765},{"style":521},[6766],{"type":151,"value":538},{"type":136,"tag":309,"props":6768,"children":6769},{"style":521},[6770],{"type":151,"value":899},{"type":136,"tag":309,"props":6772,"children":6773},{"style":375},[6774],{"type":151,"value":2627},{"type":136,"tag":309,"props":6776,"children":6777},{"style":521},[6778],{"type":151,"value":908},{"type":136,"tag":309,"props":6780,"children":6781},{"style":521},[6782],{"type":151,"value":913},{"type":136,"tag":309,"props":6784,"children":6785},{"class":365,"line":1771},[6786],{"type":136,"tag":309,"props":6787,"children":6788},{"emptyLinePlaceholder":3774},[6789],{"type":151,"value":3777},{"type":136,"tag":309,"props":6791,"children":6792},{"class":365,"line":1784},[6793,6798,6802],{"type":136,"tag":309,"props":6794,"children":6795},{"style":530},[6796],{"type":151,"value":6797},"        clientBundle",{"type":136,"tag":309,"props":6799,"children":6800},{"style":521},[6801],{"type":151,"value":538},{"type":136,"tag":309,"props":6803,"children":6804},{"style":521},[6805],{"type":151,"value":882},{"type":136,"tag":309,"props":6807,"children":6808},{"class":365,"line":1793},[6809],{"type":136,"tag":309,"props":6810,"children":6811},{"style":838},[6812],{"type":151,"value":6813},"          \u002F\u002F Explicitly include dynamically constructed icons\n",{"type":136,"tag":309,"props":6815,"children":6816},{"class":365,"line":2247},[6817,6822,6826,6830,6834,6839,6843,6847],{"type":136,"tag":309,"props":6818,"children":6819},{"style":530},[6820],{"type":151,"value":6821},"          icons",{"type":136,"tag":309,"props":6823,"children":6824},{"style":521},[6825],{"type":151,"value":538},{"type":136,"tag":309,"props":6827,"children":6828},{"style":515},[6829],{"type":151,"value":1159},{"type":136,"tag":309,"props":6831,"children":6832},{"style":521},[6833],{"type":151,"value":908},{"type":136,"tag":309,"props":6835,"children":6836},{"style":375},[6837],{"type":151,"value":6838},"lucide:check",{"type":136,"tag":309,"props":6840,"children":6841},{"style":521},[6842],{"type":151,"value":908},{"type":136,"tag":309,"props":6844,"children":6845},{"style":515},[6846],{"type":151,"value":1176},{"type":136,"tag":309,"props":6848,"children":6849},{"style":521},[6850],{"type":151,"value":913},{"type":136,"tag":309,"props":6852,"children":6853},{"class":365,"line":2255},[6854],{"type":136,"tag":309,"props":6855,"children":6856},{"emptyLinePlaceholder":3774},[6857],{"type":151,"value":3777},{"type":136,"tag":309,"props":6859,"children":6860},{"class":365,"line":4294},[6861],{"type":136,"tag":309,"props":6862,"children":6863},{"style":838},[6864],{"type":151,"value":6865},"          \u002F\u002F Scan your app and Nuxt UI runtime for static icon usage\n",{"type":136,"tag":309,"props":6867,"children":6868},{"class":365,"line":4302},[6869,6874,6878],{"type":136,"tag":309,"props":6870,"children":6871},{"style":530},[6872],{"type":151,"value":6873},"          scan",{"type":136,"tag":309,"props":6875,"children":6876},{"style":521},[6877],{"type":151,"value":538},{"type":136,"tag":309,"props":6879,"children":6880},{"style":521},[6881],{"type":151,"value":882},{"type":136,"tag":309,"props":6883,"children":6884},{"class":365,"line":5633},[6885,6890,6894],{"type":136,"tag":309,"props":6886,"children":6887},{"style":530},[6888],{"type":151,"value":6889},"            globInclude",{"type":136,"tag":309,"props":6891,"children":6892},{"style":521},[6893],{"type":151,"value":538},{"type":136,"tag":309,"props":6895,"children":6896},{"style":515},[6897],{"type":151,"value":543},{"type":136,"tag":309,"props":6899,"children":6900},{"class":365,"line":5655},[6901,6906,6911,6915],{"type":136,"tag":309,"props":6902,"children":6903},{"style":521},[6904],{"type":151,"value":6905},"              '",{"type":136,"tag":309,"props":6907,"children":6908},{"style":375},[6909],{"type":151,"value":6910},"{app,shared}\u002F**",{"type":136,"tag":309,"props":6912,"children":6913},{"style":521},[6914],{"type":151,"value":908},{"type":136,"tag":309,"props":6916,"children":6917},{"style":521},[6918],{"type":151,"value":913},{"type":136,"tag":309,"props":6920,"children":6921},{"class":365,"line":5663},[6922,6926,6931,6935],{"type":136,"tag":309,"props":6923,"children":6924},{"style":521},[6925],{"type":151,"value":6905},{"type":136,"tag":309,"props":6927,"children":6928},{"style":375},[6929],{"type":151,"value":6930},"node_modules\u002F@nuxt\u002Fui\u002Fdist\u002F**",{"type":136,"tag":309,"props":6932,"children":6933},{"style":521},[6934],{"type":151,"value":908},{"type":136,"tag":309,"props":6936,"children":6937},{"style":521},[6938],{"type":151,"value":913},{"type":136,"tag":309,"props":6940,"children":6941},{"class":365,"line":5671},[6942,6947],{"type":136,"tag":309,"props":6943,"children":6944},{"style":515},[6945],{"type":151,"value":6946},"            ]",{"type":136,"tag":309,"props":6948,"children":6949},{"style":521},[6950],{"type":151,"value":913},{"type":136,"tag":309,"props":6952,"children":6954},{"class":365,"line":6953},24,[6955,6960,6964,6968,6972,6976,6980,6984],{"type":136,"tag":309,"props":6956,"children":6957},{"style":530},[6958],{"type":151,"value":6959},"            globExclude",{"type":136,"tag":309,"props":6961,"children":6962},{"style":521},[6963],{"type":151,"value":538},{"type":136,"tag":309,"props":6965,"children":6966},{"style":515},[6967],{"type":151,"value":1159},{"type":136,"tag":309,"props":6969,"children":6970},{"style":521},[6971],{"type":151,"value":908},{"type":136,"tag":309,"props":6973,"children":6974},{"style":375},[6975],{"type":151,"value":5924},{"type":136,"tag":309,"props":6977,"children":6978},{"style":521},[6979],{"type":151,"value":908},{"type":136,"tag":309,"props":6981,"children":6982},{"style":515},[6983],{"type":151,"value":1176},{"type":136,"tag":309,"props":6985,"children":6986},{"style":521},[6987],{"type":151,"value":913},{"type":136,"tag":309,"props":6989,"children":6991},{"class":365,"line":6990},25,[6992],{"type":136,"tag":309,"props":6993,"children":6994},{"style":521},[6995],{"type":151,"value":6996},"          },\n",{"type":136,"tag":309,"props":6998,"children":7000},{"class":365,"line":6999},26,[7001],{"type":136,"tag":309,"props":7002,"children":7003},{"style":521},[7004],{"type":151,"value":2183},{"type":136,"tag":309,"props":7006,"children":7008},{"class":365,"line":7007},27,[7009],{"type":136,"tag":309,"props":7010,"children":7011},{"style":521},[7012],{"type":151,"value":1768},{"type":136,"tag":309,"props":7014,"children":7016},{"class":365,"line":7015},28,[7017,7021],{"type":136,"tag":309,"props":7018,"children":7019},{"style":521},[7020],{"type":151,"value":578},{"type":136,"tag":309,"props":7022,"children":7023},{"style":515},[7024],{"type":151,"value":583},{"type":136,"tag":302,"props":7026,"children":7027},{},[7028,7036],{"type":136,"tag":137,"props":7029,"children":7030},{},[7031],{"type":136,"tag":614,"props":7032,"children":7033},{},[7034],{"type":151,"value":7035},"Tips",{"type":136,"tag":237,"props":7037,"children":7038},{},[7039,7051],{"type":136,"tag":241,"props":7040,"children":7041},{},[7042,7044,7050],{"type":151,"value":7043},"Dynamically generated icon names may not be detected by static scanning—add them explicitly to ",{"type":136,"tag":317,"props":7045,"children":7047},{"className":7046},[],[7048],{"type":151,"value":7049},"icons",{"type":151,"value":235},{"type":136,"tag":241,"props":7052,"children":7053},{},[7054,7056,7062,7063,7069],{"type":151,"value":7055},"For large apps, consider moving test-only configuration into ",{"type":136,"tag":317,"props":7057,"children":7059},{"className":7058},[],[7060],{"type":151,"value":7061},"vitest.config.ts",{"type":151,"value":670},{"type":136,"tag":317,"props":7064,"children":7066},{"className":7065},[],[7067],{"type":151,"value":7068},"cypress.config.ts",{"type":151,"value":7070}," for clarity.",{"type":136,"tag":262,"props":7072,"children":7074},{"id":7073},"contributing",[7075],{"type":151,"value":7076},"Contributing 🙏",{"type":136,"tag":7078,"props":7079,"children":7080},"ol",{},[7081,7086,7123,7136],{"type":136,"tag":241,"props":7082,"children":7083},{},[7084],{"type":151,"value":7085},"Clone this repository",{"type":136,"tag":241,"props":7087,"children":7088},{},[7089,7091,7097,7099,7105,7107,7113,7115,7122],{"type":151,"value":7090},"Install dependencies using ",{"type":136,"tag":317,"props":7092,"children":7094},{"className":7093},[],[7095],{"type":151,"value":7096},"pnpm install",{"type":151,"value":7098}," (install ",{"type":136,"tag":317,"props":7100,"children":7102},{"className":7101},[],[7103],{"type":151,"value":7104},"pnpm",{"type":151,"value":7106}," with ",{"type":136,"tag":317,"props":7108,"children":7110},{"className":7109},[],[7111],{"type":151,"value":7112},"corepack enable",{"type":151,"value":7114},", ",{"type":136,"tag":157,"props":7116,"children":7119},{"href":7117,"rel":7118},"https:\u002F\u002Fpnpm.io\u002Finstallation#using-corepack",[161],[7120],{"type":151,"value":7121},"learn more",{"type":151,"value":651},{"type":136,"tag":241,"props":7124,"children":7125},{},[7126,7128,7134],{"type":151,"value":7127},"Run ",{"type":136,"tag":317,"props":7129,"children":7131},{"className":7130},[],[7132],{"type":151,"value":7133},"npm run dev:prepare",{"type":151,"value":7135}," to generate type stubs.",{"type":136,"tag":241,"props":7137,"children":7138},{},[7139,7141,7147,7149,7156],{"type":151,"value":7140},"Use ",{"type":136,"tag":317,"props":7142,"children":7144},{"className":7143},[],[7145],{"type":151,"value":7146},"npm run dev",{"type":151,"value":7148}," to start ",{"type":136,"tag":157,"props":7150,"children":7153},{"href":7151,"rel":7152},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\u002Ftree\u002Fmain\u002Fplayground",[161],[7154],{"type":151,"value":7155},"playground",{"type":151,"value":7157}," in development mode.",{"type":136,"tag":262,"props":7159,"children":7161},{"id":7160},"credits",[7162],{"type":151,"value":7163},"Credits 💌",{"type":136,"tag":237,"props":7165,"children":7166},{},[7167,7179],{"type":136,"tag":241,"props":7168,"children":7169},{},[7170,7177],{"type":136,"tag":157,"props":7171,"children":7174},{"href":7172,"rel":7173},"https:\u002F\u002Fgithub.com\u002Fbenjamincanac",[161],[7175],{"type":151,"value":7176},"@benjamincanac",{"type":151,"value":7178}," for the initial version",{"type":136,"tag":241,"props":7180,"children":7181},{},[7182,7189,7191],{"type":136,"tag":157,"props":7183,"children":7186},{"href":7184,"rel":7185},"https:\u002F\u002Fgithub.com\u002Fcyberalien",[161],[7187],{"type":151,"value":7188},"@cyberalien",{"type":151,"value":7190}," for making ",{"type":136,"tag":157,"props":7192,"children":7195},{"href":7193,"rel":7194},"https:\u002F\u002Fgithub.com\u002Ficonify\u002Ficonify",[161],[7196],{"type":151,"value":233},{"type":136,"tag":262,"props":7198,"children":7200},{"id":7199},"license",[7201],{"type":151,"value":7202},"License 📎",{"type":136,"tag":137,"props":7204,"children":7205},{},[7206],{"type":136,"tag":157,"props":7207,"children":7209},{"href":179,"rel":7208},[161],[7210],{"type":151,"value":7211},"MIT License",{"type":136,"tag":7213,"props":7214,"children":7215},"style",{},[7216],{"type":151,"value":7217},"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":7219},[7220,7221,7222,7233,7234,7235],{"id":264,"depth":54,"text":267},{"id":344,"depth":54,"text":347},{"id":606,"depth":54,"text":609,"children":7223},[7224,7225,7226,7227,7228,7229,7230,7231,7232],{"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":4506,"depth":47,"text":4509},{"id":5360,"depth":47,"text":5363},{"id":6141,"depth":47,"text":6144},{"id":6442,"depth":47,"text":6445},{"id":7073,"depth":54,"text":7076},{"id":7160,"depth":54,"text":7163},{"id":7199,"depth":54,"text":7202},{"v5":7237,"v4":7238,"v3":7239,"v2":7240},"5 (nightly)","4.4.2","3.21.2","2.18.1"]