Fix pasting comma separated validation rules

Author: joshuablum

resources/js/components/field-validation/Builder.vue

@@ -34,6 +34,7 @@
                 multiple
                 searchable
                 taggable
+                paste-delimiter="|"
                 close-on-select
                 :model-value="rules"
                 @selected="add($event)"

resources/js/components/ui/Combobox/Combobox.vue

@@ -55,6 +55,8 @@ const props = defineProps({
 	options: { type: Array, default: () => [] },
 	/** Key of the option's value in the option's object. */
 	optionValue: { type: String, default: 'value' },
+	/** The delimiter used to split pasted text into multiple tags. Only used when `taggable` is `true`. */
+	pasteDelimiter: { type: String, default: ',' },
 	placeholder: { type: String, default: () => __('Select...') },
 	readOnly: { type: Boolean, default: false },
 	/** When `true`, the options will be searchable. */
@@ -315,7 +317,12 @@ function onPaste(e) {
 
     const pastedValue = e.clipboardData.getData('text');
 
-    updateModelValue([...(props.modelValue ?? []), ...pastedValue.split(',').map((v) => v.trim())]);
+    const tags = pastedValue
+        .split(props.pasteDelimiter)
+        .map((v) => v.trim())
+        .filter((v) => v !== '');
+
+    updateModelValue([...(props.modelValue ?? []), ...tags]);
 }
 
 function pushTaggableOption(e) {