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