Contents

(function() {
  "use strict";
  
  var template = '<div v-if="pageTransitionFinished" :transition="transitionName"><slot></slot></div>';

  App.vue.components.vueTransition = Vue.extend({
    props: {
      transitionName: {
        type: String,
        default: "v-fade-up"
      }
    },
    template: template,
    data: function() {
      return {
        pageTransitionFinished: false
      }
    },
    ready: function() {
      var self = this;
      this.$nextTick(function() {
        self.pageTransitionFinished = true;
      });
    }
  });
})();

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
codelation_ui-1.0.57	app/assets/javascripts/codelation_ui/std/components/transition.js