Added x-cloak to remove the "blip"

vdvcoder · web-flow · commit f866191b8fa3 · 2022-06-07T18:57:06.000+02:00
Removes the "blip" you see when page reloads.
diff --git a/stubs/resources/views/layouts/app.blade.php b/stubs/resources/views/layouts/app.blade.php
@@ -10,10 +10,13 @@
     <script src="{{ asset('js/app.js') }}" defer></script>
     @stack('scripts')
     <livewire:styles/>
+    <style>
+        [x-cloak] { display: none !important; }
+    </style>
 </head>
 <body>
 
-<div x-data="{ sidebarOpen: false }">
+<div x-data="{ sidebarOpen: false }" x-cloak>
     <div class="flex min-h-screen">
 
         @auth
@@ -66,4 +69,4 @@
 
 <livewire:scripts />
 </body>
-</html>
+</html>
