[{"data":1,"prerenderedAt":955},["ShallowReactive",2],{"navigation":3,"blogNavigation":232,"page-\u002Fdocs\u002F%E7%AE%80%E5%8D%95%E6%96%87%E6%A1%A3\u002Fcomponents\u002Ficon":418,"\u002Fdocs\u002F%E7%AE%80%E5%8D%95%E6%96%87%E6%A1%A3\u002Fcomponents\u002Ficon-surround":950},[4],{"title":5,"path":6,"stem":7,"children":8,"page":57},"Docs","\u002Fdocs","docs",[9,176,184],{"title":10,"path":11,"stem":12,"children":13,"icon":16},"简单文档","\u002Fdocs\u002F简单文档","docs\u002F1.简单文档\u002F1.index",[14,17,22,58,63,166,171],{"title":15,"path":11,"stem":12,"icon":16},"入门简介","lucide-house",{"title":18,"path":19,"stem":20,"icon":21},"安装与开发","\u002Fdocs\u002F简单文档\u002Finstallation","docs\u002F1.简单文档\u002F2.installation","lucide-play",{"title":23,"path":24,"stem":25,"children":26,"page":57},"开始写作","\u002Fdocs\u002F简单文档\u002Fwriting","docs\u002F1.简单文档\u002F3.writing",[27,32,37,42,47,52],{"title":28,"path":29,"stem":30,"icon":31},"Markdown","\u002Fdocs\u002F简单文档\u002Fwriting\u002Fmarkdown","docs\u002F1.简单文档\u002F3.writing\u002F1.markdown","simple-icons:markdown",{"title":33,"path":34,"stem":35,"icon":36},"页面 frontmatter","\u002Fdocs\u002F简单文档\u002Fwriting\u002Fpages","docs\u002F1.简单文档\u002F3.writing\u002F2.pages","lucide:file-text",{"title":38,"path":39,"stem":40,"icon":41},"目录与文件命名","\u002Fdocs\u002F简单文档\u002Fwriting\u002Ffolders","docs\u002F1.简单文档\u002F3.writing\u002F3.folders","lucide:folder",{"title":43,"path":44,"stem":45,"icon":46},"单页面示例","\u002Fdocs\u002F简单文档\u002Fwriting\u002Ffull-page-example","docs\u002F1.简单文档\u002F3.writing\u002F4.full-page-example","lucide:layout-template",{"title":48,"path":49,"stem":50,"icon":51},"内容检查与测试","\u002Fdocs\u002F简单文档\u002Fwriting\u002Ftest","docs\u002F1.简单文档\u002F3.writing\u002F5.test","lucide:shield-check",{"title":53,"path":54,"stem":55,"icon":56},"在文章中使用组件","\u002Fdocs\u002F简单文档\u002Fwriting\u002Fmdc-content","docs\u002F1.简单文档\u002F3.writing\u002F6.mdc-content","lucide-blocks",false,{"title":59,"path":60,"stem":61,"icon":62},"部署服务","\u002Fdocs\u002F简单文档\u002Fdeployment","docs\u002F1.简单文档\u002F4.deployment","lucide:cloud",{"title":64,"path":65,"stem":66,"children":67,"page":57},"组件特性","\u002Fdocs\u002F简单文档\u002Fcomponents","docs\u002F1.简单文档\u002F5.components",[68,73,77,81,85,89,93,97,101,105,110,114,118,122,126,131,136,141,146,150,154,158,162],{"title":69,"path":70,"stem":71,"icon":72},"常用组件","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fapi","docs\u002F1.简单文档\u002F5.components\u002F1.API","lucide-component",{"title":74,"path":75,"stem":76},"Alert","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Falert","docs\u002F1.简单文档\u002F5.components\u002Falert",{"title":78,"path":79,"stem":80},"Badge","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fbadge","docs\u002F1.简单文档\u002F5.components\u002Fbadge",{"title":82,"path":83,"stem":84},"Button Link","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fbutton-link","docs\u002F1.简单文档\u002F5.components\u002Fbutton-link",{"title":86,"path":87,"stem":88},"Callout","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcallout","docs\u002F1.简单文档\u002F5.components\u002Fcallout",{"title":90,"path":91,"stem":92},"Card","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcard","docs\u002F1.简单文档\u002F5.components\u002Fcard",{"title":94,"path":95,"stem":96},"Card Group","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcard-group","docs\u002F1.简单文档\u002F5.components\u002Fcard-group",{"title":98,"path":99,"stem":100},"Code Group","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcode-group","docs\u002F1.简单文档\u002F5.components\u002Fcode-group",{"title":102,"path":103,"stem":104},"Code Tree","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcode-tree","docs\u002F1.简单文档\u002F5.components\u002Fcode-tree",{"title":106,"path":107,"stem":108,"icon":109},"博客与文档内容块","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcontent-blocks","docs\u002F1.简单文档\u002F5.components\u002Fcontent-blocks","lucide-panels-top-left",{"title":111,"path":112,"stem":113},"Field","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Ffield","docs\u002F1.简单文档\u002F5.components\u002Ffield",{"title":115,"path":116,"stem":117},"Field Group","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Ffield-group","docs\u002F1.简单文档\u002F5.components\u002Ffield-group",{"title":119,"path":120,"stem":121},"File Tree","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Ffile-tree","docs\u002F1.简单文档\u002F5.components\u002Ffile-tree",{"title":123,"path":124,"stem":125},"Icon","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Ficon","docs\u002F1.简单文档\u002F5.components\u002Ficon",{"title":127,"path":128,"stem":129,"icon":130},"数据、API 与阅读交互组件","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Finteractive-blocks","docs\u002F1.简单文档\u002F5.components\u002Finteractive-blocks","lucide-table-properties",{"title":132,"path":133,"stem":134,"icon":135},"进阶组件交互演示","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Finteractive-showcase","docs\u002F1.简单文档\u002F5.components\u002Finteractive-showcase","lucide-sliders-horizontal",{"title":137,"path":138,"stem":139,"icon":140},"MDC 语法与组件注册","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fmdc-guide","docs\u002F1.简单文档\u002F5.components\u002Fmdc-guide","lucide-file-code",{"title":142,"path":143,"stem":144,"icon":145},"MDC 组件交互演示","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fmdc-showcase","docs\u002F1.简单文档\u002F5.components\u002Fmdc-showcase","lucide-mouse-pointer-click",{"title":147,"path":148,"stem":149},"Playground","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fplayground","docs\u002F1.简单文档\u002F5.components\u002Fplayground",{"title":151,"path":152,"stem":153},"Read More","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fread-more","docs\u002F1.简单文档\u002F5.components\u002Fread-more",{"title":155,"path":156,"stem":157},"Stack","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fstack","docs\u002F1.简单文档\u002F5.components\u002Fstack",{"title":159,"path":160,"stem":161},"Steps","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fsteps","docs\u002F1.简单文档\u002F5.components\u002Fsteps",{"title":163,"path":164,"stem":165},"Tabs","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Ftabs","docs\u002F1.简单文档\u002F5.components\u002Ftabs",{"title":167,"path":168,"stem":169,"icon":170},"功能与路线图","\u002Fdocs\u002F简单文档\u002F功能与路线图","docs\u002F1.简单文档\u002F6.功能与路线图","lucide:map",{"title":172,"path":173,"stem":174,"icon":175},"Nuxt Studio 现状与运维说明","\u002Fdocs\u002F简单文档\u002Fnuxt-studio-upgrade-plan","docs\u002F1.简单文档\u002F7.nuxt-studio-upgrade-plan","simple-icons:nuxtdotjs",{"title":177,"path":178,"stem":179,"children":180,"icon":183},"无人自助系统","\u002Fdocs\u002F无人自助系统","docs\u002F2.无人自助系统\u002F1.index",[181],{"title":182,"path":178,"stem":179,"icon":183},"介绍","simple-icons:opencollective",{"title":185,"path":186,"stem":187,"children":188,"icon":191},"SwitchOps 交换机巡检","\u002Fdocs\u002Fswitchops交换机巡检","docs\u002F3.SwitchOps交换机巡检\u002F1.index",[189,192,197,202,207,212,217,222,227],{"title":190,"path":186,"stem":187,"icon":191},"产品简介","lucide:house",{"title":193,"path":194,"stem":195,"icon":196},"快速开始","\u002Fdocs\u002Fswitchops交换机巡检\u002Fquick-start","docs\u002F3.SwitchOps交换机巡检\u002F2.quick-start","lucide:rocket",{"title":198,"path":199,"stem":200,"icon":201},"设备清单配置","\u002Fdocs\u002Fswitchops交换机巡检\u002Fdevice-config","docs\u002F3.SwitchOps交换机巡检\u002F3.device-config","lucide:list-tree",{"title":203,"path":204,"stem":205,"icon":206},"图形界面使用","\u002Fdocs\u002Fswitchops交换机巡检\u002Fgui-guide","docs\u002F3.SwitchOps交换机巡检\u002F4.gui-guide","lucide:monitor",{"title":208,"path":209,"stem":210,"icon":211},"命令行使用","\u002Fdocs\u002Fswitchops交换机巡检\u002Fcli-guide","docs\u002F3.SwitchOps交换机巡检\u002F5.cli-guide","lucide:square-terminal",{"title":213,"path":214,"stem":215,"icon":216},"报告与历史数据","\u002Fdocs\u002Fswitchops交换机巡检\u002Freports-history","docs\u002F3.SwitchOps交换机巡检\u002F6.reports-history","lucide:file-chart-column",{"title":218,"path":219,"stem":220,"icon":221},"高级配置","\u002Fdocs\u002Fswitchops交换机巡检\u002Fadvanced-config","docs\u002F3.SwitchOps交换机巡检\u002F7.advanced-config","lucide:settings",{"title":223,"path":224,"stem":225,"icon":226},"Windows 打包部署","\u002Fdocs\u002Fswitchops交换机巡检\u002Fwindows-deployment","docs\u002F3.SwitchOps交换机巡检\u002F8.windows-deployment","lucide:package",{"title":228,"path":229,"stem":230,"icon":231},"故障排查与安全","\u002Fdocs\u002Fswitchops交换机巡检\u002Ftroubleshooting-security","docs\u002F3.SwitchOps交换机巡检\u002F9.troubleshooting-security","lucide:shield-alert",[233],{"title":234,"path":235,"stem":236,"children":237,"page":57},"Blog","\u002Fblog","blog",[238,401,410],{"title":239,"path":240,"stem":241,"children":242,"page":57},"技术栈","\u002Fblog\u002F技术栈","blog\u002F1.技术栈",[243,248,253,258,262,267,271,276,280,284,289,294,299,303,307,311,315,319,324,328,333,338,343,347,352,357,362,367,372,376,381,386,391,396],{"title":244,"path":245,"stem":246,"icon":247},"最近给文档站补了些什么","\u002Fblog\u002F技术栈\u002Festel-docs-recent-updates","blog\u002F1.技术栈\u002F968.estel-docs-recent-updates","lucide:blocks",{"title":249,"path":250,"stem":251,"icon":252},"国产化终端能上办公网，却登录不了 OA：一次网络准入故障排查","\u002Fblog\u002F技术栈\u002F国产化终端办公oa网络准入故障排查","blog\u002F1.技术栈\u002F969.国产化终端办公OA网络准入故障排查","lucide:network",{"title":254,"path":255,"stem":256,"icon":257},"准备新的插件","\u002Fblog\u002F技术栈\u002F新的插件","blog\u002F1.技术栈\u002F970.新的插件","simple-icons:debian",{"title":259,"path":260,"stem":261,"icon":257},"防于未然，先固不破 — Debian 12 快速加固实战","\u002Fblog\u002F技术栈\u002F服务器加固实战","blog\u002F1.技术栈\u002F971.服务器加固实战",{"title":263,"path":264,"stem":265,"icon":266},"nmap高级应用技巧-实战","\u002Fblog\u002F技术栈\u002Fnmap高级应用技巧-实战","blog\u002F1.技术栈\u002F972.nmap高级应用技巧-实战","simple-icons:openstreetmap",{"title":268,"path":269,"stem":270,"icon":266},"nmap高级应用技巧-NSE","\u002Fblog\u002F技术栈\u002Fnmap高级应用技巧-nse","blog\u002F1.技术栈\u002F973.nmap高级应用技巧-NSE",{"title":272,"path":273,"stem":274,"icon":275},"部分vue组件语法预览","\u002Fblog\u002F技术栈\u002F部分组件语法展示","blog\u002F1.技术栈\u002F974.部分组件语法展示","simple-icons:vuedotjs",{"title":277,"path":278,"stem":279,"icon":175},"新的文档渲染样式","\u002Fblog\u002F技术栈\u002F新的文档渲染样式","blog\u002F1.技术栈\u002F975.新的文档渲染样式",{"title":281,"path":282,"stem":283,"icon":175},"Nuxt 微信分享接口","\u002Fblog\u002F技术栈\u002Fnuxt-微信分享接口","blog\u002F1.技术栈\u002F976.Nuxt 微信分享接口",{"title":285,"path":286,"stem":287,"icon":288},"AI复合应用 合同审查","\u002Fblog\u002F技术栈\u002Fai复合应用-合同审查","blog\u002F1.技术栈\u002F978.AI复合应用 合同审查","simple-icons:openai",{"title":290,"path":291,"stem":292,"icon":293},"Kali 安装 GVM","\u002Fblog\u002F技术栈\u002Fkali-安装-gvm","blog\u002F1.技术栈\u002F979.Kali 安装 GVM","simple-icons:kalilinux",{"title":295,"path":296,"stem":297,"icon":298},"GPT-5","\u002Fblog\u002F技术栈\u002Fgpt5","blog\u002F1.技术栈\u002F980.GPT5","simple-icons:powershell",{"title":300,"path":301,"stem":302,"icon":288},"使用 AI 守护内网安全","\u002Fblog\u002F技术栈\u002F使用-ai-守护内网安全","blog\u002F1.技术栈\u002F981.使用 AI 守护内网安全",{"title":304,"path":305,"stem":306,"icon":266},"系统安全扫描工具命令集合","\u002Fblog\u002F技术栈\u002F系统安全扫描工具命令集合","blog\u002F1.技术栈\u002F982.系统安全扫描工具命令集合",{"title":308,"path":309,"stem":310},"用 MDC 组织技术文章","\u002Fblog\u002F技术栈\u002Fmdc-article-example","blog\u002F1.技术栈\u002F983.mdc-article-example",{"title":312,"path":313,"stem":314,"icon":293},"系统安全综合评估报告","\u002Fblog\u002F技术栈\u002F系统安全综合评估报告","blog\u002F1.技术栈\u002F983.系统安全综合评估报告",{"title":316,"path":317,"stem":318},"用交互组件写一份技术说明","\u002Fblog\u002F技术栈\u002Fmdc-interactive-example","blog\u002F1.技术栈\u002F984.mdc-interactive-example",{"title":320,"path":321,"stem":322,"icon":323},"树莓派安装 Kali Linux","\u002Fblog\u002F技术栈\u002F树莓派安装-kali-linux","blog\u002F1.技术栈\u002F984.树莓派安装 Kali Linux","simple-icons:raspberrypi",{"title":325,"path":326,"stem":327,"icon":175},"Nuxt UI Pro","\u002Fblog\u002F技术栈\u002Fnuxt-ui-pro","blog\u002F1.技术栈\u002F985.Nuxt UI Pro",{"title":329,"path":330,"stem":331,"icon":332},"Supabase 阿里云短信","\u002Fblog\u002F技术栈\u002Fsupabase-阿里云短信","blog\u002F1.技术栈\u002F986.Supabase 阿里云短信","simple-icons:alibabacloud",{"title":334,"path":335,"stem":336,"icon":337},"Coolify","\u002Fblog\u002F技术栈\u002Fcoolify","blog\u002F1.技术栈\u002F987.Coolify","simple-icons:chai",{"title":339,"path":340,"stem":341,"icon":342},"Python 代码规范","\u002Fblog\u002F技术栈\u002Fpython-代码规范","blog\u002F1.技术栈\u002F988.Python 代码规范","simple-icons:python",{"title":344,"path":345,"stem":346,"icon":175},"Nuxt3 代码规范","\u002Fblog\u002F技术栈\u002Fnuxt3-代码规范","blog\u002F1.技术栈\u002F989.Nuxt3 代码规范",{"title":348,"path":349,"stem":350,"icon":351},"Linux 系统 Swap 分区配置指南","\u002Fblog\u002F技术栈\u002Flinux-系统-swap-分区配置指南","blog\u002F1.技术栈\u002F990.Linux 系统 Swap 分区配置指南","simple-icons:linux",{"title":353,"path":354,"stem":355,"icon":356},"从Supabase迁移到Appwrite","\u002Fblog\u002F技术栈\u002F从supabase迁移到appwrite","blog\u002F1.技术栈\u002F991.从Supabase迁移到Appwrite","simple-icons:supabase",{"title":358,"path":359,"stem":360,"icon":361},"AppWrite 项目资源占用情况","\u002Fblog\u002F技术栈\u002Fappwrite-项目资源占用情况","blog\u002F1.技术栈\u002F992.AppWrite 项目资源占用情况","simple-icons:appwrite",{"title":363,"path":364,"stem":365,"icon":366},"Docker 里配置hosts","\u002Fblog\u002F技术栈\u002Fdocker-里配置hosts","blog\u002F1.技术栈\u002F993.Docker 里配置hosts","simple-icons:docker",{"title":368,"path":369,"stem":370,"icon":371},"MySQL 中如何忽略表名的大小写","\u002Fblog\u002F技术栈\u002Fmysql-中如何忽略表名的大小写","blog\u002F1.技术栈\u002F994.MySQL 中如何忽略表名的大小写","simple-icons:mysql",{"title":373,"path":374,"stem":375,"icon":257},"Debian 12 安装nodejs","\u002Fblog\u002F技术栈\u002Fdebian-12-安装nodejs","blog\u002F1.技术栈\u002F995.Debian 12 安装nodejs",{"title":377,"path":378,"stem":379,"icon":380},"Dify + Supabase：打造带数据库的AI问答机器人","\u002Fblog\u002F技术栈\u002Fdify-supabase：打造带数据库的ai问答机器人","blog\u002F1.技术栈\u002F996.Dify + Supabase：打造带数据库的AI问答机器人","simple-icons:reactbootstrap",{"title":382,"path":383,"stem":384,"icon":385},"安装 VS Code到浏览器 -- Code Server","\u002Fblog\u002F技术栈\u002F安装-vs-code到浏览器-code-server-copy","blog\u002F1.技术栈\u002F996.安装 VS Code到浏览器 -- Code Server copy","simple-icons:visualstudiocode",{"title":387,"path":388,"stem":389,"icon":390},"Debian 12 云服务器初始安全设置与优化指南","\u002Fblog\u002F技术栈\u002Fdebian-12-云服务器初始安全设置与优化指南","blog\u002F1.技术栈\u002F997.Debian 12 云服务器初始安全设置与优化指南","lucide-server",{"title":392,"path":393,"stem":394,"icon":395},"Iperf3 万兆网络打流测试指南","\u002Fblog\u002F技术栈\u002Fiperf3-万兆网络打流测试指南","blog\u002F1.技术栈\u002F998.Iperf3 万兆网络打流测试指南","lucide-network",{"title":397,"path":398,"stem":399,"icon":400},"GROK3 and Deepseek","\u002Fblog\u002F技术栈\u002Fgrok3-and-deepseek","blog\u002F1.技术栈\u002F999.GROK3-and-Deepseek","lucide-brain",{"title":402,"path":403,"stem":404,"children":405,"page":57},"AI","\u002Fblog\u002Fai","blog\u002F2.AI",[406],{"title":407,"path":408,"stem":409,"icon":337},"AI最佳实践","\u002Fblog\u002Fai\u002Fai","blog\u002F2.AI\u002F01.AI",{"title":411,"path":412,"stem":413,"children":414,"page":57},"生活","\u002Fblog\u002F生活","blog\u002F3.生活",[415],{"title":411,"path":416,"stem":417,"icon":337},"\u002Fblog\u002F生活\u002F生活","blog\u002F3.生活\u002F01.生活",{"id":419,"title":123,"badges":420,"body":429,"date":942,"description":943,"draft":57,"extension":944,"fullpage":57,"icon":945,"links":942,"meta":946,"navBadges":942,"navigation":942,"path":124,"rawbody":947,"seo":948,"stem":125,"updated":942,"__hash__":949},"docs\u002Fdocs\u002F1.简单文档\u002F5.components\u002Ficon.md",[421,425],{"value":422,"to":423,"target":424},"Docus","https:\u002F\u002Fdocus.dev\u002Fapi\u002Fcomponents#icon","_blank",{"value":426,"icon":427,"to":428,"target":424},"Source","lucide:code","https:\u002F\u002Fgithub.com\u002FZTL-UwU\u002Fshadcn-docs-nuxt\u002Fblob\u002Fmain\u002Fcomponents\u002Fcontent\u002FIcon.vue",{"type":430,"value":431,"toc":937},"minimark",[432,445,450,592,595,620,630,635,640,646,698,930,933],[433,434,436],"alert",{"target":424,"to":435},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon",[437,438,439,440,444],"p",{},"The icon component uses ",[441,442,443],"strong",{},"Nuxt Icon"," under the hood. Check out the usage guide from Nuxt Icon.",[446,447,449],"h2",{"id":448},"usage","Usage",[451,452,453,473],"stack",{},[454,455,459,463,466,469],"div",{"className":456},[457,458],"p-4","space-x-2",[460,461],"icon",{"name":462},"lucide:box",[460,464],{"name":465},"vscode-icons:file-type-js-official",[460,467],{"name":468},"vscode-icons:file-type-vue",[460,470],{"name":471,":size":472},"vscode-icons:file-type-nuxt","30",[474,475,480],"pre",{"className":476,"code":477,"language":478,"meta":479,"style":479},"language-mdc shiki shiki-themes github-light github-light github-dark vitesse-light vitesse-dark catppuccin-latte catppuccin-mocha one-light one-dark-pro material-theme-lighter material-theme-palenight min-light min-dark",":icon{name=\"lucide:box\"}\n:icon{name=\"vscode-icons:file-type-js-official\"}\n:icon{name=\"vscode-icons:file-type-vue\"}\n:icon{name=\"vscode-icons:file-type-nuxt\" :size=\"30\"}\n","mdc","",[481,482,483,518,539,560],"code",{"__ignoreMap":479},[484,485,488,492,495,498,502,506,510,513,515],"span",{"class":486,"line":487},"line",1,[484,489,491],{"class":490},"s4Bi8",":",[484,493,460],{"class":494},"spV5I",[484,496,497],{"class":490},"{",[484,499,501],{"class":500},"shR_7","name",[484,503,505],{"class":504},"stNAY","=",[484,507,509],{"class":508},"sLXf0","\"",[484,511,462],{"class":512},"sCtJb",[484,514,509],{"class":508},[484,516,517],{"class":490},"}\n",[484,519,521,523,525,527,529,531,533,535,537],{"class":486,"line":520},2,[484,522,491],{"class":490},[484,524,460],{"class":494},[484,526,497],{"class":490},[484,528,501],{"class":500},[484,530,505],{"class":504},[484,532,509],{"class":508},[484,534,465],{"class":512},[484,536,509],{"class":508},[484,538,517],{"class":490},[484,540,542,544,546,548,550,552,554,556,558],{"class":486,"line":541},3,[484,543,491],{"class":490},[484,545,460],{"class":494},[484,547,497],{"class":490},[484,549,501],{"class":500},[484,551,505],{"class":504},[484,553,509],{"class":508},[484,555,468],{"class":512},[484,557,509],{"class":508},[484,559,517],{"class":490},[484,561,563,565,567,569,571,573,575,577,579,582,584,586,588,590],{"class":486,"line":562},4,[484,564,491],{"class":490},[484,566,460],{"class":494},[484,568,497],{"class":490},[484,570,501],{"class":500},[484,572,505],{"class":504},[484,574,509],{"class":508},[484,576,471],{"class":512},[484,578,509],{"class":508},[484,580,581],{"class":500}," :size",[484,583,505],{"class":504},[484,585,509],{"class":508},[484,587,472],{"class":512},[484,589,509],{"class":508},[484,591,517],{"class":490},[437,593,594],{},"If you want to use other icons, it is highly recommended to install them locally, which is faster and more reliable on both SSR and client-side.",[474,596,601],{"className":597,"code":598,"filename":599,"language":600,"meta":479,"style":479},"language-bash shiki shiki-themes github-light github-light github-dark vitesse-light vitesse-dark catppuccin-latte catppuccin-mocha one-light one-dark-pro material-theme-lighter material-theme-palenight min-light min-dark","npm i -D @iconify-json\u002Fcollection-name\n","Terminal","bash",[481,602,603],{"__ignoreMap":479},[484,604,605,609,613,617],{"class":486,"line":487},[484,606,608],{"class":607},"sCf0g","npm",[484,610,612],{"class":611},"s254i"," i",[484,614,616],{"class":615},"scmvv"," -D",[484,618,619],{"class":611}," @iconify-json\u002Fcollection-name\n",[437,621,622,625,626,629],{},[481,623,624],{},"@iconify-json\u002Flucide"," and ",[481,627,628],{},"@iconify-json\u002Fvscode-icons"," are installed by default.",[631,632,634],"h3",{"id":633},"smart-icon","Smart Icon",[636,637,639],"badge",{"variant":638},"outline","0.5.3",[437,641,642,643,645],{},"You can put iconify icons, emojis and urls in ",[481,644,633],{},". Smart icon will render them automatically.",[451,647,648],{},[454,649,651,656,657,666,671,683,688],{"className":650},[457],[437,652,653],{},[441,654,655],{},"Iconify","  ",[454,658,660,662,664],{"className":659},[458],[633,661],{"name":462},[633,663],{"name":465},[633,665],{"name":468},[437,667,668],{},[441,669,670],{},"Emojis",[454,672,674,677,680],{"className":673},[458],[633,675],{"name":676},"😍",[633,678],{"name":679},"🚀",[633,681],{"name":682,":size":472},"🎉",[437,684,685],{},[441,686,687],{},"URL",[454,689,691,694],{"className":690},[458],[633,692],{"name":693},"\u002Flogo.png",[633,695],{"name":696,":size":697},"https:\u002F\u002Fvueuse.org\u002Ffavicon.svg","40",[474,699,701],{"className":476,"code":700,"language":478,"meta":479,"style":479},"**Iconify**\n:smart-icon{name=\"lucide:box\"}\n:smart-icon{name=\"vscode-icons:file-type-js-official\"}\n:smart-icon{name=\"vscode-icons:file-type-vue\"}\n\n**Emojis**\n:smart-icon{name=\"😍\"}\n:smart-icon{name=\"🚀\"}\n:smart-icon{name=\"🎉\" :size=\"30\"}\n\n**URL**\n:smart-icon{name=\"\u002Flogo.png\"}\n:smart-icon{name=\"https:\u002F\u002Fvueuse.org\u002Ffavicon.svg\" :size=\"40\"}\n",[481,702,703,715,735,755,775,782,791,812,833,864,869,878,899],{"__ignoreMap":479},[484,704,705,709,712],{"class":486,"line":487},[484,706,708],{"class":707},"sovfr","**",[484,710,655],{"class":711},"sr12r",[484,713,714],{"class":707},"**\n",[484,716,717,719,721,723,725,727,729,731,733],{"class":486,"line":520},[484,718,491],{"class":490},[484,720,633],{"class":494},[484,722,497],{"class":490},[484,724,501],{"class":500},[484,726,505],{"class":504},[484,728,509],{"class":508},[484,730,462],{"class":512},[484,732,509],{"class":508},[484,734,517],{"class":490},[484,736,737,739,741,743,745,747,749,751,753],{"class":486,"line":541},[484,738,491],{"class":490},[484,740,633],{"class":494},[484,742,497],{"class":490},[484,744,501],{"class":500},[484,746,505],{"class":504},[484,748,509],{"class":508},[484,750,465],{"class":512},[484,752,509],{"class":508},[484,754,517],{"class":490},[484,756,757,759,761,763,765,767,769,771,773],{"class":486,"line":562},[484,758,491],{"class":490},[484,760,633],{"class":494},[484,762,497],{"class":490},[484,764,501],{"class":500},[484,766,505],{"class":504},[484,768,509],{"class":508},[484,770,468],{"class":512},[484,772,509],{"class":508},[484,774,517],{"class":490},[484,776,778],{"class":486,"line":777},5,[484,779,781],{"emptyLinePlaceholder":780},true,"\n",[484,783,785,787,789],{"class":486,"line":784},6,[484,786,708],{"class":707},[484,788,670],{"class":711},[484,790,714],{"class":707},[484,792,794,796,798,800,802,804,806,808,810],{"class":486,"line":793},7,[484,795,491],{"class":490},[484,797,633],{"class":494},[484,799,497],{"class":490},[484,801,501],{"class":500},[484,803,505],{"class":504},[484,805,509],{"class":508},[484,807,676],{"class":512},[484,809,509],{"class":508},[484,811,517],{"class":490},[484,813,815,817,819,821,823,825,827,829,831],{"class":486,"line":814},8,[484,816,491],{"class":490},[484,818,633],{"class":494},[484,820,497],{"class":490},[484,822,501],{"class":500},[484,824,505],{"class":504},[484,826,509],{"class":508},[484,828,679],{"class":512},[484,830,509],{"class":508},[484,832,517],{"class":490},[484,834,836,838,840,842,844,846,848,850,852,854,856,858,860,862],{"class":486,"line":835},9,[484,837,491],{"class":490},[484,839,633],{"class":494},[484,841,497],{"class":490},[484,843,501],{"class":500},[484,845,505],{"class":504},[484,847,509],{"class":508},[484,849,682],{"class":512},[484,851,509],{"class":508},[484,853,581],{"class":500},[484,855,505],{"class":504},[484,857,509],{"class":508},[484,859,472],{"class":512},[484,861,509],{"class":508},[484,863,517],{"class":490},[484,865,867],{"class":486,"line":866},10,[484,868,781],{"emptyLinePlaceholder":780},[484,870,872,874,876],{"class":486,"line":871},11,[484,873,708],{"class":707},[484,875,687],{"class":711},[484,877,714],{"class":707},[484,879,881,883,885,887,889,891,893,895,897],{"class":486,"line":880},12,[484,882,491],{"class":490},[484,884,633],{"class":494},[484,886,497],{"class":490},[484,888,501],{"class":500},[484,890,505],{"class":504},[484,892,509],{"class":508},[484,894,693],{"class":512},[484,896,509],{"class":508},[484,898,517],{"class":490},[484,900,902,904,906,908,910,912,914,916,918,920,922,924,926,928],{"class":486,"line":901},13,[484,903,491],{"class":490},[484,905,633],{"class":494},[484,907,497],{"class":490},[484,909,501],{"class":500},[484,911,505],{"class":504},[484,913,509],{"class":508},[484,915,696],{"class":512},[484,917,509],{"class":508},[484,919,581],{"class":500},[484,921,505],{"class":504},[484,923,509],{"class":508},[484,925,697],{"class":512},[484,927,509],{"class":508},[484,929,517],{"class":490},[437,931,932],{},"::",[934,935,936],"style",{},"html pre.shiki code .s4Bi8, html code.shiki .s4Bi8{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-code-theme-vitesse-light:#999999;--shiki-code-theme-vitesse-dark:#666666;--shiki-code-theme-catppuccin-light:#179299;--shiki-code-theme-catppuccin-dark:#94E2D5;--shiki-code-theme-one-light:#383A42;--shiki-code-theme-one-dark:#ABB2BF;--shiki-code-theme-material-light:#39ADB5;--shiki-code-theme-material-dark:#89DDFF;--shiki-code-theme-min-light:#24292EFF;--shiki-code-theme-min-dark:#B392F0}html pre.shiki code .spV5I, html code.shiki .spV5I{--shiki-light:#22863A;--shiki-default:#22863A;--shiki-dark:#85E89D;--shiki-code-theme-vitesse-light:#1E754F;--shiki-code-theme-vitesse-dark:#4D9375;--shiki-code-theme-catppuccin-light:#1E66F5;--shiki-code-theme-catppuccin-dark:#89B4FA;--shiki-code-theme-one-light:#E45649;--shiki-code-theme-one-dark:#E06C75;--shiki-code-theme-material-light:#E53935;--shiki-code-theme-material-dark:#F07178;--shiki-code-theme-min-light:#22863A;--shiki-code-theme-min-dark:#FFAB70}html pre.shiki code .shR_7, html code.shiki .shR_7{--shiki-light:#6F42C1;--shiki-default:#6F42C1;--shiki-dark:#B392F0;--shiki-code-theme-vitesse-light:#B07D48;--shiki-code-theme-vitesse-dark:#BD976A;--shiki-code-theme-catppuccin-light:#DF8E1D;--shiki-code-theme-catppuccin-dark:#F9E2AF;--shiki-code-theme-one-light:#986801;--shiki-code-theme-one-dark:#D19A66;--shiki-code-theme-material-light:#9C3EDA;--shiki-code-theme-material-dark:#C792EA;--shiki-code-theme-min-light:#6F42C1;--shiki-code-theme-min-dark:#B392F0}html pre.shiki code .stNAY, html code.shiki .stNAY{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-code-theme-vitesse-light:#999999;--shiki-code-theme-vitesse-dark:#666666;--shiki-code-theme-catppuccin-light:#179299;--shiki-code-theme-catppuccin-dark:#94E2D5;--shiki-code-theme-one-light:#383A42;--shiki-code-theme-one-dark:#ABB2BF;--shiki-code-theme-material-light:#39ADB5;--shiki-code-theme-material-dark:#89DDFF;--shiki-code-theme-min-light:#D32F2F;--shiki-code-theme-min-dark:#F97583}html pre.shiki code .sLXf0, html code.shiki .sLXf0{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF;--shiki-code-theme-vitesse-light:#B5695977;--shiki-code-theme-vitesse-dark:#C98A7D77;--shiki-code-theme-catppuccin-light:#40A02B;--shiki-code-theme-catppuccin-dark:#A6E3A1;--shiki-code-theme-one-light:#50A14F;--shiki-code-theme-one-dark:#98C379;--shiki-code-theme-material-light:#39ADB5;--shiki-code-theme-material-dark:#89DDFF;--shiki-code-theme-min-light:#22863A;--shiki-code-theme-min-dark:#FFAB70}html pre.shiki code .sCtJb, html code.shiki .sCtJb{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF;--shiki-code-theme-vitesse-light:#B56959;--shiki-code-theme-vitesse-dark:#C98A7D;--shiki-code-theme-catppuccin-light:#40A02B;--shiki-code-theme-catppuccin-dark:#A6E3A1;--shiki-code-theme-one-light:#50A14F;--shiki-code-theme-one-dark:#98C379;--shiki-code-theme-material-light:#91B859;--shiki-code-theme-material-dark:#C3E88D;--shiki-code-theme-min-light:#22863A;--shiki-code-theme-min-dark:#FFAB70}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);}html .code-theme-vitesse-light .shiki span {color: var(--shiki-code-theme-vitesse-light);background: var(--shiki-code-theme-vitesse-light-bg);font-style: var(--shiki-code-theme-vitesse-light-font-style);font-weight: var(--shiki-code-theme-vitesse-light-font-weight);text-decoration: var(--shiki-code-theme-vitesse-light-text-decoration);}html.code-theme-vitesse-light .shiki span {color: var(--shiki-code-theme-vitesse-light);background: var(--shiki-code-theme-vitesse-light-bg);font-style: var(--shiki-code-theme-vitesse-light-font-style);font-weight: var(--shiki-code-theme-vitesse-light-font-weight);text-decoration: var(--shiki-code-theme-vitesse-light-text-decoration);}html .code-theme-vitesse-dark .shiki span {color: var(--shiki-code-theme-vitesse-dark);background: var(--shiki-code-theme-vitesse-dark-bg);font-style: var(--shiki-code-theme-vitesse-dark-font-style);font-weight: var(--shiki-code-theme-vitesse-dark-font-weight);text-decoration: var(--shiki-code-theme-vitesse-dark-text-decoration);}html.code-theme-vitesse-dark .shiki span {color: var(--shiki-code-theme-vitesse-dark);background: var(--shiki-code-theme-vitesse-dark-bg);font-style: var(--shiki-code-theme-vitesse-dark-font-style);font-weight: var(--shiki-code-theme-vitesse-dark-font-weight);text-decoration: var(--shiki-code-theme-vitesse-dark-text-decoration);}html .code-theme-catppuccin-light .shiki span {color: var(--shiki-code-theme-catppuccin-light);background: var(--shiki-code-theme-catppuccin-light-bg);font-style: var(--shiki-code-theme-catppuccin-light-font-style);font-weight: var(--shiki-code-theme-catppuccin-light-font-weight);text-decoration: var(--shiki-code-theme-catppuccin-light-text-decoration);}html.code-theme-catppuccin-light .shiki span {color: var(--shiki-code-theme-catppuccin-light);background: var(--shiki-code-theme-catppuccin-light-bg);font-style: var(--shiki-code-theme-catppuccin-light-font-style);font-weight: var(--shiki-code-theme-catppuccin-light-font-weight);text-decoration: var(--shiki-code-theme-catppuccin-light-text-decoration);}html .code-theme-catppuccin-dark .shiki span {color: var(--shiki-code-theme-catppuccin-dark);background: var(--shiki-code-theme-catppuccin-dark-bg);font-style: var(--shiki-code-theme-catppuccin-dark-font-style);font-weight: var(--shiki-code-theme-catppuccin-dark-font-weight);text-decoration: var(--shiki-code-theme-catppuccin-dark-text-decoration);}html.code-theme-catppuccin-dark .shiki span {color: var(--shiki-code-theme-catppuccin-dark);background: var(--shiki-code-theme-catppuccin-dark-bg);font-style: var(--shiki-code-theme-catppuccin-dark-font-style);font-weight: var(--shiki-code-theme-catppuccin-dark-font-weight);text-decoration: var(--shiki-code-theme-catppuccin-dark-text-decoration);}html .code-theme-one-light .shiki span {color: var(--shiki-code-theme-one-light);background: var(--shiki-code-theme-one-light-bg);font-style: var(--shiki-code-theme-one-light-font-style);font-weight: var(--shiki-code-theme-one-light-font-weight);text-decoration: var(--shiki-code-theme-one-light-text-decoration);}html.code-theme-one-light .shiki span {color: var(--shiki-code-theme-one-light);background: var(--shiki-code-theme-one-light-bg);font-style: var(--shiki-code-theme-one-light-font-style);font-weight: var(--shiki-code-theme-one-light-font-weight);text-decoration: var(--shiki-code-theme-one-light-text-decoration);}html .code-theme-one-dark .shiki span {color: var(--shiki-code-theme-one-dark);background: var(--shiki-code-theme-one-dark-bg);font-style: var(--shiki-code-theme-one-dark-font-style);font-weight: var(--shiki-code-theme-one-dark-font-weight);text-decoration: var(--shiki-code-theme-one-dark-text-decoration);}html.code-theme-one-dark .shiki span {color: var(--shiki-code-theme-one-dark);background: var(--shiki-code-theme-one-dark-bg);font-style: var(--shiki-code-theme-one-dark-font-style);font-weight: var(--shiki-code-theme-one-dark-font-weight);text-decoration: var(--shiki-code-theme-one-dark-text-decoration);}html .code-theme-material-light .shiki span {color: var(--shiki-code-theme-material-light);background: var(--shiki-code-theme-material-light-bg);font-style: var(--shiki-code-theme-material-light-font-style);font-weight: var(--shiki-code-theme-material-light-font-weight);text-decoration: var(--shiki-code-theme-material-light-text-decoration);}html.code-theme-material-light .shiki span {color: var(--shiki-code-theme-material-light);background: var(--shiki-code-theme-material-light-bg);font-style: var(--shiki-code-theme-material-light-font-style);font-weight: var(--shiki-code-theme-material-light-font-weight);text-decoration: var(--shiki-code-theme-material-light-text-decoration);}html .code-theme-material-dark .shiki span {color: var(--shiki-code-theme-material-dark);background: var(--shiki-code-theme-material-dark-bg);font-style: var(--shiki-code-theme-material-dark-font-style);font-weight: var(--shiki-code-theme-material-dark-font-weight);text-decoration: var(--shiki-code-theme-material-dark-text-decoration);}html.code-theme-material-dark .shiki span {color: var(--shiki-code-theme-material-dark);background: var(--shiki-code-theme-material-dark-bg);font-style: var(--shiki-code-theme-material-dark-font-style);font-weight: var(--shiki-code-theme-material-dark-font-weight);text-decoration: var(--shiki-code-theme-material-dark-text-decoration);}html .code-theme-min-light .shiki span {color: var(--shiki-code-theme-min-light);background: var(--shiki-code-theme-min-light-bg);font-style: var(--shiki-code-theme-min-light-font-style);font-weight: var(--shiki-code-theme-min-light-font-weight);text-decoration: var(--shiki-code-theme-min-light-text-decoration);}html.code-theme-min-light .shiki span {color: var(--shiki-code-theme-min-light);background: var(--shiki-code-theme-min-light-bg);font-style: var(--shiki-code-theme-min-light-font-style);font-weight: var(--shiki-code-theme-min-light-font-weight);text-decoration: var(--shiki-code-theme-min-light-text-decoration);}html .code-theme-min-dark .shiki span {color: var(--shiki-code-theme-min-dark);background: var(--shiki-code-theme-min-dark-bg);font-style: var(--shiki-code-theme-min-dark-font-style);font-weight: var(--shiki-code-theme-min-dark-font-weight);text-decoration: var(--shiki-code-theme-min-dark-text-decoration);}html.code-theme-min-dark .shiki span {color: var(--shiki-code-theme-min-dark);background: var(--shiki-code-theme-min-dark-bg);font-style: var(--shiki-code-theme-min-dark-font-style);font-weight: var(--shiki-code-theme-min-dark-font-weight);text-decoration: var(--shiki-code-theme-min-dark-text-decoration);}html pre.shiki code .sCf0g, html code.shiki .sCf0g{--shiki-light:#6F42C1;--shiki-light-font-style:inherit;--shiki-default:#6F42C1;--shiki-default-font-style:inherit;--shiki-dark:#B392F0;--shiki-dark-font-style:inherit;--shiki-code-theme-vitesse-light:#59873A;--shiki-code-theme-vitesse-light-font-style:inherit;--shiki-code-theme-vitesse-dark:#80A665;--shiki-code-theme-vitesse-dark-font-style:inherit;--shiki-code-theme-catppuccin-light:#1E66F5;--shiki-code-theme-catppuccin-light-font-style:italic;--shiki-code-theme-catppuccin-dark:#89B4FA;--shiki-code-theme-catppuccin-dark-font-style:italic;--shiki-code-theme-one-light:#4078F2;--shiki-code-theme-one-light-font-style:inherit;--shiki-code-theme-one-dark:#61AFEF;--shiki-code-theme-one-dark-font-style:inherit;--shiki-code-theme-material-light:#E2931D;--shiki-code-theme-material-light-font-style:inherit;--shiki-code-theme-material-dark:#FFCB6B;--shiki-code-theme-material-dark-font-style:inherit;--shiki-code-theme-min-light:#6F42C1;--shiki-code-theme-min-light-font-style:inherit;--shiki-code-theme-min-dark:#B392F0;--shiki-code-theme-min-dark-font-style:inherit}html pre.shiki code .s254i, html code.shiki .s254i{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF;--shiki-code-theme-vitesse-light:#B56959;--shiki-code-theme-vitesse-dark:#C98A7D;--shiki-code-theme-catppuccin-light:#40A02B;--shiki-code-theme-catppuccin-dark:#A6E3A1;--shiki-code-theme-one-light:#50A14F;--shiki-code-theme-one-dark:#98C379;--shiki-code-theme-material-light:#91B859;--shiki-code-theme-material-dark:#C3E88D;--shiki-code-theme-min-light:#2B5581;--shiki-code-theme-min-dark:#9DB1C5}html pre.shiki code .scmvv, html code.shiki .scmvv{--shiki-light:#005CC5;--shiki-default:#005CC5;--shiki-dark:#79B8FF;--shiki-code-theme-vitesse-light:#A65E2B;--shiki-code-theme-vitesse-dark:#C99076;--shiki-code-theme-catppuccin-light:#40A02B;--shiki-code-theme-catppuccin-dark:#A6E3A1;--shiki-code-theme-one-light:#986801;--shiki-code-theme-one-dark:#D19A66;--shiki-code-theme-material-light:#91B859;--shiki-code-theme-material-dark:#C3E88D;--shiki-code-theme-min-light:#2B5581;--shiki-code-theme-min-dark:#9DB1C5}html pre.shiki code .sovfr, html code.shiki .sovfr{--shiki-light:#24292E;--shiki-light-font-weight:bold;--shiki-default:#24292E;--shiki-default-font-weight:bold;--shiki-dark:#E1E4E8;--shiki-dark-font-weight:bold;--shiki-code-theme-vitesse-light:#999999;--shiki-code-theme-vitesse-light-font-weight:bold;--shiki-code-theme-vitesse-dark:#666666;--shiki-code-theme-vitesse-dark-font-weight:bold;--shiki-code-theme-catppuccin-light:#7C7F93;--shiki-code-theme-catppuccin-light-font-weight:inherit;--shiki-code-theme-catppuccin-dark:#9399B2;--shiki-code-theme-catppuccin-dark-font-weight:inherit;--shiki-code-theme-one-light:#986801;--shiki-code-theme-one-light-font-weight:bold;--shiki-code-theme-one-dark:#D19A66;--shiki-code-theme-one-dark-font-weight:inherit;--shiki-code-theme-material-light:#39ADB5;--shiki-code-theme-material-light-font-weight:bold;--shiki-code-theme-material-dark:#89DDFF;--shiki-code-theme-material-dark-font-weight:bold;--shiki-code-theme-min-light:#6F42C1;--shiki-code-theme-min-light-font-weight:bold;--shiki-code-theme-min-dark:#FF7A84;--shiki-code-theme-min-dark-font-weight:bold}html pre.shiki code .sr12r, html code.shiki .sr12r{--shiki-light:#24292E;--shiki-light-font-weight:bold;--shiki-default:#24292E;--shiki-default-font-weight:bold;--shiki-dark:#E1E4E8;--shiki-dark-font-weight:bold;--shiki-code-theme-vitesse-light:#393A34;--shiki-code-theme-vitesse-light-font-weight:bold;--shiki-code-theme-vitesse-dark:#DBD7CAEE;--shiki-code-theme-vitesse-dark-font-weight:bold;--shiki-code-theme-catppuccin-light:#D20F39;--shiki-code-theme-catppuccin-light-font-weight:bold;--shiki-code-theme-catppuccin-dark:#F38BA8;--shiki-code-theme-catppuccin-dark-font-weight:bold;--shiki-code-theme-one-light:#986801;--shiki-code-theme-one-light-font-weight:bold;--shiki-code-theme-one-dark:#D19A66;--shiki-code-theme-one-dark-font-weight:inherit;--shiki-code-theme-material-light:#E53935;--shiki-code-theme-material-light-font-weight:bold;--shiki-code-theme-material-dark:#F07178;--shiki-code-theme-material-dark-font-weight:bold;--shiki-code-theme-min-light:#6F42C1;--shiki-code-theme-min-light-font-weight:bold;--shiki-code-theme-min-dark:#FF7A84;--shiki-code-theme-min-dark-font-weight:bold}",{"title":479,"searchDepth":520,"depth":520,"links":938},[939],{"id":448,"depth":520,"text":449,"children":940},[941],{"id":633,"depth":541,"text":634},null,"展示 Nuxt Icon 图标用法和图标渲染效果。","md","lucide:star",{},"---\ntitle: Icon\ndescription: 展示 Nuxt Icon 图标用法和图标渲染效果。\nicon: lucide:star\nbadges:\n  - value: Docus\n    to: https:\u002F\u002Fdocus.dev\u002Fapi\u002Fcomponents#icon\n    target: _blank\n  - value: Source\n    icon: lucide:code\n    to: https:\u002F\u002Fgithub.com\u002FZTL-UwU\u002Fshadcn-docs-nuxt\u002Fblob\u002Fmain\u002Fcomponents\u002Fcontent\u002FIcon.vue\n    target: _blank\n---\n\n::alert{to=\"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon\" target=\"_blank\"}\nThe icon component uses **Nuxt Icon** under the hood. Check out the usage guide from Nuxt Icon.\n::\n\n## Usage\n\n::stack\n  ::div{class=\"p-4 space-x-2\"}\n    :icon{name=\"lucide:box\"}\n    :icon{name=\"vscode-icons:file-type-js-official\"}\n    :icon{name=\"vscode-icons:file-type-vue\"}\n    :icon{name=\"vscode-icons:file-type-nuxt\" :size=\"30\"}\n  ::\n\n  ```mdc\n  :icon{name=\"lucide:box\"}\n  :icon{name=\"vscode-icons:file-type-js-official\"}\n  :icon{name=\"vscode-icons:file-type-vue\"}\n  :icon{name=\"vscode-icons:file-type-nuxt\" :size=\"30\"}\n  ```\n::\n\nIf you want to use other icons, it is highly recommended to install them locally, which is faster and more reliable on both SSR and client-side.\n\n```bash [Terminal]\nnpm i -D @iconify-json\u002Fcollection-name\n```\n\n`@iconify-json\u002Flucide` and `@iconify-json\u002Fvscode-icons` are installed by default.\n\n### Smart Icon\n\n:badge[0.5.3]{variant=\"outline\"}\n\nYou can put iconify icons, emojis and urls in `smart-icon`. Smart icon will render them automatically.\n\n::stack\n  ::div{class=\"p-4\"}\n    **Iconify**\n    \u003Cdiv class=\"space-x-2\">\n\n    :smart-icon{name=\"lucide:box\"}\n    :smart-icon{name=\"vscode-icons:file-type-js-official\"}\n    :smart-icon{name=\"vscode-icons:file-type-vue\"}\n\n    \u003C\u002Fdiv>\n\n    **Emojis**\n    \u003Cdiv class=\"space-x-2\">\n\n    :smart-icon{name=\"😍\"}\n    :smart-icon{name=\"🚀\"}\n    :smart-icon{name=\"🎉\" :size=\"30\"}\n\n    \u003C\u002Fdiv>\n\n    **URL**\n    \u003Cdiv class=\"space-x-2\">\n\n    :smart-icon{name=\"\u002Flogo.png\"}\n    :smart-icon{name=\"https:\u002F\u002Fvueuse.org\u002Ffavicon.svg\" :size=\"40\"}\n\n    \u003C\u002Fdiv>\n  ::\n\n  ```mdc\n  **Iconify**\n  :smart-icon{name=\"lucide:box\"}\n  :smart-icon{name=\"vscode-icons:file-type-js-official\"}\n  :smart-icon{name=\"vscode-icons:file-type-vue\"}\n\n  **Emojis**\n  :smart-icon{name=\"😍\"}\n  :smart-icon{name=\"🚀\"}\n  :smart-icon{name=\"🎉\" :size=\"30\"}\n\n  **URL**\n  :smart-icon{name=\"\u002Flogo.png\"}\n  :smart-icon{name=\"https:\u002F\u002Fvueuse.org\u002Ffavicon.svg\" :size=\"40\"}\n  ```\n::\n",{"title":123,"description":943},"3agQZw1MXYtbdPZhmrQdEMe-Nd97327oBAvhvyr0tbs",[951,953],{"title":119,"path":120,"stem":121,"description":952,"children":-1},"展示目录结构、文件层级和高亮文件的树形组件。",{"title":127,"path":128,"stem":129,"description":954,"icon":130,"children":-1},"结构化参数、接口说明、可搜索排序表格、图片对比、术语、自测和下载入口的属性与示例。",1791307033484]