Migrate more components to TS

resources/assets/styles/components/animations.css

@@ -50,3 +50,19 @@
 .modal-leave-active .modal-container {
   animation: opacity 250ms linear;
 }
+
+/**
+ * name="slide-fade" mode="out-in"
+ */
+.slide-fade-enter-active {
+  transition: all 250ms ease;
+}
+
+.slide-fade-leave-active {
+  transition: all 250ms cubic-bezier(1.0, 0.5, 0.8, 1.0);
+}
+
+.slide-fade-enter, .slide-fade-leave-to {
+  transform: translateX(10px);
+  opacity: 0;
+}