Add x-cloak to body to prevent flicker on load

bep · Nov 16, 2021 · d60d2c7 · d60d2c7
1 parent 16a76ca
commit d60d2c7
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -10,8 +10,13 @@
     {{ partial "styles.html" . }}
     {{ partial "js.html" . }}
     {{ partial "hook_head_end.html" . }}
+    <style>
+      [x-cloak] {
+      display: none !important;
+      }
+    </style>
   </head>
-  <body class="index" x-data="{ navOpen: false }">
+  <body class="index" x-data="{ navOpen: false }" x-cloak>
     <a href="#" id="nav-button" @click="navOpen = !navOpen" :class="{'open': navOpen }">
       <span>
         NAV