Pug class="" completion

[smhmd]

Thanks for the update.

I think this used to work (with problems.)

If you want to write classes like w-1/2 in pug (vue with lang="pug"), you have to put them in the class attribute or change their name. Before 0.3.0, I recall it working, but you also had completion inside other unrelated attributes.

[bradlc]

Ah damn, sorry about that @smhmd! I know exactly what the issue is!

[smhmd]

@bradlc I just remembered. The issue was . activating the completion:

Having completion if there is no text is debatable (not necessary in my opinion,) but after some text, it definitely shouldn't trigger completion:

[smhmd]

Ideally, this should trigger completion:

(If you're not familiar with Pug, this is how you put multiple elements on the same line: tag interpolation)

[bradlc]

One last update on this: the extension doesn't currently aim to support pug syntax. However it happens to support a lot of use-cases because of the Emmet support. The example above (p.text-white #[span.tex]) doesn't show completions because it is not a valid Emmet string.

Side note: The extension has a new experimental setting which allows defining custom regular expressions to match against for completions. This may allow improved pug support although I am not sure how simple it would be to express some of the use-cases as regular expressions.