vscode escape filter & making tsx act "normal" don't seem to work

[izik1]

config:

    "emmet.syntaxProfiles": {
        "html": {
            "filters": "html, e"
        },
        "tsx": {
            "filters": "html"
        }
    }

(I have alternatively tried: typescriptreact for tsx) After applying these I'd expect .foo to expand to

<div class="foo"></div>

in html files and .foo to expand to

<div class="foo"></div>

in .tsx files, however, this doesn't seem to be the case.

I know I have the correct syntax because html, c works for the html config (however, I can't seem to do the same for tsx)

I'm probably missing something obvious, (everything I've read seems to suggest that this should work), but I'm not sure what it is.

[sergeche]

Filters are deprecated in new Emmet version. Instead, you should configure Emmet in your editor. And ”escape” filter is not available anymore, I’m curious what’s the use case of this filter for you?

[izik1]

This was a few months ago, but if I remember correctly, tsx by default expanded classes to className (or something like that), and the codebase I was working on actually needed class because it was Vue not react. Also, as of 2020/04/20 VScode only seems to support configuring emmet via config.json, it likely still uses an older version of emmet.