vue3-markdown-it icon indicating copy to clipboard operation
vue3-markdown-it copied to clipboard

Add css classes to single elements

Open lollo03 opened this issue 3 years ago • 4 comments

Is your feature request related to a problem? Please describe. Hello, first of all, I love this plugin, but I have an issue. I use tailwind css with my vue3 app and I use the dark mode. To use the dark mode I need to attach dark:tex-yellow-400 classes to the <a> elements. I can’t do this with vue3-markdown-it

Describe the solution you'd like I would like an option to attach custom classes to some element in the markdown. Example: {a: "dark:text-yellow-400"}

thank you for your support.

lollo03 avatar Oct 16 '21 08:10 lollo03

Same issue here - any word on this?

micahlt avatar Jan 01 '22 22:01 micahlt

Hey @lollo03 and @micahlt, sorry about the lack of response. I'll take a look on this weekend.

JanGuillermo avatar Jan 06 '22 01:01 JanGuillermo

Hey @lollo03 and @micahlt, sorry about the lack of response. I'll take a look on this weekend.

No problem! Life comes first. Thank you for this amazing library!

micahlt avatar Jan 06 '22 02:01 micahlt

@lollo03 @JanGuillermo In the meantime, if you're just looking to style elements I discovered that the v-deep selector works perfectly in my case - see https://stackoverflow.com/a/55368933/10806546. Until classes are added to elements, it might be nice to link to the v-deep documentation in the README under a "styling" section.

micahlt avatar Jan 21 '22 21:01 micahlt