✨ Register - invalid phone number error state

ref #1

src/components/Register.vue

@@ -75,6 +75,10 @@
           :class="{ 'border-red-500': (!isMobilePhone(userdetails.phone) && userdetails.phone.trim()), 'border-green-300': (isMobilePhone(userdetails.phone) && userdetails.phone.trim()) }"
           class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-2 bg-gray-50 text-gray-500 rounded-md p-2"
         />
+        <p
+          v-if="(!isMobilePhone(userdetails.phone) && userdetails.phone.trim())"
+          class="text-sm"
+        >{{ $t('this_is_not_a_valid_international_phone_number') }}</p>
         <!--  -->
         <div class="grid grid-cols-6 mt-6">
           <div class="col-span-6"></div>

src/locales/de.json

@@ -18,6 +18,7 @@
     "register_now": "Jetzt registrieren!",
     "registrieren": "Registrieren",
     "strasse": "Straße",
+    "this_is_not_a_valid_international_phone_number": "Dies ist keine gültige internationale Telefonnummer",
     "view_my_data": "Meine Läuferdaten einsehen",
     "vorname": "Vorname"
 }

src/locales/en.json

@@ -18,6 +18,7 @@
     "register_now": "Register now!",
     "registrieren": "Register Now",
     "strasse": "Street/ Block",
+    "this_is_not_a_valid_international_phone_number": "This is not a valid international phone number",
     "view_my_data": "View my data",
     "vorname": "Firstname"
 }