set browser tab name lwc

Question

I have a LWC that runs inside a custom SF tab, I want to know how to change the browser tab name ?

I only managed to find this answer but it is for aura.

Answer 1

document.title still works fine, the issue is it gets overriden by the record name if the lwc component is on a record page, rest for an app page it works fine.

So you can try giving it a timeout if its a record page.

connectedCallback() {
    setTimeout(function (){
        document.title = 'Test Me Please';
    },10000);
}

Or just try by removing the settimout if its a app page:

connectedCallback() {
        document.title = 'Test Me Please';    
}