-
Notifications
You must be signed in to change notification settings - Fork 852
Open
Labels
Description
Package
v4.0.0-alpha.x
Description
β¨ Overview
Nuxt UI + @nuxt/content
provides beautifully styled prose components like:
ProseH1
,ProseH2
, ...ProseP
ProseOl
,ProseUl
ProseHr
,ProseEm
, etc.
π‘ What Iβm Proposing
I'd love to see these components:
- β
Exposed in Nuxt UI directly β so we can use them even without
@nuxt/content
. - β Aliased to cleaner, shorter component names that match Nuxt UI naming conventions.
π Suggested Mapping
Current Name | Proposed Nuxt UI Alias |
---|---|
ProseH1 |
UH1 |
ProseH2 |
UH2 |
ProseP |
UP |
ProseOl |
UOl |
ProseUl |
UUl |
ProseHr |
UHr |
ProseEm |
UEm |
These would align perfectly with the existing pattern of UButton
, UCard
, UContainer
, etc.
π¦ Why This Matters
- π§©
Consistency
: Reuse the same design system across both prose and layout components. - π
Reusability
: Apply these components in any page, not just markdown. - π§ββοΈ
Cleaner Templates
: Shorter names = easier to read/write. - π
Design Coherence
: Unified look and feel across content and UI components.
π§ͺ Example Use Case
<template>
<div>
<UH1>Welcome to Our Site</UH1>
<UP>This paragraph uses Nuxt UI's prose styling.</UP>
<UOl>
<li>Beautiful Typography</li>
<li>Consistent Spacing</li>
<li>No Extra Setup</li>
</UOl>
</div>
</template>
Additional context
No response