Change repeatFrequency to repeatInterval and repeatOften to repeatEvery to improve grammar and make it easier to read and more clear

Author: lulunac27a

src/components/NewTodo.vue

@@ -32,22 +32,22 @@
       <option value="2">Medium</option>
       <option value="3">Hard</option></select
     ><br />
-    Repeat often:<br />
+    Repeat every:<br />
     <input
       class="todo-input"
-      id="repeat-often"
+      id="repeat-every"
       type="number"
       placeholder="Enter number of days/weeks/months/years to repeat"
-      v-model="repeatOften"
+      v-model="repeatEvery"
       required
       min="1"
       step="1"
     /><br />
-    Repeat frequency:<br />
+    Repeat interval:<br />
     <select
       class="todo-input"
-      id="repeat-frequency"
-      v-model="repeatFrequency"
+      id="repeat-interval"
+      v-model="repeatInterval"
       required
     >
       <option value="1">Daily</option>
@@ -62,16 +62,16 @@
 
 <script lang="ts">
 import store from "@/store";
-import { difficulty, priority, repeatFrequency } from "./TodoList.vue";
+import { difficulty, priority, repeatInterval } from "./TodoList.vue";
 import { defineComponent } from "vue";
 
 export interface todoTask {
   task: string; //task name
   dueDate: Date; //task due date
   priority: number; //task priority
   difficulty: number; //task difficulty
-  repeatOften: number; //task repetition number of days/weeks/months/years
-  repeatFrequency: number; //task repetition frequency
+  repeatEvery: number; //task repetition number of days/weeks/months/years
+  repeatInterval: number; //task repetition interval
   newId: number; //task id
   completed: boolean; //task completed or not
   timesCompleted: number; //number of times tasks has been completed
@@ -81,8 +81,8 @@ export interface todoTask {
 const currentUtcDate: Date = new Date();
 const currentLocalDate: Date = new Date(
   currentUtcDate.setMinutes(
-    currentUtcDate.getMinutes() - currentUtcDate.getTimezoneOffset()
-  )
+    currentUtcDate.getMinutes() - currentUtcDate.getTimezoneOffset(),
+  ),
 );
 
 export default defineComponent({
@@ -92,8 +92,8 @@ export default defineComponent({
       dueDate: currentLocalDate.toISOString().split("T")[0], //set default due date to today
       priority: priority.Low, //set default priority is low
       difficulty: difficulty.Easy, //set default difficulty is easy
-      repeatOften: 1,
-      repeatFrequency: repeatFrequency.Once, //set default task repetition to one-time
+      repeatEvery: 1, // set default task repetition number to 1
+      repeatInterval: repeatInterval.Once, //set default task repetition interval to one-time
       newId: 0, //initial task id is 0
       completed: false, //task not completed if a task is created
       timesCompleted: 0,
@@ -103,7 +103,7 @@ export default defineComponent({
   },
   mounted() {
     const dueDateInput = document.getElementById(
-      "due-date"
+      "due-date",
     ) as HTMLInputElement;
     dueDateInput.min = currentLocalDate.toISOString().split("T")[0]; //task minimum due date must be today
   },
@@ -119,8 +119,8 @@ export default defineComponent({
       this.dueDate = currentLocalDate.toISOString().split("T")[0];
       this.priority = priority.Low;
       this.difficulty = difficulty.Easy;
-      this.repeatOften = 1;
-      this.repeatFrequency = repeatFrequency.Once;
+      this.repeatEvery = 1;
+      this.repeatInterval = repeatInterval.Once;
       this.completed = false;
       this.timesCompleted = 0;
       this.streak = 0;

src/components/TodoList.vue

@@ -32,15 +32,15 @@
           {{ todo.streak.toLocaleString("en-US") }} <br />Due date:
           {{ todo.dueDate }} <br />Priority: {{ todo.priority }}
           <br />Difficulty: {{ todo.difficulty }} <br />Repeat:
-          <span v-if="todo.repeatFrequency != 5">{{
-            todo.repeatOften.toLocaleString("en-US")
+          <span v-if="todo.repeatInterval != 5">{{
+            todo.repeatEvery.toLocaleString("en-US")
           }}</span
-          >&nbsp;<span v-if="todo.repeatFrequency == 1">Day</span
-          ><span v-if="todo.repeatFrequency == 2">Week</span
-          ><span v-if="todo.repeatFrequency == 3">Month</span
-          ><span v-if="todo.repeatFrequency == 4">Year</span
-          ><span v-if="todo.repeatFrequency == 5">Once</span
-          ><span v-if="todo.repeatOften > 1 && todo.repeatFrequency != 5"
+          >&nbsp;<span v-if="todo.repeatInterval == 1">Day</span
+          ><span v-if="todo.repeatInterval == 2">Week</span
+          ><span v-if="todo.repeatInterval == 3">Month</span
+          ><span v-if="todo.repeatInterval == 4">Year</span
+          ><span v-if="todo.repeatInterval == 5">Once</span
+          ><span v-if="todo.repeatEvery > 1 && todo.repeatInterval != 5"
             >s</span
           ></span
         >
@@ -60,7 +60,7 @@
 import store from "@/store";
 import { defineComponent } from "vue";
 
-export enum repeatFrequency {
+export enum repeatInterval {
   Daily = 1, //daily gets 1x XP, weekly gets 2x XP, monthly gets 3x XP, yearly gets 4x XP, one-time gets 5x XP multiplier
   Weekly = 2,
   Monthly = 3,
@@ -86,8 +86,8 @@ export default defineComponent({
     dueDate: Date,
     priority: Number,
     difficulty: Number,
-    repeatFrequency: String,
-    repeatOften: Number,
+    repeatInterval: String,
+    repeatEvery: Number,
     level: Number,
     xp: Number,
     completed: Boolean,