Add random mock loading screen

src/components/widgets/CategoriesChart.vue

@@ -54,7 +54,7 @@
 				.range(['#415f9c', '#4bd9ff'])
 
 			return {
-				loading: false,
+				loading: true,
 				padding: 20,
 				
 				tooltipX: 0,
@@ -139,6 +139,10 @@
 				this.updateFuncs()
 			}, 200)
 			window.addEventListener('resize', resizeCb)
+
+			setTimeout(() => {
+				this.loading = false;
+			}, Math.random()*3000)
 		}
 	}
 </script>

src/components/widgets/LineChart.vue

@@ -78,7 +78,7 @@
 				.range([0, 0])
 
 			return {
-				loading: false,
+				loading: true,
 				padding: 10,
 				
 				tooltipX: 0,
@@ -146,6 +146,10 @@
 				this.updateFuncs()
 			}, 200)
 			window.addEventListener('resize', resizeCb)
+
+			setTimeout(() => {
+				this.loading = false;
+			}, Math.random()*3000)
 		}
 	}
 </script>

src/components/widgets/NewPosts.vue

@@ -44,7 +44,7 @@
 		created () {
 			setTimeout(() => {
 				this.loading = false;
-			}, 3000)
+			}, Math.random*3000)
 		}
 	}
 </script>

src/components/widgets/TopPosts.vue

@@ -28,7 +28,7 @@
 		components: { LoadingIcon },
 		data () {
 			return {
-				loading: false,
+				loading: true,
 
 				data_: [
 					{ title: 'Post title here', views: 20 },
@@ -51,6 +51,11 @@
 
 				return ret
 			}
+		},
+		created () {
+			setTimeout(() => {
+				this.loading = false;
+			}, Math.random()*3000)
 		}
 	}
 </script>