Icon
Learn how to use the ProseIcon component in your Nuxt app.
Use the icon component to display an Icon in your content.
:icon{name="i-simple-icons-nuxtdotjs"}
API
Props
| Prop | Default | Type |
|---|---|---|
name |
|
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'
}
}
}
})
]
})
Changelog
No recent changes