Formatting in .md-files?
#4388
-
|
I'm really struggling with getting formatting in Should it work straight out of the box with a specific VSCode extension and VSCode setting turned on? I'm hoping I'm missing something that's been staring me in the face. Currently I use Prettier to format my Thanks in advance! |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 8 replies
-
|
Use prettier + markdownlint extensions. Don't use volar's formatting. They should work for most things, but they still don't format html/vue code inside markdown files (prettier/prettier#8480). I had written a patch to support vue in markdown but that only worked with prettier 2. I'm not much familiar with writing prettier plugins myself, but someone having experience in that field might create a prettier plugin for html/vue in markdown. |
Beta Was this translation helpful? Give feedback.
-
|
Ah, ok 😅 If possible can you share the things it formats weirdly? Prettier internally uses remark instead of markdown-it, so there will be some difference because of it 👀 |
Beta Was this translation helpful? Give feedback.
-
|
Ok, so I'm not really sure what happens 😅 But this plugin is very, VERY strict! 😅 If there's an extra line break somewhere the formatter will think the elements above and under aren't closed, so it goes around and creates and removes elements in order to fix that (I think). I had to manually redo a bunch of stuff because it got pretty messy but will return to this and see what actually went wrong. Inside an ```html -block it works great though! 😄 |
Beta Was this translation helpful? Give feedback.
-
|
Ok I see the issue on your ui repo. It's behaving weird when there is |
Beta Was this translation helpful? Give feedback.
-
Is that a known restriction when writing HTML in markdown files or a Vue slot rule I'm unaware of? |
Beta Was this translation helpful? Give feedback.
-
|
Ah, never mind. Ignore that. It should've work even with the newlines. I'll fix the plugin. |
Beta Was this translation helpful? Give feedback.
Use prettier + markdownlint extensions. Don't use volar's formatting. They should work for most things, but they still don't format html/vue code inside markdown files (prettier/prettier#8480). I had written a patch to support vue in markdown but that only worked with prettier 2. I'm not much familiar with writing prettier plugins myself, but someone having experience in that field might create a prettier plugin for html/vue in markdown.