How can I set Beautify for VSCODE to indent Jinja2 and Flask?

Question

Beautify indentation is ignoring Jinja2.

I am using Beautify - HookyQR to help with formatting and indentation. HTML, Python, CSS ... everything works fine. But when I start using Python, Flask with Jinja2 as I save it, it just ignores all the content and I lose all the indentation.

This is what I was expecting:

<div class="form-group">
    {{ form.username.label(class="form-control-label") }}

    {% if form.username.errors %}
        {{ form.username(class="form-control form-control-lg is-invalid") }}
        <div class="invalid-feedback">
            {% for error in form.username.errors %}
            <span>{{ error }}</span>
            {% endfor %}
        </div>
        {% else %}
        {{ form.username(class="form-control form-control-lg") }}
    {% endif %}
</div>

This is the code when I save:

<div class="form-group">
    {{ form.username.label(class="form-control-label") }}

    {% if form.username.errors %}
    {{ form.username(class="form-control form-control-lg is-invalid") }}
    <div class="invalid-feedback">
        {% for error in form.username.errors %}
        <span>{{ error }}</span>
        {% endfor %}
    </div>
    {% else %}
    {{ form.username(class="form-control form-control-lg") }}
    {% endif %}
</div>

I was searching about this but I just cannot find any tips.

What I use:

I am a PC user and my text editor is VS Code, Win 10.

Extensions that I use:

Beautify - Live Server - Material Icon Theme - Material Theme - SQL Server (mssql)