Change todo to task to avoid confusion with TODO comment in TypeScript.

Author: lulunac27a

src/components/NewTodo.vue

@@ -56,7 +56,7 @@
       <option value="4">Yearly</option>
       <option value="5">Once</option></select
     ><br />
-    <button type="submit">Add Todo</button>
+    <button type="submit">Add Task</button>
   </form>
 </template>
 

src/store/index.ts

@@ -432,7 +432,7 @@ export default createStore({
     },
     create_Todo: (state, payload) => {
       /**
-       * Create the task when user presses the Add Todo button.
+       * Create the task when user presses the Add Task button.
        */
       const createTask = {
         newId: payload.newId as number,
@@ -658,14 +658,14 @@ export default createStore({
        * Action to save task list data to local storage.
        * @param todos the task list data
        */
-      localStorage.setItem("todos", JSON.stringify(todos)); //save task list data
+      localStorage.setItem("todos", JSON.stringify(todos)); //save task list data as JSON
       context.commit("setTodos", todos);
     },
     loadTodos(context) {
       /**
        * Action to load task list data to local storage.
        */
-      const todos = JSON.parse(localStorage.getItem("todos") as string); //load task list data
+      const todos = JSON.parse(localStorage.getItem("todos") as string); //load task list data by parsing JSON string
       if (todos) {
         context.commit("setTodos", todos);
       }