nuxt
NuxtUI for Vue how to use @tailwindcss/typography
Package
v4.x
Description
Hello, I couldn't find a solution to add the @tailwindcss/typography plugin to Tailwind in NuxtUI for Vue. I tried overriding the default prose class or adding this plugin with a different class name, but I failed.
//main.css ... @plugin "@tailwindcss/typography"
or
@plugin "@tailwindcss/typography" { className: wysiwyg; }
How can I solve this problem?
@onurakman I tested locally and indeed the plugin didn't seem to work, I see you closed the issue, did you manage to solve the problem?
@onurakman I tested locally and indeed the plugin didn't seem to work, I see you closed the issue, did you manage to solve the problem?
It seemed like the issue was on my end, so I closed it for now. I’m still investigating — the plugin only picks up the prose class, but I can’t get its sub-classes to work.
Hey! What is not working exactly because I'm using Nuxt UI with Typography within multiple projects, and it works fine.
Would you be able to provide a reproduction? 🙏
More info
Why do I need to provide a reproduction?
Reproductions make it possible for us to triage and fix issues quickly with a relatively small team. It helps us discover the source of the problem, and also can reveal assumptions you or we might be making.
What will happen?
If you've provided a reproduction, we'll remove the label and try to reproduce the issue. If we can, we'll mark it as a bug and prioritise it based on its severity and how many people we think it might affect.
If needs reproduction labeled issues don't receive any substantial activity (e.g., new comments featuring a reproduction link), they will be closed automatically after a while. That's not because we don't care! At any point, feel free to comment with a reproduction and we'll reopen it.
How can I create a reproduction?
We have templates to create a minimal reproduction:
- Nuxt: https://codesandbox.io/p/devbox/nuxt-ui-xgrzw5
- Vue: https://codesandbox.io/p/devbox/nuxt-ui-vue-f2qp34
Please ensure that the reproduction is as minimal as possible. See more details in our guide.
You might also find these other articles interesting and/or helpful:
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
Hi! 👋 This issue was closed because it was open for 7 days without a reproduction.