Paul DeVito pdevito3

## alpine-to-vue.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                pdevito3
                / alpine-to-vue.md
            
            
              Created
              March 6, 2020 14:33
                — forked from dillingham/alpine-to-vue.md
            
          
    Converting Tailwind UI Alpine transitions to Vue transitions

After you copy a component from the Tailwind UI library and begin to adapt it from Vue JS to Alpine JS .. you may wonder what to do about the transitions. As I'm exploring this myself, I am documenting it for others in the same boat.
Things to be aware of:


Alpine calls the beginning and ending states "start" & "end"
Vue calls the beginning and ending states "from" and "to"
Alpine has inline "directives" ie x-transition:enter="classes"
Vue has a wrapper component  that applies classes to the child
Alpine applies the classes you pass it for each state, :enter-start="class"