Typography with Nuxt UI without Nuxt Content
I have an example of it not working, and some embedded attempts to get it working.
https://github.com/sosensible/prose-challenge/blob/main/app/pages/typography-demo.vue
3 Replies
Hi @Business of Technology. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the knowledge sources provided, Nuxt UI Pro’s typography system and prose components are designed to work seamlessly with Nuxt Content v3. The documentation and examples consistently reference usage in the context of Nuxt Content, especially when rendering markdown or MDC content via the
The knowledge sources do not contain enough information to confirm that Nuxt UI Pro’s typography system works out-of-the-box without Nuxt Content, nor do they provide a documented approach for enabling it in that scenario. If you need full prose styling without Nuxt Content, you may need to experiment with using the Prose components directly, but this is not covered in the official documentation provided. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
<ContentRenderer> component, which automatically applies the pre-styled prose components for headings, paragraphs, lists, code blocks, etc. No additional configuration is required in this context, and the prose components are auto-applied to content rendered by Nuxt Content Nuxt UI Pro Typography Usage.
However, the knowledge sources do not provide explicit instructions or examples for using the Nuxt UI Pro prose typography system independently of Nuxt Content. While you can use the prose components directly in your templates (e.g., <ProseTable>, <ProseCode>, etc.), the documentation does not clarify if or how the full typography system (including automatic styling of standard HTML tags like <h1>, <p>, etc.) can be applied outside of the Nuxt Content context Nuxt UI Pro Typography Components.
If you are not using Nuxt Content, you may need to manually use the Prose components in your templates, but the knowledge sources do not guarantee that the same automatic styling and behavior will be available as when using Nuxt Content. There is no mention of a global prose class or wrapper that can be applied to arbitrary HTML to receive the same typography styles.
In summary:The knowledge sources do not contain enough information to confirm that Nuxt UI Pro’s typography system works out-of-the-box without Nuxt Content, nor do they provide a documented approach for enabling it in that scenario. If you need full prose styling without Nuxt Content, you may need to experiment with using the Prose components directly, but this is not covered in the official documentation provided. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
<@226063636957888513> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
i will need this as well.. the blog content is fetched from db and so need typography to work even without nuxt content.. i'll try to use tailwindcss/typography directly if i can't get this working