From 0582d8692e070cc9c1091cf1324c4ea72e81de88 Mon Sep 17 00:00:00 2001
From: Novout <novout@hotmail.com>
Date: Sat, 25 Sep 2021 19:19:30 -0300
Subject: [PATCH] style(aside): appear

---
 src/components/editor/aside/AsideBarItem.vue | 10 +++++++---
 src/components/editor/main/EditorBase.vue    |  2 +-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/editor/aside/AsideBarItem.vue b/src/components/editor/aside/AsideBarItem.vue
index cd7a39e1c..ad05719d1 100644
--- a/src/components/editor/aside/AsideBarItem.vue
+++ b/src/components/editor/aside/AsideBarItem.vue
@@ -43,9 +43,13 @@
         </svg>
       </HeroIcon>
     </DisclosureButton>
-    <DisclosurePanel class="flex flex-col w-full items-center justify-between">
-      <slot />
-    </DisclosurePanel>
+    <transition name="fade" appear>
+      <DisclosurePanel
+        class="flex flex-col w-full items-center justify-between"
+      >
+        <slot />
+      </DisclosurePanel>
+    </transition>
   </Disclosure>
 </template>
 
diff --git a/src/components/editor/main/EditorBase.vue b/src/components/editor/main/EditorBase.vue
index 3c0443145..3b96bda5c 100644
--- a/src/components/editor/main/EditorBase.vue
+++ b/src/components/editor/main/EditorBase.vue
@@ -37,7 +37,7 @@
           dark:bg-gray-700
         "
       >
-        <transition-group name="list" tag="div">
+        <transition-group name="list" tag="div" appear>
           <TextShow
             v-for="entity in store.state.context.entity"
             :id="id(entity)"