From ddc51c3defa1ce057b7734988f3c5a21db28e34a Mon Sep 17 00:00:00 2001
From: Simon Asika <asika32764@gmail.com>
Date: Fri, 2 Apr 2021 23:08:03 +0800
Subject: [PATCH] Update README.md

---
 README.md | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 4bd990f..d7dcf6b 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,10 @@
-# vue2-animate for Vue.js 2 and 3
+# vue2-animate
+
+Support for:
+
+- Vue 2.x
+- Vue 3.x
+- Alpine.js
 
 *Cross-browser CSS3 animation library*
 
@@ -161,6 +167,20 @@ The view element must set position as absolute.
 </transition>
 ```
 
+## Work with Alpine.js
+
+Alpine `x-transition` must add `enter` and `leave` suffix, you have to add `In` and `Out` suffix after animation name.
+
+```html
+<div x-show="open"
+    x-transition:enter="fadeIn"
+    x-transition:leave="fadeOut"
+    style="animation-duration: .3s"
+>...</div>
+```
+
+See also: https://github.com/alpinejs/alpine#x-transition
+
 ## Supported Animations
   Not all [Animate.css animations](https://github.com/daneden/animate.css#basic-usage "animations") are supported at the moment. Here is a list of what's in vue2-animate (aka - *what you can put in the transition="x"* attribute) as of right now: