Gulp-webp-html: how to make a line break when outputting code in html?

Question

JavaScript

Good afternoon!

The function inside gulp-webp-html returns this line:

return '<picture><source srcset="' + url + '" type="image/webp">' + imgTag + '</picture>';

My js, to put it mildly, is not very good... I tried, as in VSCode snippets, to add a tab "\t", the maximum I achieved was a space in html.
I need to convert the string, when outputting html, to the form:

<picture>
   <source srcset="url" type="image/webp">' 
   <img src="" width="" height="" alt="">
</picture>

How to break the code generated in html into tabs in js?

Answer 1

return '<picture><source srcset="' + url + '" type="image/webp">\n' + imgTag + '</picture>';

Answer 2

as an option try to use gulp-format-html