Icon
显示来自热门图标库的图标，以丰富您的内容。
用法
使用 icon 组件在您的内容中显示一个 图标。
:icon{name="i-simple-icons-nuxtdotjs"}
API
属性
| 属性 | 默认值 | 类型 |
|---|---|---|
name |
|
主题
app.config.ts
export default defineAppConfig({
ui: {
prose: {
icon: {
base: 'size-4 shrink-0 align-sub'
}
}
}
})
vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nuxt/ui/vite'
export default defineConfig({
plugins: [
vue(),
ui({
ui: {
prose: {
icon: {
base: 'size-4 shrink-0 align-sub'
}
}
}
})
]
})