Fix for travis error

Author: mugetsu

babel.config.js

@@ -9,11 +9,19 @@ module.exports = function(api) {
         [
           '@babel/preset-env',
           {
+            modules: 'commonjs',
             targets: {
               node: 'current'
             }
           }
         ]
+      ],
+      plugins: [
+        'syntax-dynamic-import',
+        ['transform-runtime', {
+          polyfill: false,
+          regenerator: true
+        }]
       ]
     }
   }

components/Map/index.vue

@@ -154,13 +154,10 @@ export default {
           .addTo(map)
       })
 
-      map.on('mouseenter', 'clusters', function() {
-        map.getCanvas().style.cursor = 'pointer'
-      })
-
-      map.on('mouseleave', 'clusters', function() {
-        map.getCanvas().style.cursor = ''
-      })
+      map.on('mouseenter', 'clusters', () => map.getCanvas().style.cursor = 'pointer')
+      map.on('mouseleave', 'clusters', () => map.getCanvas().style.cursor = '')
+      map.on('mouseenter', 'unclustered-point', () => map.getCanvas().style.cursor = 'pointer')
+      map.on('mouseleave', 'unclustered-point', () => map.getCanvas().style.cursor = '')
     }
   },
   mounted() {

components/Search/index.vue

@@ -35,14 +35,18 @@ export default {
   background-color: rgba(39, 39, 39, 1);
   box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
   animation: float-up 1s infinite alternate;
+
+  &:hover {
+    animation-play-state: paused;
+  }
 }
 
 @keyframes float-up {
   0% {
-      transform: translate3d(0, 0px, 0);
- }
+    transform: translate3d(0, 0px, 0);
+  }
   100% {
-      transform: translate3d(0, 5px, 0);
- }
+    transform: translate3d(0, 8px, 0);
+  }
 }
 </style>

nuxt.config.js

@@ -15,7 +15,8 @@ module.exports = {
   ** Environment variables
   */
   env: {
-    accessToken: process.env.MAPBOX_TOKEN
+    accessToken: process.env.MAPBOX_TOKEN,
+    apiUrl: process.env.API_URL || 'http://localhost:3000/'
   },
 
   /*
@@ -58,30 +59,9 @@ module.exports = {
   ** Nuxt.js modules
   */
   modules: [
-    '@nuxtjs/axios',
-    '@nuxtjs/pwa'
+    '@nuxtjs/axios'
   ],
 
-  /*
-  ** Axios configuration
-  */
-  axios: {
-    baseURL: process.env.API_URL || 'http://localhost:3000/'
-  },
-
-  /*
-  ** PWA configuration
-  */
-  pwa: {
-    manifest: {
-      name: pkg.author.name,
-      short_name: pkg.author.name.split(' ')[0]
-    },
-    icons: {
-      sizes: [16, 32, 180, 192, 512]
-    }
-  },
-
   /*
   ** Router middleware
   */

package.json

@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@nuxtjs/axios": "^5.9.5",
-    "@nuxtjs/pwa": "^3.0.0-beta.20",
+    "babel-runtime": "^6.26.0",
     "cross-env": "^5.2.0",
     "mapbox-gl": "^1.8.1",
     "mapbox-gl-vue": "^2.0.4",
@@ -30,6 +30,7 @@
     "@vue/test-utils": "^1.0.0-beta.31",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^25.1.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
     "dotenv": "^8.2.0",
     "jest": "^25.1.0",
     "jest-serializer-vue": "^2.0.2",

pages/index.vue

@@ -1,25 +1,19 @@
 <template>
   <div>
-    <Map :data="data" />
+    <Map :data="$store.state.data" />
   </div>
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
 import Map from '~/components/Map'
 
 export default {
-  loading: false,
+  async fetch ({ app: { $axios }, store, params }) {
+    const { data } = await $axios.get(`${process.env.apiUrl}/all`)
+    store.commit('SET_DATA', data)
+  },
   components: {
     Map
-  },
-  computed: {
-    ...mapGetters([
-      'data'
-    ])
-  },
-  data() {
-    return {}
   }
 }
 </script>

store/actions.js

@@ -1,19 +1,9 @@
 export default {
-  async nuxtServerInit({ commit }, ctx) {
+  async getData({ commit }, ctx) {
     await this.$axios.get('/all')
       .then(res => {
         if (res.status === 200) {
-          const {
-            confirmed,
-            recovered,
-            deaths
-            // latest
-          } = res.data
           commit('SET_DATA', res.data)
-          commit('SET_CONFIRMED', confirmed)
-          commit('SET_RECOVERED', recovered)
-          commit('SET_DEATHS', deaths)
-          // commit('SET_LATEST', latest)
         }
       })
       .catch(err => {

store/getters.js

@@ -1,7 +1,3 @@
 export default {
-  data: state => state.data,
-  confirmed: state => state.confirmed,
-  deaths: state => state.deaths,
-  latest: state => state.latest,
-  recovered: state => state.recovered
+  data: state => state.data
 }

store/mutations.js

@@ -52,44 +52,5 @@ export default {
     // toCollection('recovered', recovered.locations, dataCollection)
     // toCollection('dead', deaths.locations, dataCollection)
     state.data = dataCollection
-  },
-  SET_CONFIRMED: (state, confirmed) => {
-    const { locations } = confirmed
-    const confirmedCollection = {
-      type: 'FeatureCollection',
-      features: []
-    }
-    locations.forEach((location, index) => {
-      const cluster_id = location.country_code + (location.province ? `_${location.province}` : '') + `_${index}`
-      confirmedCollection.features.push({
-        type: 'Feature',
-        properties: {
-          cluster_id: cluster_id,
-          state: 1,
-          country: location.country,
-          country_code: location.country_code,
-          history: location.history,
-          latest: location.latest,
-          province: location.province
-        },
-        geometry: {
-          type: 'Point',
-          coordinates: [
-            location.coordinates.long,
-            location.coordinates.lat
-          ]
-        }
-      })
-    })
-    state.confirmed = confirmedCollection
-  },
-  SET_RECOVERED: (state, recovered) => {
-    state.recovered = recovered
-  },
-  SET_DEATHS: (state, deaths) => {
-    state.deaths = deaths
-  },
-  SET_LATEST: (state, latest) => {
-    state.latest = latest
   }
 }

store/state.js

@@ -1,7 +1,3 @@
 export default () => ({
-  data: {},
-  confirmed: {},
-  recovered: {},
-  deaths: {},
-  latest: {}
+  data: {}
 })