estoy intentando hacer una to-do list con javascript, y quiero que las notas queden almacenadas en el localstorage para que no se borren al salir del navegador. He intentado guardarlas en el localstorage y de hecho lo he conseguido cada vez que actualizo los datos permanecen ahí pero el problema viene cuando vuelvo a escribir datos nuevamente, estos sobreescriben a los de antes no se como hacer, tienen alguna idea os dejo el código que llevo que es casi nada
<div class="app-wrapper">
<div class="fecha-container"></div>
<div class="section">
<div class="crear-notas">
<input id="input" type="text" placeholder="Escriba su nota" />
<div class="btn-mas">
<i class="bi bi-plus-circle"></i>
</div>
</div>
<div class="notas-container">
<ul id="lista">
<!-- <li>
<h3>Nota ejemplo</h3>
<i class="bi bi-trash"></i>
</li> -->
</ul>
</div>
</div>
</div>
const btnMas = document.querySelector(".btn-mas");
const input = document.getElementById("input");
const lista = document.querySelector("#lista");
const btnTrash = document.querySelectorAll(".btn-trash");
let vector = [];
btnMas.addEventListener("click", () => {
vector.push(input.value);
localStorage.setItem("data", JSON.stringify(vector));
});
localStorage.getItem
para recuperar el contenido de la clave deseada y luego le agregas los datos que quieras y después ya la puedes volver a guardar con ellocalStorage.setItem