From cbd5b9f648ec94a808f82059b39476794e042be6 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Thu, 16 Jun 2022 01:21:25 +0200
Subject: [PATCH] Hide page until vue has loaded fully
---
aleksis/core/static/public/vue_style.scss | 8 ++++++++
aleksis/core/templates/core/vue_base.html | 2 +-
2 files changed, 9 insertions(+), 1 deletion(-)
diff --git a/aleksis/core/static/public/vue_style.scss b/aleksis/core/static/public/vue_style.scss
index 4b504e79c..9c91c57dd 100644
--- a/aleksis/core/static/public/vue_style.scss
+++ b/aleksis/core/static/public/vue_style.scss
@@ -6,3 +6,11 @@ p, h1, h2, h3, h4, h5, h6, .card-title {
overflow-wrap: break-word;
hyphens: auto;
}
+
+/////////////
+// HELPERS //
+/////////////
+
+[v-cloak] {
+ display: none;
+}
diff --git a/aleksis/core/templates/core/vue_base.html b/aleksis/core/templates/core/vue_base.html
index 02cf91f2d..d13c61fd6 100644
--- a/aleksis/core/templates/core/vue_base.html
+++ b/aleksis/core/templates/core/vue_base.html
@@ -70,7 +70,7 @@
</head>
<body {% if no_menu %}class="without-menu"{% endif %}>
<main id="app">
- <v-app>
+ <v-app v-cloak>
{% if not no_menu %}
<v-navigation-drawer app v-model="drawer">
<v-list nav dense shaped>
--
GitLab