Hugo template formatting in VS Code

Question

The auto format in VS Code is making my code unreadable by removing indentations. I don't know how to turn this off for handlebars only.

Input:

{{ range ... }}
   {{ if .... }}
      {{if ... }}
          <tag></tag>
      {{end}}
   {{end}}
{{end}}

Output

{{ range ... }}
{{ if .... }}
{{if ... }}
<tag></tag>
{{end}}
{{end}}
{{end}}

Any way to prevent this?

Answer 1

You can set the document type by using select Language Mode (change Language Mode ctrl + k + m), set the language to HTML template HTML Twig.

Then do formating, it will format perfect. It worked for me.