From bf635bd6c9763d7aa6340642427494e00f936962 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Mon, 23 Aug 2021 22:34:42 +0100
Subject: [PATCH] :zap: Use v-cloak directive to hide unloaded content

---
 src/styles/global-styles.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/styles/global-styles.scss b/src/styles/global-styles.scss
index 1c3eaf29..0303bf0f 100644
--- a/src/styles/global-styles.scss
+++ b/src/styles/global-styles.scss
@@ -22,6 +22,10 @@ html {
   }
 }
 
+/* Hide text, and show 'Loading...' while Vue is intializing tags */
+[v-cloak] > * { display:none }
+[v-cloak]::before { content: "loading…" }
+
 /* Overriding styles for the modal component */
 .vm--modal, .dashy-modal {
   box-shadow: 0 40px 70px -2px hsl(0deg 0% 0% / 60%), 1px 1px 6px var(--primary) !important;