quasar-framework/src/vue-transitions/transition.js

Simultaneously build desktop/mobile SPA websites & phone/tablet apps with VueJS

import slide from './transition-slide'

let transitions = {slide}

export default {
  functional: true,
  props: {
    name: {
      type: String,
      default: 'slide',
      validator (value) {
        if (!transitions[value]) {
          console.error('Quasar Transition unknown: ' + value)
          return false
        }
        return true
      }
    }
  },
  render (h, context) {
    if (!transitions[context.props.name]) {
      throw new Error(`Quasar Transition ${context.props.name} is unnowkn.`)
    }
    var data = {
      props: {
        name: 'quasar-transition',
        mode: 'out-in'
      },
      on: transitions[context.props.name]
    }
    return h('transition', data, context.children)
  }
}