From da9ec23188a6a2739f5ed274286d975f6e390e20 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 27 Dec 2022 13:22:04 +0100
Subject: [PATCH] docs: remove transitions

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 docs/components/home/Features.vue    | 32 +++++++++++-----------------
 docs/components/home/flows/Intro.vue |  8 +++----
 2 files changed, 16 insertions(+), 24 deletions(-)

diff --git a/docs/components/home/Features.vue b/docs/components/home/Features.vue
index 859778b0..637b4f75 100644
--- a/docs/components/home/Features.vue
+++ b/docs/components/home/Features.vue
@@ -29,29 +29,21 @@ onBeforeUnmount(stop)
     <div
       class="flex flex-col divide-y divide-gray-500 md:divide-y-0 gap-12 md:gap-24 lg:gap-36 max-w-9/12 md:max-w-11/12 lg:max-w-9/12 m-auto py-12 md:py-24 text-center md:text-left"
     >
-      <XyzTransition appear-visible xyz="fade down ease-out-back">
-        <div class="flex flex-col md:flex-row gap-12 md:gap-24">
-          <Basic @pane="onLoad" />
-        </div>
-      </XyzTransition>
+      <div class="flex flex-col md:flex-row gap-12 md:gap-24">
+        <Basic @pane="onLoad" />
+      </div>
 
-      <XyzTransition appear-visible xyz="fade down ease-out-back">
-        <div class="flex flex-col-reverse md:flex-row flex-unwrap gap-12 md:gap-24">
-          <RGB @pane="onLoad" />
-        </div>
-      </XyzTransition>
+      <div class="flex flex-col-reverse md:flex-row flex-unwrap gap-12 md:gap-24">
+        <RGB @pane="onLoad" />
+      </div>
 
-      <XyzTransition appear-visible xyz="fade down ease-out-back">
-        <div class="flex flex-col md:flex-row flex-unwrap gap-12 md:gap-24">
-          <Nested @pane="onLoad" />
-        </div>
-      </XyzTransition>
+      <div class="flex flex-col md:flex-row flex-unwrap gap-12 md:gap-24">
+        <Nested @pane="onLoad" />
+      </div>
 
-      <XyzTransition appear-visible xyz="fade down ease-out-back">
-        <div class="flex flex-col-reverse md:flex-row flex-unwrap gap-12 md:gap-24">
-          <Additional @pane="onLoad" />
-        </div>
-      </XyzTransition>
+      <div class="flex flex-col-reverse md:flex-row flex-unwrap gap-12 md:gap-24">
+        <Additional @pane="onLoad" />
+      </div>
     </div>
   </div>
 </template>
diff --git a/docs/components/home/flows/Intro.vue b/docs/components/home/flows/Intro.vue
index 4a61d61f..eb3b4f57 100644
--- a/docs/components/home/flows/Intro.vue
+++ b/docs/components/home/flows/Intro.vue
@@ -257,7 +257,7 @@ const animations = ref<{ className: string; duration: number }[]>(shuffle(create
               y="0"
               width="50"
               height="50"
-            ></rect>
+            />
             <rect
               :class="animations[1].className"
               :style="{ '--animation-duration': `${animations[1].duration}s` }"
@@ -265,7 +265,7 @@ const animations = ref<{ className: string; duration: number }[]>(shuffle(create
               y="100"
               width="50"
               height="50"
-            ></rect>
+            />
             <rect
               :class="animations[2].className"
               :style="{ '--animation-duration': `${animations[2].duration}s` }"
@@ -273,7 +273,7 @@ const animations = ref<{ className: string; duration: number }[]>(shuffle(create
               y="0"
               width="50"
               height="50"
-            ></rect>
+            />
             <rect
               :class="animations[3].className"
               :style="{ '--animation-duration': `${animations[3].duration}s` }"
@@ -281,7 +281,7 @@ const animations = ref<{ className: string; duration: number }[]>(shuffle(create
               y="100"
               width="50"
               height="50"
-            ></rect>
+            />
           </pattern>
         </template>
       </Background>