Использование LocalStorage в JS с использованием vue.js и наличие сложного набора объектов

Question

Я использую vue.js, у меня есть JSON, называемый проектами, который будет иметь внутри массива объектов Команды, и каждая команда будет иметь массив объектов User.

Как это: https://project1 -e5692.firebaseapp.com /

Я не могу понять, как успешно сохранить новую команду или нового пользователя на этом Json, я уже могу загрузить основной JSON, сделать что-то с ним и затем снова сохранить этот основной JSON.

saveteam() {
    project = JSON.parse(localStorage.getItem('projects'));
    var user1 = {"name":"user1"};  //To test if a user gets  pushed in a team 

    team.push(user1);
    team.teamname=this.teamname; //What I get from the HTML
    projects.push(team);    //Trying to push the team (Wish has the user inside already) on the current project
    console.log(projects);  
    console.log(project);
    project.push(projects);    //then I push a new project inside the projects array
    localStorage.setItem("projects",JSON.stringify(project)); // then I save the JSON back
}

Answer 1

saveteam() { 
    let projects = JSON.parse(localStorage.getItem('projects'));
    let project = {};
    let team = {};
    let user1 = {"name":"user1"};  

    team.push(user1);
    project.push(team);  
    projects.push(project);   
    localStorage.setItem("projects",JSON.stringify(projects)); 
},