diff --git a/client/app.vue b/client/app.vue
index 030849d..b0e211f 100644
--- a/client/app.vue
+++ b/client/app.vue
@@ -1,16 +1,13 @@
 <script lang="ts" setup>
 import './styles/global.css'
-
-const readyState = computedAsync(async () => await rpc.readyState())
 </script>
 
 <template>
   <Html>
     <Body h-screen>
-      <NuxtLayout v-if="readyState === 1">
+      <NuxtLayout>
         <NuxtPage />
       </NuxtLayout>
-      <Connection v-else :connection="readyState" />
     </Body>
   </Html>
 </template>
diff --git a/client/layouts/default.vue b/client/layouts/default.vue
index 9f56abe..f3bc53d 100644
--- a/client/layouts/default.vue
+++ b/client/layouts/default.vue
@@ -1,5 +1,10 @@
+<script lang="ts" setup>
+const readyState = computedAsync(async () => await rpc.readyState())
+</script>
+
 <template>
   <div h-full of-auto>
-    <slot />
+    <slot v-if="readyState === 1" />
+    <Connection v-else :connection="readyState" />
   </div>
 </template>
