A method to create a new note

Each of our notes will be an object with the following data:

• id: This will be the note unique identifier
• title: This ;will contain the name of the note displayed in the list
• content: This ;will be the note markdown content
• created: This ;will be the date the note was created
• favorite: This ;will be a Boolean that allows for marking a note that will be displayed at the top of the list as favorite

Let's add a method that will create a new note and call it addNote, which will create a new note object with a default value:

methods:{
  // Add a note with some default content and select it
  addNote () {
    const time = Date.now()
    // Default new note
    const note = {
      id: String(time),
      title: 'New note ' + (this.notes.length + 1),
      content: '**Hi!** This notebook is using [markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) for formatting!',
      created: time,
      favorite: false,
    }
    // Add to the list
    this.notes.push(note)
  },
}

We take the current time (which means the number of milliseconds elapsed since 1 January 1970 00:00:00 UTC), which will be a perfect way to have a unique identifier on each note. We also set default values, such as a title and some content, plus the created date and the favorite ;Boolean. Finally, we add the note to the notes array property.