[Duda] crea el elemento en db.js pero lo hace sin datos, solo el id

hice un console.log y los datos son capturados del formulario, pero cuando hago el submit, me reenvia a la pagina de concluido y al revisar la base de datos, solo crea el id y el resto nada. revise paso por paso, pregunte en discord pero no recibi mucha ayuda. Vi la clase dos veces pero no encuentro el error. Por favor, podrian ayudarme? Gracias.

esto crea en el archivo bd.js: , { "id": 13 }

**conexionAPI.js :

async function listarVideos(){ const conexion = await fetch("http://localhost:3001/videos"); const conexionConvetida = conexion.json(); return conexionConvetida; }

async function enviarVideo(titulo,descripcion,url,imagen){

const conexion = await fetch("http://localhost:3001/videos",{
    method:"POST",
    headers:{
        "content-type":"aplication/json",
    },
    body:JSON.stringify({
        titulo:titulo,
        descripcion:`${descripcion} mil visualizaciones`,
        url:url,
        imagen:imagen
    })
})
const conexionConvetida = await conexion.json();
return conexionConvetida;

}

export const conexionAPI={ listarVideos,enviarVideo }

**crearVideo.js:

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

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

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

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


await conexionAPI.enviarVideo(titulo,descripcion,url,imagen);

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

}

formulario.addEventListener("submit", evento =>crearVideo(evento));