diff --git a/app/app.vue b/app/app.vue
index a1611f7..1ba75a4 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -39,15 +39,17 @@ provide('slideDirection', slideDirection)
 </script>
 
 <template>
-  <VanConfigProvider>
-    <NuxtLoadingIndicator
-        color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)"/>
-    <NuxtLayout>
-      <NuxtPage :transition="{
+  <client-only>
+    <VanConfigProvider>
+      <NuxtLoadingIndicator
+          color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)"/>
+      <NuxtLayout>
+        <NuxtPage :transition="{
         name: slideDirection
       }"/>
-    </NuxtLayout>
-  </VanConfigProvider>
+      </NuxtLayout>
+    </VanConfigProvider>
+  </client-only>
 </template>
 
 <style>