Ao clicar em enviar a página, ela apenas atualiza e todos os campos ficam vazio, procurei ver no console se aparecia algum erro, mas não foi o caso.

conectaApi.js ⇩

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 = await conexao.json();
    return conexaoConvertida;
}

export const conectaApi = {
    listaVideos,
    criaVideo
}

criarVideo.js ⇩

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

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

async function criarVideo(evento) {
    evento.preventDeFault();

    const imagem = document.querySelector("[data-imagem").value;
    const url = document.querySelector("[data-url]").value;
    const titulo = document.querySelector("[data-titulo]").value;
    const descricao = Math.floor(Math.random() * 10).toString();

    await conectaApi.criaVideo(titulo, descricao, url, imagem);

    window.location.href= "../pages/envio-concluido.html";


}

formulario.addEventListener("submit", evento => criarVideo(evento))