update

Author: danielmoessner

package.json

@@ -1,7 +1,7 @@
 {
   "name": "lorga-ui",
   "description": "Reusable components for your Vue3 frontend.",
-  "version": "1.2.27",
+  "version": "1.3.0",
   "author": "Daniel Mössner",
   "homepage": "https://github.com/danielmoessner/lorga-ui#readme",
   "main": "dist/umd.js",

src/App.vue

@@ -5,5 +5,5 @@
 </template>
 
 <script setup lang="ts">
-import CP1 from "./tests/TableTests.vue";
+import CP1 from "./tests/AlertItemsTest.vue";
 </script>

src/tests/AlertItemsTest.vue

@@ -2,18 +2,13 @@
   <AlertList :alerts="alerts" @close="close($event)"></AlertList>
   <div class="relative bg-gray-100 w-96 h-96 p-96">
     <Transition
-      enter-active-class="absolute transition-all duration-1000"
+      enter-active-class="transition-all duration-1000"
       enter-from-class="left-10"
       enter-to-class="left-64"
       leave-from-class="left-20"
       leave-to-class="left-32"
-      :class="{ 'left-64': show }"
     >
-      <div
-        v-if="show"
-        class="absolute w-10 h-10 bg-red-500"
-        :class="{ '': show }"
-      ></div>
+      <div v-if="show" class="absolute w-10 h-10 bg-red-500"></div>
     </Transition>
   </div>
   <button type="button" @click="show = !show">click me {{ show }}</button>