Wait for Vue to finish loading before showing HTML

This prevents flashing static HTML elements (icons, modals) on reload.
4 years ago · 8a05372d5c
1 changed files with 7 additions and 1 deletions
--- a/src/www/index.html
+++ b/src/www/index.html
@ -11,11 +11,17 @@
  <meta name="apple-mobile-web-app-capable" content="yes">
 </head>
  
+<style>
+  [v-cloak] {
+    display: none;
+  }
+</style>
+
 <body class="bg-gray-50 dark:bg-slate-800">

  <div id="app">

-    <div class="container mx-auto max-w-3xl">
+    <div v-cloak class="container mx-auto max-w-3xl">

      <div v-if="authenticated === true">
        <span v-if="requiresPassword"