api refactoring + random cleanup

frontend/src/components/Recipe/RecipeEditor/index.vue

@@ -37,7 +37,7 @@
         class="my-3"
         :label="$t('recipe.recipe-name')"
         v-model="value.name"
-        :rules="[rules.required, rules.whiteSpace]"
+        :rules="[rules.required]"
       >
       </v-text-field>
       <v-textarea
@@ -91,7 +91,7 @@
                     dense
                   >
                     <v-icon
-                    class="mr-n1"
+                      class="mr-n1"
                       slot="prepend"
                       color="error"
                       @click="removeIngredient(index)"

frontend/src/components/Settings/Backup/ImportDialog.vue

@@ -65,7 +65,7 @@
         <v-divider></v-divider>
 
         <v-card-actions>
-          <v-btn color="accent" text :href="`/api/backups/${name}/download/`">
+          <v-btn color="accent" text :href="`/api/backups/${name}/download`">
             {{ $t("general.download") }}
           </v-btn>
           <v-spacer></v-spacer>

frontend/src/components/Settings/Migration/index.vue

@@ -17,7 +17,7 @@
 
     <v-row dense>
       <v-col
-        :sm="6"
+        :sm="12"
         :md="6"
         :lg="4"
         :xl="3"
@@ -78,7 +78,7 @@ export default {
     },
     async getAvailableMigrations() {
       let response = await api.migrations.getMigrations();
-      response.forEach(element => {
+      response.forEach((element) => {
         if (element.type === "nextcloud") {
           this.migrations.nextcloud.availableImports = element.files;
         } else if (element.type === "chowdown") {