From 8d1bf024a04956dd556e97b35c87d2260fa74b04 Mon Sep 17 00:00:00 2001
From: Tim de Jager <tim@prefix.dev>
Date: Thu, 4 Jul 2024 17:49:15 +0200
Subject: [PATCH] feat: avoid flicker when loading page (#169)

---
 src/repror/cli/templates/index.html.jinja | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/repror/cli/templates/index.html.jinja b/src/repror/cli/templates/index.html.jinja
index ae11f52..6339c7b 100644
--- a/src/repror/cli/templates/index.html.jinja
+++ b/src/repror/cli/templates/index.html.jinja
@@ -107,9 +107,9 @@
     });
 </script>
 
-<body class="bg-gray-100" x-data="modal()">
+<body class="bg-gray-100">
     <!-- Error messages modal -->
-    <div x-show="$store.modal.show" id="modal" class="modal fixed inset-0 bg-gray-800 bg-opacity-75 items-center justify-center z-10 ">
+    <div x-show="$store.modal.show" x-cloak id="modal" class="modal fixed inset-0 bg-gray-800 bg-opacity-75 items-center justify-center z-10 ">
         <div  class="fixed inset-0 bg-gray-800 bg-opacity-75 flex items-center justify-center" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
             <div class="bg-white rounded-lg p-8 mx-auto" @click.outside="$store.modal.closeModal()">
                 <h2 class="text-2xl mb-4">Error Reason</h2>
