Fix validation builder to store rules array, rather than pipe-delimited string. Closes #2252.

This is necessary for `regex` rules, as the `|` is a valid character within a regular expression.

Author: jesseleite

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

@@ -87,14 +87,10 @@ export default {
 
             return rule.example || false;
         },
-
-        saveableRules() {
-            return this.rules.map(rule => rule.trim()).join('|');
-        }
     },
 
     watch: {
-        saveableRules: {
+        rules: {
             deep: true,
             handler(rules) {
                 this.$emit('updated', rules);
@@ -109,10 +105,16 @@ export default {
     methods: {
         getInitial() {
             this.rules = this.config.validate
-                ? this.config.validate.split('|').map(rule => rule.trim())
+                ? this.explodeRules(this.config.validate)
                 : [];
         },
 
+        explodeRules(rules) {
+            return typeof rules === 'string'
+                ? rules.split('|').map(rule => rule.trim())
+                : rules;
+        },
+
         add(rule) {
             this.$refs.list.newItem = rule;
             this.$refs.list.$refs.newItem.focus();