regex for url slug text added

Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>

src/components/FormWishlist.vue

@@ -84,9 +84,9 @@ const schema = object().shape(
       300,
       t('components.form-wishlist.description.error-max')
     ),
-    slugUrlText: string().required(
+    slugUrlText: string()
-      t('components.form-wishlist.slug-text.error-requried')
+      .required(t('components.form-wishlist.slug-text.error-requried'))
-    ),
+      .matches(/^[\w-]+$/, t('components.form-wishlist.slug-text.error-regex')),
     imageSrc: string().when('imageFile', {
       is: (imageFile: string) => !imageFile || imageFile.length === 0,
       then: string().required(

src/components/InputText.vue

@@ -51,11 +51,12 @@ const props = defineProps({
     default: false,
   },
 })
-const { value: inputValue, errorMessage, handleBlur, handleChange } = useField(
+const {
-  props.name,
+  value: inputValue,
-  undefined,
+  errorMessage,
-  {
+  handleBlur,
-    initialValue: props.value,
+  handleChange,
-  }
+} = useField(props.name, undefined, {
-)
+  initialValue: props.value,
+})
 </script>

src/components/InputTextArea.vue

@@ -55,11 +55,12 @@ const props = defineProps({
     default: false,
   },
 })
-const { value: inputValue, errorMessage, handleBlur, handleChange } = useField(
+const {
-  props.name,
+  value: inputValue,
-  undefined,
+  errorMessage,
-  {
+  handleBlur,
-    initialValue: props.value,
+  handleChange,
-  }
+} = useField(props.name, undefined, {
-)
+  initialValue: props.value,
+})
 </script>

src/config/locales/de-DE.json

@@ -136,7 +136,8 @@
       },
       "slug-text": {
         "label": "URL Slug-Text",
-        "error-requried": "URL Slug-Text wird benötigt."
+        "error-requried": "URL Slug-Text wird benötigt.",
+        "error-regex": "Unngültige URL Slug-Text."
       },
       "image-src": {
         "label": "Bild-URL",

src/config/locales/en-US.json

@@ -135,7 +135,9 @@
         "error-max": "The max. length is 300 chars."
       },
       "slug-text": {
-        "label": "URL Slug-Text"
+        "label": "URL Slug-Text",
+        "error-requried": "URL Slug-Text is required.",
+        "error-regex": "Invalid URL Slug-Text."
       },
       "image-src": {
         "label": "Image-URL",