From 52b0f9cbab80fbe55aff9aa6425abba67092a095 Mon Sep 17 00:00:00 2001
From: Taylor Cox <taylorcox.dev@gmail.com>
Date: Fri, 20 Apr 2018 15:17:12 -0400
Subject: [PATCH] Fix #4 by forcing arrays for sepecified store items

---
 src/components/nytSections.vue | 31 +++++++++++++------------------
 src/main.js                    |  6 +++++-
 2 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/src/components/nytSections.vue b/src/components/nytSections.vue
index 06f201a..3e87d8d 100644
--- a/src/components/nytSections.vue
+++ b/src/components/nytSections.vue
@@ -26,6 +26,7 @@
           v-model="selections" 
           :value="section.key" 
           :key="section.key" 
+          @change="updateSelections()"
           color="grey darken-4"
           hide-details
           class="mb-1">
@@ -55,6 +56,14 @@
 <script>
   export default {
   	name: 'nytSections',
+    data() {
+      return {
+        selections: this.$store.state.ui.selections,
+        sections: this.$store.state.config.sections,
+        page: this.$store.state.config.page,
+        pages: this.$store.state.config.pages
+      }
+    },
     computed: {
       showAlert() {
         if (this.$store.state.ui.connected < 1) {
@@ -92,28 +101,14 @@
         } else {
           return runworthy
         }
-      },
-      sections() {
-        return this.$store.state.config.sections
-      },
-      page() {
-        return this.$store.state.config.page
-      },
-      pages() {
-        return this.$store.state.config.pages
-      },
-      selections: {
-        get () {
-          return this.$store.state.ui.selections
-        },
-        set (value) {
-          this.$store.commit('updateSelections', value)
-        }
-      },
+      }
     },
     methods: {
       goBack() {
         this.$store.commit('updatePage', 0)
+      },
+      updateSelections() {
+          this.$store.commit('updateSelections',this.selections)
       }
     }
   }
diff --git a/src/main.js b/src/main.js
index 0680b91..acc7ee5 100755
--- a/src/main.js
+++ b/src/main.js
@@ -33,8 +33,12 @@ window.Alteryx.Gui = {
 
 	SetConfiguration: j => {
 
+		const forceArray = (field) => {
+		  return (typeof field == 'string') ? [field] : ((typeof field == 'undefined') ? ([]) : (field))
+		}
 		// update Vuex store with Alteryx Designer XML config, if exists
-		store.state.ui = j.Configuration.Configuration ? j.Configuration.Configuration : store.state.ui
+		store.state.ui = j.Configuration.Configuration || store.state.ui
+		store.state.ui.selections = forceArray(store.state.ui.selections)
 		window.Alteryx.JsEvent(JSON.stringify({Event: 'SetConfiguration'}))
 
 	},