javascript nao funciona com async

Bom dia,

alguém pode me ajudar com uma situação?

estou utilizando um script pra fazer o carregamento assíncrono do site.

var links = document.querySelectorAll('a');

function handleClick(event) {
 event.preventDefault();
 fetchPage(event.target.href);
 window.history.pushState(null, null, event.target.href);
 window.scrollTo(0, 0);
}

async function fetchPage(url) {
 document.querySelector('.content');
 var pageResponse = await fetch(url);
 var pageText = await pageResponse.text();
 replaceContent(pageText);
}

function replaceContent(newText) {
 var newHtml = document.createElement('div');
 newHtml.innerHTML = newText;

 var oldContent = document.querySelector('.content');
 var newContent = newHtml.querySelector('.content');

 oldContent.innerHTML = newContent.innerHTML;
 document.title = newHtml.querySelector('title').innerText;

}

window.addEventListener('popstate', () => {
 fetchPage(window.location.href);
})

links.forEach(link => {
 link.addEventListener('click', handleClick);
})

	O problema em questão é que, o conteúdo da pagina que é carregado dentro da div content não funciona corretamente

	 

	os scripts em javascript não são executados;

	os links de navegação da pagina não funcionam de maneira assincrona, diferente dos links de navegação do menu