Option to add prefix for slug

resources/js/components/Slug/FormField.vue

@@ -34,6 +34,7 @@ export default {
                 return;
             }
             this.value = slugify(value, this.field.slugifyOptions || {});
+            this.appendSlugPrefix(this.value);
         })
     },
 
@@ -75,6 +76,18 @@ export default {
          */
         setInitialValue() {
           this.value = this.field.value || ''
+          if(this.$router.currentRoute.name === 'create') {
+            this.appendSlugPrefix() 
+          }
+        },
+
+        /*
+         * Add slug prefix to slug if it is set
+         */
+        appendSlugPrefix() {
+          if(this.field.slugPrefix) {
+            this.value = this.field.slugPrefix + '/' + this.value
+          }
         },
 
         /**

src/Slug.php

@@ -36,6 +36,13 @@ class Slug extends Field
      */
     private $slugifyOptions = [];
 
+    /**
+     * Add prefix for generated slug
+     *
+     * @var null|string
+     */
+    private $slugPrefix; 
+
     /**
      * Specify options to pass to speakingurl.
      *
@@ -73,6 +80,17 @@ public function showUrlPreview(string $url): Element
         return $this;
     }
 
+    /**
+     * Add prefix to generated url
+     *
+     * @return $this
+     */
+    public function slugPrefix(string $prefix): Element
+    {
+        $this->slugPrefix = $prefix;
+        return $this;
+    }
+
     /**
      * Display the field as raw HTML using Vue.
      *
@@ -89,6 +107,8 @@ public function jsonSerialize()
             'disableAutoUpdateWhenUpdating' => $this->disableAutoUpdateWhenUpdating,
             'slugifyOptions' => $this->slugifyOptions,
             'showPreviewUrl' => $this->showUrlPreview,
+            'slugPrefix' => $this->slugPrefix,
+
         ], parent::jsonSerialize());
     }
 }