104a6 simpler submit transition (#576)

* better submit transition

* transition

---------

Co-authored-by: Julien Nahum <julien@nahum.net>

client/components/global/transitions/VTransition.vue

@@ -1,6 +1,6 @@
 <template>
   <transition
-    v-if="name == 'slideInUp'"
+    v-if="name === 'slideInUp'"
     enter-active-class="linear duration-300 overflow-hidden"
     enter-from-class="max-h-0"
     enter-to-class="max-h-screen"
@@ -10,11 +10,25 @@
   >
     <slot />
   </transition>
+  <transition
+    v-else-if="name === 'fade'"
+    mode="out-in"
+    enter-active-class="transition-opacity duration-300"
+    enter-from-class="opacity-0"
+    enter-to-class="opacity-100"
+    leave-active-class="transition-opacity duration-300"
+    leave-from-class="opacity-100"
+    leave-to-class="opacity-0"
+  >
+    <slot />
+  </transition>
 </template>
 
-<script>
-export default {
-  name: "VTransition",
-  props: { name: {type: String,  default: "slideInUp" } },
-}
+<script setup>
+const props = defineProps({
+  name: {
+    type: String,
+    default: "slideInUp"
+  }
+})
 </script>