New lines get removed when saving HTML files

[IArnaut2]

I use Prettier. I've tried Django extension, Better Jinja and Django Support in VS Code, new lines get removed on save for some reason. This code:

{% with available=terms.available|date:"Y-m-d" created_at=listing.created_at|date:"Y-m-d" %}
    {% if terms.available == listing.created_at %}
    Odmah
    {% else %}
    {{terms.available | date:"d.m.Y"}}
    {% endif %}
{% endwith %}

turns into this on save:

{% with available=terms.available|date:"Y-m-d"
created_at=listing.created_at|date:"Y-m-d" %} {% if terms.available ==
listing.created_at %} Odmah {% else %} {{terms.available |
date:"d.m.Y"}} {% endif %} {% endwith %}

which also causes TemplateSyntaxError. How do I keep new lines intact?

[almahdi404]

Try adding this to the settings

"html.format.templating": true,

[almahdi404]

If you are using Prettier, https://github.com/junstyle/prettier-plugin-django might solve this.

[IArnaut2]

How do I use the extension with djlint?

EDIT: I did this:

"[django-html][html]": {
    "editor.defaultFormatter": "monosans.djlint"
}

[almahdi404]

That should work. Did it?

And you don't even need [django-html]

[IArnaut2]

That should work. Did it?

And you don't even need [django-html]

It worked. I had to make djlint be a formatter for Django-Html, because prettier doesn't work well with template engines.

[almahdi404]

I meant, this would also do the work

"[html]": {
    "editor.defaultFormatter": "monosans.djlint"
}