JS syntax highlight not working if you self-close svg element

[kachurun]

For minimum reproduction:

<admin-user-pay-plan-archive class="admin-user-pay-plan-archive { props.class }">
    <svg is="flexbe-icon" icon="summary-plan" />

    <script lang="ts">
        // Syntax highlight not working anymore
        export default {
            
        };
    </script>
</admin-user-pay-plan-archive>

[Kal-Aster]

This is due to the fact that the svg element don't officially support autoclosing. The html highlight is based on the existing text.html.base syntax and it doesn't allow autoclosing for all the tags but only for those that officially support it in html5.

Do you think it's worth overriding this behavior?

[kachurun]

I'm not sure, now I just rewrite components like above, but I think maybe it's worth supporting any behavior supported by the compiler