Fix code warnings and fix grammar

Author: lulunac27a

src/components/NewTask.vue

@@ -11,7 +11,7 @@
       v-model="task"
       required
     /><br />
-    Due date:<br /><!--task due date must be on or after today date-->
+    Due date:<br /><!--task due date must be on or after today's date-->
     <input
       class="task-input"
       id="due-date"
@@ -87,7 +87,7 @@ const currentLocalDate: Date = new Date(
 ); //current date in local time zone
 
 export default defineComponent({
-  //define component to default values when the task is created
+  //define the component to default values when the task is created
   data() {
     return {
       task: "",
@@ -114,11 +114,11 @@ export default defineComponent({
   },
   methods: {
     /**
-     * Add task to task list when user presses the Add Task button.
+     * Add task to the task list when user presses the Add Task button.
      */
     addTask: function (): void | TodoTask[] {
-      this.dueDate = this.originalDueDate; //set task due date to entered task original due date
-      store.dispatch("createTask", this);
+      this.dueDate = this.originalDueDate; //set the task due date to entered task original due date
+      store.dispatch("createTask", this); //create the task to the user store
       this.newId++;
       this.task = "";
       this.dueDate = currentLocalDate.toISOString().split("T")[0];

src/components/TaskList.vue

@@ -52,7 +52,7 @@
         })
       }}</span>
     </p>
-    <!--show circular progress bar filled with level progress--><ve-progress
+    <!--show the circular progress bar filled with level progress--><ve-progress
       :progress="getCurrentProgress"
       >Level
       <span id="text-numeric-display">{{
@@ -104,7 +104,7 @@
             >s</span
           ></span
         >
-        <!--don't show complete button if one-time task is completed--><button
+        <!--don't show the complete button if one-time task is completed--><button
           v-if="!task.isCompleted"
           @click="completeTask(task.newId)"
         >
@@ -201,15 +201,15 @@ export default defineComponent({
   },
   methods: {
     /**
-     * Complete task based on task ID.
-     * @param id task ID
+     * Complete the task based on task ID.
+     * @param id the task ID
      */
     completeTask: function (id: number): void {
       store.dispatch("completeTask", id);
     },
     /**
-     * Delete task based on task ID.
-     * @param id task ID
+     * Delete the task based on task ID.
+     * @param id the task ID
      */
     deleteTask: function (id: number): void {
       store.dispatch("deleteTask", id);

src/main.ts

@@ -9,23 +9,19 @@ createApp({ render: () => h(App) })
   .mount("#app");
 /* eslint-disable */
 store.dispatch("loadUser").then(
-  (success) => {
-    //if user data is loaded successfully
+  (success) => {//if user data is loaded successfully
     console.log("User data loaded successfully!");
   },
-  (error) => {
-    //if user data is not loaded successfully (failed to load)
+  (error) => {//if user data is not loaded successfully (failed to load)
     console.log("User data failed to load.");
-  },
+  }
 ); //load user data
 store.dispatch("loadTasks").then(
-  (success) => {
-    //if task list data is loaded successfully
+  (success) => {//if task list data is loaded successfully
     console.log("Task list data loaded successfully!");
   },
-  (error) => {
-    //if task list data is not loaded successfully (failed to load)
+  (error) => {//if task list data is not loaded successfully (failed to load)
     console.log("Task list data failed to load.");
-  },
+  }
 ); //load task list data
-/* eslint-enable */
+/* eslint-enable */