ProseIcon (프로세아이콘)
자주 사용되는 아이콘 라이브러리의 아이콘을 표시하여 콘텐츠를 향상시킵니다.
Usage
icon 구성 요소를 사용하여 콘텐츠에 [Iconxph03x/docs/components/icon)를 표시합니다.
:icon{name="i-simple-icons-nuxtdotjs"}
API
Props (### Props)
| Prop | Default | Type |
|---|---|---|
name | string | |
ui | { base?: any; } |
Theme (## Theme)
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'
}
}
}
})
]
})변경 로그
No recent changes