package.json

@@ -10,7 +10,6 @@
     "got": "^11.8.2",
     "redaxios": "^0.4.1",
     "toastify-js": "^1.9.3",
-    "validator": "^13.5.2",
     "vue": "^3.0.5",
     "vue-phone-number-input": "^1.1.10",
     "vue-router": "4"

src/components/Register.vue

@@ -47,16 +47,13 @@
           <span class="font-bold">*</span>
         </label>
         <input
-          v-model="userdetails.mail"
           name="email_address"
           id="email_address"
           autocomplete="off"
           placeholder="E-Mail Adresse"
-          type="email"
+          type="text"
-          :class="{ 'border-red-500': (!isEmail(userdetails.mail)), 'border-gray-300': (isEmail(userdetails.mail)) }"
+          class="dark:bg-gray-800 mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
-          class="dark:bg-gray-800 mt-1 block w-full shadow-sm rounded-l-md sm:text-sm border bg-gray-50 text-gray-100 rounded-md p-2"
         />
-        <p class="text-sm">Bitte geben Sie eine gültige E-Mail Adresse an</p>
         <div class="grid grid-cols-6 mt-6">
           <div class="col-span-6"></div>
           <div class="flex items-start col-span-6">
@@ -122,7 +119,7 @@
             <label
               for="agb_accepted"
               class="font-medium text-gray-400 select-none"
-            >Ich habe die <a target="_blank" rel="noreferrer,noopener" href="" class="underline">AGBs</a> gelesen und akzeptiert.</label>
+            >Ich habe die AGBs gelesen und akzeptiert.</label>
           </div>
         </div>
         <div class="mt-6">
@@ -158,9 +155,7 @@
 import { ref } from "vue";
 import axios from "redaxios";
 import Toastify from "toastify-js";
-import isEmail from 'validator/es/lib/isEmail';
 
-let userdetails = ref({ firstname: "", lastname: "", middlename: "", mail: "" });
 let provide_address = ref(false);
 let agb_accepted = ref(false);
 function login() {