Merge pull request #7 from jplhomer/allow-array-casting

Allow native array casting
outl1ne · Aug 20, 2019 · 929e539 · 929e539
2 parents 5a38be5 + f015a82
commit 929e539
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -20,7 +20,7 @@ composer require optimistdigital/nova-multiselect-field
 
 ## Usage
 
-The field is used similarly to Nova's native Select field. The field type in the database should be text-based (ie `string`, `text` or `varchar`), selected values are stored as a JSON array.
+The field is used similarly to Nova's native Select field. The field type in the database should be text-based (ie `string`, `text` or `varchar`), selected values are stored as a stringified JSON array.
 
 ```php
 use OptimistDigital\MultiselectField\Multiselect;

diff --git a/dist/js/multiselect-field.js b/dist/js/multiselect-field.js
diff --git a/resources/js/components/DetailField.vue b/resources/js/components/DetailField.vue
@@ -22,7 +22,7 @@ export default {
     values() {
       if (!this.field.value) return;
 
-      const valuesArray = JSON.parse(this.field.value);
+      const valuesArray = Array.isArray(this.field.value) ? this.field.values : JSON.parse(this.field.value);
       if (!Array.isArray(valuesArray) || !valuesArray.length) return;
 
       return valuesArray

diff --git a/resources/js/components/IndexField.vue b/resources/js/components/IndexField.vue
@@ -10,7 +10,7 @@ export default {
     value() {
       if (!this.field.value) return '-';
 
-      const valuesArray = JSON.parse(this.field.value);
+      const valuesArray = Array.isArray(this.field.value) ? this.field.value : JSON.parse(this.field.value);
       if (!Array.isArray(valuesArray)) return '-';
 
       const values = valuesArray