Boa tarde, não estou conseguindo resolver esse problema. Já analisei todo o código, e não encontrei o erro. Quando digito na barra de pesquisa a tela fica sem nenhum vídeo. E a array responde vazia no console.log. Ja tentei abrir em outros navegadores e teve o mesmo erro.

import { conectaApi } from "./conectaApi.js";
import constroiCard from "./mostrarVideos.js";

async function buscarVideo(evento) {
    evento.preventDefault();

    const dadosDePesquisa = document.querySelector("[data-pesquisa]").value;
    const busca = await conectaApi.buscaVideo(dadosDePesquisa);

    const lista = document.querySelector("[data-lista]");

    while (lista.firstChild) {
        lista.removeChild(lista.firstChild);
    }

    busca.forEach(elemento =>  lista.appendChild(
        constroiCard(elemento.titulo, elemento.descricao, elemento.url, elemento.imagem )));

        console.log(busca)

}

const botaoDePesquisa =  document.querySelector("[data-botao-pesquisa]");

botaoDePesquisa.addEventListener("click", evento => buscarVideo(evento))

async function listaVideos() {
    const conexao = await fetch('http://localhost:3000/videos');
    const conexaoConvertida = await conexao.json();
    
    return conexaoConvertida;
}

async function criaVideo(titulo, descricao, url, imagem) {
    const conexao = await fetch('http://localhost:3000/videos', {
    method: "POST",
    headers: {
        "Content-type" : "application/json"
    },
    body: JSON.stringify({
        titulo: titulo,
        descricao: `${descricao} mil visualizações`,
        url: url,
        imagem: imagem
    })
});

const conexaoConvertida = conexao.json();
return conexaoConvertida;
}

async function buscaVideo(termoDeBusca) {
    const conexao = await fetch(`http://localhost:3000/videos?q=${termoDeBusca}`)
    const conexaoConvertida = conexao.json();
    return conexaoConvertida;

}

export const conectaApi = {
    listaVideos,
    criaVideo,
    buscaVideo
}