From 5c59400a5d96ca5351f2dee19c885e9d9da7745e Mon Sep 17 00:00:00 2001
From: mtoohey31 <mtoohey31@users.noreply.github.com>
Date: Sun, 3 Jan 2021 15:16:16 -0500
Subject: [PATCH] Fixed spelling of availible

Sorry about all the small changes across lots of files, I think it would be best to fix this though to avoid potential future confusion.
---
 README.md                                       |  2 +-
 frontend/src/api/backup.js                      |  4 ++--
 frontend/src/components/Admin/Theme.vue         | 10 +++++-----
 frontend/src/components/MealPlan/MealSelect.vue |  4 ++--
 mealie/routes/backup_routes.py                  |  4 ++--
 mealie/routes/meal_routes.py                    |  2 +-
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index ae2cf9d445dd..7cadf8a0b9c6 100644
--- a/README.md
+++ b/README.md
@@ -39,7 +39,7 @@
 
 **Mealie** is a self hosted recipe manager and meal planner with a RestAPI backend and a reactive frontend application built in Vue for a pleasant user experience for the whole family. Easily add recipes into your database by providing the url and mealie will automatically import the relavent data or add a family recipe with the UI editor.  
 
-Mealie also provides a secure API for interactions from 3rd party applications. **Why does my recipe manager need an API?** An API allows integration into applications like [Home Assistant]() that can act as notification engines to provide custom notifications based of Meal Plan data to remind you to defrost the chicken, marinade the steak, or start the CrockPot. See the section on [Meal Plan hooks](#hooks) for more information. Additionally, you can access any avaiable API from the backend server. To explore the API spin up your server and navigate to http://yourserver.com/docs for interactive API documentation. 
+Mealie also provides a secure API for interactions from 3rd party applications. **Why does my recipe manager need an API?** An API allows integration into applications like [Home Assistant]() that can act as notification engines to provide custom notifications based of Meal Plan data to remind you to defrost the chicken, marinade the steak, or start the CrockPot. See the section on [Meal Plan hooks](#hooks) for more information. Additionally, you can access any available API from the backend server. To explore the API spin up your server and navigate to http://yourserver.com/docs for interactive API documentation. 
 
 
 
diff --git a/frontend/src/api/backup.js b/frontend/src/api/backup.js
index 8d8f611d3c84..e6971151efdd 100644
--- a/frontend/src/api/backup.js
+++ b/frontend/src/api/backup.js
@@ -6,7 +6,7 @@ const backupBase = baseURL + "backups/";
 
 const backupURLs = {
   // Backup
-  avaiable: `${backupBase}avaiable/`,
+  available: `${backupBase}available/`,
   createBackup: `${backupBase}export/database/`,
   importBackup: (fileName) => `${backupBase}${fileName}/import/`,
   deleteBackup: (fileName) => `${backupBase}${fileName}/delete/`,
@@ -14,7 +14,7 @@ const backupURLs = {
 
 export default {
   async requestAvailable() {
-    let response = await apiReq.get(backupURLs.avaiable);
+    let response = await apiReq.get(backupURLs.available);
     return response.data;
   },
 
diff --git a/frontend/src/components/Admin/Theme.vue b/frontend/src/components/Admin/Theme.vue
index 9dc6828189ef..392f58a9a31f 100644
--- a/frontend/src/components/Admin/Theme.vue
+++ b/frontend/src/components/Admin/Theme.vue
@@ -21,7 +21,7 @@
           <v-form ref="form" lazy-validation>
             <v-select
               label="Saved Color Schemes"
-              :items="avaiableThemes"
+              :items="availableThemes"
               item-text="name"
               item-value="colors"
               return-object
@@ -95,13 +95,13 @@ export default {
       themes: null,
       activeTheme: {},
       darkMode: false,
-      avaiableThemes: [],
+      availableThemes: [],
       selectedScheme: "",
       selectedLight: "",
     };
   },
   async mounted() {
-    this.avaiableThemes = await api.themes.requestAll();
+    this.availableThemes = await api.themes.requestAll();
     this.darkMode = this.$store.getters.getDarkMode;
     this.themes = this.$store.getters.getThemes;
     this.setThemeEditor();
@@ -115,12 +115,12 @@ export default {
         } else if (this.selectedScheme !== "") {
           api.themes.delete(this.selectedScheme.name);
         }
-        this.avaiableThemes = await api.themes.requestAll();
+        this.availableThemes = await api.themes.requestAll();
       }
     },
     async appendTheme(newTheme) {
       api.themes.create(newTheme);
-      this.avaiableThemes.push(newTheme);
+      this.availableThemes.push(newTheme);
     },
     themeSelected() {
       this.activeTheme = this.selectedScheme.colors;
diff --git a/frontend/src/components/MealPlan/MealSelect.vue b/frontend/src/components/MealPlan/MealSelect.vue
index 9c1dc2d38e6b..d1ba903021a3 100644
--- a/frontend/src/components/MealPlan/MealSelect.vue
+++ b/frontend/src/components/MealPlan/MealSelect.vue
@@ -5,7 +5,7 @@
         <v-card-title class="headline"> Choose a Recipe </v-card-title>
         <v-card-text>
           <v-autocomplete
-            :items="avaiableRecipes"
+            :items="availableRecipes"
             v-model="selected"
             clearable
             return
@@ -85,7 +85,7 @@ export default {
   },
 
   computed: {
-    avaiableRecipes() {
+    availableRecipes() {
       return this.$store.getters.getRecentRecipes;
     },
   },
diff --git a/mealie/routes/backup_routes.py b/mealie/routes/backup_routes.py
index d8d5534ada84..25111811cc94 100644
--- a/mealie/routes/backup_routes.py
+++ b/mealie/routes/backup_routes.py
@@ -7,8 +7,8 @@ from utils.snackbar import SnackResponse
 router = APIRouter()
 
 
-@router.get("/api/backups/avaiable/", tags=["Import / Export"])
-async def avaiable_imports():
+@router.get("/api/backups/available/", tags=["Import / Export"])
+async def available_imports():
     """ Returns this weeks meal plan """
     imports = []
     templates = []
diff --git a/mealie/routes/meal_routes.py b/mealie/routes/meal_routes.py
index aa3ce0b3a2d1..ebf871c1d304 100644
--- a/mealie/routes/meal_routes.py
+++ b/mealie/routes/meal_routes.py
@@ -9,7 +9,7 @@ router = APIRouter()
 
 @router.get("/api/meal-plan/all/", tags=["Meal Plan"])
 async def get_all_meals():
-    """ Returns a list of all avaiable meal plans """
+    """ Returns a list of all available meal plans """
 
     return MealPlan.get_all()