html formatting is not working

[mvsubhash29]

html formatting is not working even if i enable formatting in the setting. Is there any bug are issue in formatting.

Is it same for everyone? Kindly help me in this.

Thanks
Subhash

[mjbvz]

Please share details, such as example code (as text)

[vegarringdal]

here is a sample

this will give me

it happends when function params is over 1 row

import {
    LitElement, html, customElement, property
} from 'lit-element';


const myhtml = (something: {
    text: string;
    optional?: number
}) => {
    return html`<div>${something.text}</div>`
}


@customElement('app-component')
export class AppComponent extends LitElement {

    render() {
        return html`
                    <div>
                        ${myhtml(
                            { text: 'cool' })}
                                </div>
        `
    }
}

[vegarringdal]

hmm

Something like this:

 render() {
        return html`
                    <div>
                        ${myhtml(   "text")}
                        </div>
        `
    }

wil also make it fail, but not sure if this really have anything to do with this plugin really

[vegarringdal]

Adding prettier as default formater helped this issue.
But nice if vscode could do this by default.

[gnehcwu]

Adding prettier as default formater helped this issue.
But nice if vscode could do this by default.

Noticed this as well, the default "vscode.typescript-language-features" doesn't work, not sure if there will be any fix to it in the future?

[andrius-pra]

html formatting, folding only works when typescript.tsserver.useSeparateSyntaxServer setting is false

[lifeart]

It's not working for custom lit-html.tags tags configuration, I use hbs instead of html and it's stopped working, but once I replace hbs with html it's working back

[kvnloughead]

For me, no formatting was occurring until I had added these four settings.

"lit-html.tags": ["html"],
"lit-html.format.enabled": true,
"typescript.tsserver.useSyntaxServer": "never",
"editor.defaultFormatter": "esbenp.prettier-vscode"

I don't know which might have solved the problem... especially considering that now I've removed them all and the formatting still works! With one caveat -- the formatting still didn't work for the strings I had already created. I had to make new one's to see that it was working.