codemirror6-plugin icon indicating copy to clipboard operation
codemirror6-plugin copied to clipboard

Published 20 hours ago • verified publisher icon emmetio

Markup Snippets not working in Vue

Open shshaw opened this issue 11 months ago • 3 comments

CSS snippets seem to be working in Vue, but Markup snippets don't. Am I missing something or is this a bug?

https://github.com/emmetio/codemirror6-plugin/assets/777155/5089dae5-6260-4bcf-acb2-abfd2eb55b6d

shshaw avatar Mar 14 '24 16:03 shshaw

Regular expansions div*5 seem to work, but not custom markup snippets. Screenshot 2024-03-14 at 11 48 26 AM

shshaw avatar Mar 14 '24 16:03 shshaw

Will check this out. Do you use standard Vue syntax highlighter?

sergeche avatar Mar 15 '24 08:03 sergeche

I'm using the official @codemirror/lang-vue as loaded from @codemirror/language-data: https://github.com/codemirror/language-data/blob/main/src/language-data.ts#L995-L1001

shshaw avatar Mar 15 '24 12:03 shshaw

Can you provide Emmet config you use for Vue editor? Seems to work fine for me

sergeche avatar Aug 05 '24 08:08 sergeche

Confirmed that snippets seem to be working now.

This may have been a problem with an improperly escaped snippet causing the markdown snippets to not work. The snippet was just text words with spaces without any quotes or escaping, which seemed to make all the snippets not work. I'm looking to add some validation/protection around this. That may be a problem with our snippet setup code, not Emmet, but let me know if you have any guidance on that.

Thanks for checking 👍

shshaw avatar Aug 05 '24 15:08 shshaw