Skip to content

πŸš€ Feature Request: Expose Prose* Components in Nuxt UI with Shorter Aliases (UH1, UP, UOl, etc.)Β #4875

@MrKaashee

Description

@MrKaashee

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:

  1. βœ… Exposed in Nuxt UI directly – so we can use them even without @nuxt/content.
  2. βœ… 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions