29 lines
776 B
Vue
29 lines
776 B
Vue
<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>
|