Add x-cloak to body to prevent flicker on load

bep · bep · commit d60d2c72e429 · 2021-11-16T18:32:11.000+01:00
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
