couple things

Author: SpaceCowboy326

package-lock.json

@@ -0,0 +1,19 @@
+<template>
+  <div class="open-data--map-data">
+    <div>{{ geo_json_data || "Data goes here" }}</div><button @click="retrieveGeoJsonData">Get Data</button
+</template>
+
+<script>
+    export default {
+        methods: {
+            retrieveGeoJsonData() {
+                store.dispatch('retrieveGeoJsonData').then(() => {
+                    console.log("Done retrieving data");
+                });
+            }
+        },
+        computed: {
+            geo_json_data() { return store.state.geo_json_data }
+      }
+    });
+</script>

src/components/MapData.vue

@@ -1,7 +1,7 @@
 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
-import store from './store'
+import {store} from './store'
 
 Vue.config.productionTip = false
 

src/main.js

@@ -17,7 +17,9 @@ const store = new Vuex.Store({
     async retrieveGeoJsonData(context) {
         let response, data;
         try {
-            response = await Vue.http.get('/public/geojson_data.json');
+            //response = await Vue.http.get('/public/geojson_data.json');
+            console.log("Here we would get the data");
+            response = {body:"meh"};
         } catch (ex) {
             console.err("Failed to retrieve GeoJson Data", ex);
             return;
@@ -31,16 +33,4 @@ const store = new Vuex.Store({
   }
 });
 
-Vue.component('MapDataComponent', {
-  template: '<div>{{ geo_json_data || "Data goes here" }}</div><button @click="retrieveGeoJsonData">Get Data</button',
-  methods: {
-      retrieveGeoJsonData() {
-        this.$store.dispatch('retrieveGeoJsonData').then(() => {
-            console.log("Done retrieving data");
-        });
-      }
-  },
-  computed: {
-    geo_json_data() { return this.$store.state.geo_json_data }
-  }
-});
+export {store};

src/store.js

@@ -1,12 +1,20 @@
 <template>
   <div class="about">
     <h1>This is an about page</h1>
+    <MapData></MapData>
   </div>
 </template>
 
 
 <script>
 // @ is an alias to /src
-import MapData from '@/components/HelloWorld.vue'
+import MapData from '@/components/MapData.vue'
+
+export default {
+  name: 'about',
+  components: {
+    MapData
+  }
+}
 
 </script>