diff --git a/frontend/src/components/Admin/ManageUsers/GroupDashboard.vue b/frontend/src/components/Admin/ManageUsers/GroupDashboard.vue
index 15a22b96f..4407c750a 100644
--- a/frontend/src/components/Admin/ManageUsers/GroupDashboard.vue
+++ b/frontend/src/components/Admin/ManageUsers/GroupDashboard.vue
@@ -24,7 +24,7 @@
               v-bind="attrs"
               v-on="on"
             >
-              {{ $t('user.create-group') }}
+              {{ $t("user.create-group") }}
             </v-btn>
           </template>
           <v-card>
@@ -34,31 +34,30 @@
               </v-icon>
 
               <v-toolbar-title class="headline">
-                {{ $t('user.create-group') }}
+                {{ $t("user.create-group") }}
               </v-toolbar-title>
 
               <v-spacer></v-spacer>
             </v-app-bar>
-
-            <v-card-text>
-              <v-form ref="newGroup">
+            <v-form ref="newGroup" @submit="createGroup">
+              <v-card-text>
                 <v-text-field
                   v-model="newGroupName"
                   :label="$t('user.group-name')"
                   :rules="[existsRule]"
                 ></v-text-field>
-              </v-form>
-            </v-card-text>
+              </v-card-text>
 
-            <v-card-actions>
-              <v-spacer></v-spacer>
-              <v-btn color="grey" text @click="groupDialog = false">
-                {{ $t('general.cancel') }}
-              </v-btn>
-              <v-btn color="primary" @click="createGroup">
-                {{ $t('general.create') }}
-              </v-btn>
-            </v-card-actions>
+              <v-card-actions>
+                <v-spacer></v-spacer>
+                <v-btn color="grey" text @click="groupDialog = false">
+                  {{ $t("general.cancel") }}
+                </v-btn>
+                <v-btn color="primary" type="submit" @click.prevent="createGroup">
+                  {{ $t("general.create") }}
+                </v-btn>
+              </v-card-actions>
+            </v-form>
           </v-card>
         </v-dialog>
       </v-card-actions>
diff --git a/frontend/src/components/Admin/ManageUsers/TheSignUpTable.vue b/frontend/src/components/Admin/ManageUsers/TheSignUpTable.vue
index 42acc597f..b44368cf7 100644
--- a/frontend/src/components/Admin/ManageUsers/TheSignUpTable.vue
+++ b/frontend/src/components/Admin/ManageUsers/TheSignUpTable.vue
@@ -3,7 +3,11 @@
     <Confirmation
       ref="deleteUserDialog"
       :title="$t('user.confirm-link-deletion')"
-      :message="$t('user.are-you-sure-you-want-to-delete-the-link', {link: activeName })"
+      :message="
+        $t('user.are-you-sure-you-want-to-delete-the-link', {
+          link: activeName,
+        })
+      "
       icon="mdi-alert"
       @confirm="deleteUser"
       :width="450"
@@ -14,14 +18,14 @@
         mdi-link-variant
       </v-icon>
       <v-toolbar-title class="headine">
-        {{ $t('user.sign-up-links') }}
+        {{ $t("user.sign-up-links") }}
       </v-toolbar-title>
 
       <v-spacer> </v-spacer>
       <v-dialog v-model="dialog" max-width="600px">
         <template v-slot:activator="{ on, attrs }">
           <v-btn small color="success" dark v-bind="attrs" v-on="on">
-            {{ $t('user.create-link') }}
+            {{ $t("user.create-link") }}
           </v-btn>
         </template>
         <v-card>
@@ -31,14 +35,13 @@
             </v-icon>
 
             <v-toolbar-title class="headline">
-              {{ $t('user.create-link') }}
+              {{ $t("user.create-link") }}
             </v-toolbar-title>
 
             <v-spacer></v-spacer>
           </v-app-bar>
-
-          <v-card-text>
-            <v-form ref="newUser">
+          <v-form ref="newUser" @submit="save">
+            <v-card-text>
               <v-row class="justify-center mt-3">
                 <v-text-field
                   class="mr-2"
@@ -52,18 +55,18 @@
                   :label="$t('user.admin')"
                 ></v-checkbox>
               </v-row>
-            </v-form>
-          </v-card-text>
+            </v-card-text>
 
-          <v-card-actions>
-            <v-spacer></v-spacer>
-            <v-btn color="grey" text @click="close">
-              {{ $t('general.cancel') }}
-            </v-btn>
-            <v-btn color="primary" @click="save">
-              {{ $t('general.save') }}
-            </v-btn>
-          </v-card-actions>
+            <v-card-actions>
+              <v-spacer></v-spacer>
+              <v-btn color="grey" text @click="close">
+                {{ $t("general.cancel") }}
+              </v-btn>
+              <v-btn color="primary" type="submit" @click.prevent="save">
+                {{ $t("general.save") }}
+              </v-btn>
+            </v-card-actions>
+          </v-form>
         </v-card>
       </v-dialog>
     </v-toolbar>
@@ -90,7 +93,7 @@
             <v-icon small left>
               mdi-account-cog
             </v-icon>
-            {{ item.admin ? $t('general.yes') : $t('general.no') }}
+            {{ item.admin ? $t("general.yes") : $t("general.no") }}
           </v-btn>
         </template>
         <template v-slot:item.actions="{ item }">
@@ -98,7 +101,7 @@
             <v-icon small left>
               mdi-delete
             </v-icon>
-            {{ $t('general.delete') }}
+            {{ $t("general.delete") }}
           </v-btn>
         </template>
       </v-data-table>
@@ -113,21 +116,21 @@ import { validators } from "@/mixins/validators";
 export default {
   components: { Confirmation },
   mixins: [validators],
-  data() { 
+  data() {
     return {
       dialog: false,
       activeId: null,
       activeName: null,
       headers: [
         {
-          text: this.$t('user.link-id'),
+          text: this.$t("user.link-id"),
           align: "start",
           sortable: false,
           value: "id",
         },
-        { text: this.$t('general.name'), value: "name" },
-        { text: this.$t('general.token'), value: "token" },
-        { text: this.$t('user.admin'), value: "admin", align: "center" },
+        { text: this.$t("general.name"), value: "name" },
+        { text: this.$t("general.token"), value: "token" },
+        { text: this.$t("user.admin"), value: "admin", align: "center" },
         { text: "", value: "actions", sortable: false, align: "center" },
       ],
       links: [],
@@ -144,7 +147,7 @@ export default {
         admin: false,
         id: 0,
       },
-    } 
+    };
   },
 
   computed: {
diff --git a/frontend/src/components/Admin/ManageUsers/TheUserTable.vue b/frontend/src/components/Admin/ManageUsers/TheUserTable.vue
index 0c268c813..ae51ba232 100644
--- a/frontend/src/components/Admin/ManageUsers/TheUserTable.vue
+++ b/frontend/src/components/Admin/ManageUsers/TheUserTable.vue
@@ -3,7 +3,12 @@
     <Confirmation
       ref="deleteUserDialog"
       :title="$t('user.confirm-user-deletion')"
-      :message="$t('user.are-you-sure-you-want-to-delete-the-user', { activeName, activeId })"
+      :message="
+        $t('user.are-you-sure-you-want-to-delete-the-user', {
+          activeName,
+          activeId,
+        })
+      "
       icon="mdi-alert"
       @confirm="deleteUser"
       :width="450"
@@ -25,7 +30,7 @@
       <v-dialog v-model="dialog" max-width="600px">
         <template v-slot:activator="{ on, attrs }">
           <v-btn small color="success" dark v-bind="attrs" v-on="on">
-            {{$t('user.create-user')}}
+            {{ $t("user.create-user") }}
           </v-btn>
         </template>
         <v-card>
@@ -40,12 +45,11 @@
 
             <v-spacer></v-spacer>
             <v-toolbar-title class="headline">
-              {{$t('user.user-id-with-value', {id: editedItem.id }) }}
+              {{ $t("user.user-id-with-value", { id: editedItem.id }) }}
             </v-toolbar-title>
           </v-app-bar>
-
-          <v-card-text>
-            <v-form ref="newUser">
+          <v-form ref="newUser" @submit="save">
+            <v-card-text>
               <v-row>
                 <v-col cols="12" sm="12" md="6">
                   <v-text-field
@@ -80,21 +84,24 @@
                   ></v-text-field>
                 </v-col>
                 <v-col cols="12" sm="12" md="3">
-                  <v-switch v-model="editedItem.admin" :label="$t('user.admin')"></v-switch>
+                  <v-switch
+                    v-model="editedItem.admin"
+                    :label="$t('user.admin')"
+                  ></v-switch>
                 </v-col>
               </v-row>
-            </v-form>
-          </v-card-text>
+            </v-card-text>
 
-          <v-card-actions>
-            <v-spacer></v-spacer>
-            <v-btn color="grey" text @click="close">
-              {{$t('general.cancel')}}
-            </v-btn>
-            <v-btn color="primary" @click="save">
-              {{$t('general.save')}}
-            </v-btn>
-          </v-card-actions>
+            <v-card-actions>
+              <v-spacer></v-spacer>
+              <v-btn color="grey" text @click="close">
+                {{ $t("general.cancel") }}
+              </v-btn>
+              <v-btn color="primary" type="submit" @click.prevent="save">
+                {{ $t("general.save") }}
+              </v-btn>
+            </v-card-actions>
+          </v-form>
         </v-card>
       </v-dialog>
     </v-toolbar>
@@ -111,13 +118,13 @@
             <v-icon small left>
               mdi-delete
             </v-icon>
-            {{$t('general.delete')}}
+            {{ $t("general.delete") }}
           </v-btn>
           <v-btn small color="success" @click="editItem(item)">
             <v-icon small left class="mr-2">
               mdi-pencil
             </v-icon>
-            {{$t('general.edit')}}
+            {{ $t("general.edit") }}
           </v-btn>
         </template>
         <template v-slot:item.admin="{ item }">
@@ -125,7 +132,7 @@
         </template>
         <template v-slot:no-data>
           <v-btn color="primary" @click="initialize">
-            {{$t('general.reset')}}
+            {{ $t("general.reset") }}
           </v-btn>
         </template>
       </v-data-table>
@@ -140,7 +147,7 @@ import { validators } from "@/mixins/validators";
 export default {
   components: { Confirmation },
   mixins: [validators],
-  data() { 
+  data() {
     return {
       search: "",
       dialog: false,
@@ -153,10 +160,10 @@ export default {
           sortable: false,
           value: "id",
         },
-        { text: this.$t('user.full-name'), value: "fullName" },
-        { text: this.$t('user.email'), value: "email" },
-        { text: this.$t('user.group'), value: "group" },
-        { text: this.$t('user.admin'), value: "admin" },
+        { text: this.$t("user.full-name"), value: "fullName" },
+        { text: this.$t("user.email"), value: "email" },
+        { text: this.$t("user.group"), value: "group" },
+        { text: this.$t("user.admin"), value: "admin" },
         { text: "", value: "actions", sortable: false, align: "center" },
       ],
       users: [],
@@ -177,12 +184,14 @@ export default {
         group: "",
         admin: false,
       },
-    } 
+    };
   },
 
   computed: {
     formTitle() {
-      return this.editedIndex === -1 ? this.$t('user.new-user') : this.$t('user.edit-user');
+      return this.editedIndex === -1
+        ? this.$t("user.new-user")
+        : this.$t("user.edit-user");
     },
     showPassword() {
       return this.editedIndex === -1 ? true : false;
diff --git a/frontend/src/components/Admin/Theme/NewThemeDialog.vue b/frontend/src/components/Admin/Theme/NewThemeDialog.vue
index af072170b..aff8b0bb2 100644
--- a/frontend/src/components/Admin/Theme/NewThemeDialog.vue
+++ b/frontend/src/components/Admin/Theme/NewThemeDialog.vue
@@ -17,22 +17,24 @@
           <v-spacer></v-spacer>
         </v-app-bar>
         <v-card-title> </v-card-title>
-        <v-card-text>
-          <v-text-field
-            :label="$t('settings.theme.theme-name')"
-            v-model="themeName"
-            :rules="[rules.required]"
-          ></v-text-field>
-        </v-card-text>
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="grey" text @click="dialog = false">
-            {{ $t("general.cancel") }}
-          </v-btn>
-          <v-btn color="success" text @click="Select" :disabled="!themeName">
-            {{ $t("general.create") }}
-          </v-btn>
-        </v-card-actions>
+        <v-form @submit="select">
+          <v-card-text>
+            <v-text-field
+              :label="$t('settings.theme.theme-name')"
+              v-model="themeName"
+              :rules="[rules.required]"
+            ></v-text-field>
+          </v-card-text>
+          <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn color="grey" text @click="dialog = false">
+              {{ $t("general.cancel") }}
+            </v-btn>
+            <v-btn color="success" text type="submit" @click.prevent="select" :disabled="!themeName">
+              {{ $t("general.create") }}
+            </v-btn>
+          </v-card-actions>
+        </v-form>
       </v-card>
     </v-dialog>
   </div>
@@ -64,7 +66,7 @@ export default {
     randomColor() {
       return "#" + Math.floor(Math.random() * 16777215).toString(16);
     },
-    Select() {
+    select() {
       const newTheme = {
         name: this.themeName,
         colors: {
diff --git a/frontend/src/components/Login/LoginForm.vue b/frontend/src/components/Login/LoginForm.vue
index daa5700b2..108219f96 100644
--- a/frontend/src/components/Login/LoginForm.vue
+++ b/frontend/src/components/Login/LoginForm.vue
@@ -13,11 +13,12 @@
         class="mr-2"
       >
       </v-progress-circular>
-      <v-toolbar-title class="headline">{{$t('user.login')}}</v-toolbar-title>
+      <v-toolbar-title class="headline">{{ $t("user.login") }}</v-toolbar-title>
       <v-spacer></v-spacer>
     </v-app-bar>
-    <v-card-text>
-      <v-form>
+
+    <v-form @submit="login">
+      <v-card-text>
         <v-text-field
           v-if="!options.isLoggingIn"
           v-model="user.name"
@@ -43,22 +44,24 @@
           :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
           @click:append="showPassword = !showPassword"
         ></v-text-field>
-      </v-form>
-      <v-card-actions>
-        <v-btn
-          v-if="options.isLoggingIn"
-          @click.prevent="login"
-          dark
-          color="primary"
-          block="block"
-          type="submit"
-          >{{ $t("user.sign-in") }}</v-btn
-        >
-      </v-card-actions>
-      <v-alert v-if="error" outlined class="mt-3 mb-0" type="error">
-        {{$t('user.could-not-validate-credentials')}}
-      </v-alert>
-    </v-card-text>
+        <v-card-actions>
+          <v-btn
+            v-if="options.isLoggingIn"
+            @click.prevent="login"
+            dark
+            color="primary"
+            block="block"
+            type="submit"
+            >{{ $t("user.sign-in") }}
+            </v-btn
+          >
+        </v-card-actions>
+
+        <v-alert v-if="error" outlined class="mt-3 mb-0" type="error">
+          {{ $t("user.could-not-validate-credentials") }}
+        </v-alert>
+      </v-card-text>
+    </v-form>
   </v-card>
 </template>
 
diff --git a/frontend/src/components/UI/AddRecipeFab.vue b/frontend/src/components/UI/AddRecipeFab.vue
index c3f9c3e0f..506e000b3 100644
--- a/frontend/src/components/UI/AddRecipeFab.vue
+++ b/frontend/src/components/UI/AddRecipeFab.vue
@@ -21,9 +21,8 @@
 
           <v-spacer></v-spacer>
         </v-app-bar>
-
-        <v-card-text>
-          <v-form ref="urlForm">
+        <v-form ref="urlForm" @submit="createRecipe">
+          <v-card-text>
             <v-text-field
               v-model="recipeURL"
               :label="$t('new-recipe.recipe-url')"
@@ -35,29 +34,29 @@
               :hint="$t('new-recipe.url-form-hint')"
               persistent-hint
             ></v-text-field>
-          </v-form>
 
-          <v-alert v-if="error" color="red" outlined type="success">
-            {{ $t("new-recipe.error-message") }}
-          </v-alert>
-        </v-card-text>
+            <v-alert v-if="error" color="red" outlined type="success">
+              {{ $t("new-recipe.error-message") }}
+            </v-alert>
+          </v-card-text>
 
-        <v-divider></v-divider>
+          <v-divider></v-divider>
 
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="grey" text @click="reset">
-            {{ $t("general.close") }}
-          </v-btn>
-          <v-btn
-            color="success"
-            text
-            @click="createRecipe"
-            :loading="processing"
-          >
-            {{ $t("general.submit") }}
-          </v-btn>
-        </v-card-actions>
+          <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn color="grey" text @click="reset">
+              {{ $t("general.close") }}
+            </v-btn>
+            <v-btn
+              color="success"
+              text
+              @click.prevent="createRecipe"
+              :loading="processing"
+            >
+              {{ $t("general.submit") }}
+            </v-btn>
+          </v-card-actions>
+        </v-form>
       </v-card>
     </v-dialog>
     <v-speed-dial v-model="fab" fixed right bottom open-on-hover>