Add component's lazy loading

src/components/Form/ImageUnsplash/ImageUnsplash.vue

@@ -30,12 +30,11 @@
 
 <script>
 import { mapState } from "vuex";
-import ImageSkeleton from "./ImageSkeleton";
 
 export default {
   name: "ImageUnsplash",
   components: {
-    ImageSkeleton
+    ImageSkeleton: () => import("./ImageSkeleton")
   },
   props: {
     containerClass: {

src/components/Grid/Grid.vue

@@ -15,13 +15,12 @@
 <script>
 import { mapState } from "vuex";
 import GridItemSkeleton from "./GridItemSkeleton";
-import GridItem from "./GridItem";
 
 export default {
   name: "Grid",
   components: {
     GridItemSkeleton,
-    GridItem
+    GridItem: () => import("./GridItem")
   },
   props: {
     data: Array

src/components/Grid/GridItem.vue

@@ -21,11 +21,10 @@
 
 <script>
 import { mapState } from "vuex";
-import DeleteItem from "./DeleteItem";
 
 export default {
   name: "GridItem",
-  components: { DeleteItem },
+  components: { DeleteItem: () => import("./DeleteItem") },
   props: {
     item: Object
   },