v2 first commit

resources/assets/js/components/WorldMap/AsyncWorldMap.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="world-map-container">
+    <world-map v-bind="$attrs" v-on="$listeners"></world-map>
+  </div>
+</template>
+<script>
+/*  We lazy load (async) the VectorMaps component because it contains 2 big libraries (jquery and jquery vector maps)
+      If the component is not loaded within 200ms, we display a loading component in the meanwhile.
+      This way, we don't bloat the main bundle with 2 unnecessary libs that we only need for this page :)
+   */
+import { LoadingPanel } from '@/components';
+const WorldMap = () => ({
+  component: import('./WorldMap.vue'),
+  loading: LoadingPanel,
+  delay: 200
+});
+export default {
+  inheritAttrs: false,
+  components: {
+    WorldMap
+  }
+};
+</script>
+<style>
+  .world-map-container {
+    min-height: 500px;
+  }
+</style>