Vue Transition does not work here. Is it possible or what ? about babel-plugin-transform-vue-jsx HOT 6 CLOSED

          ```
            <transition name="slide-fade">
                <ShortDesc />
            </transition>

Added css in style.css

export default {
    data() {
        return {
            showLongDesc: true
        };
    },
    methods: {
        handleClick() {
            this.showLongDesc = !this.showLongDesc;
        }
    },
    render(h) { //eslint-disable-line no-unused-vars
        const showLongDesc = this.showLongDesc ? 'hide' : 'block';
        return (
            <aside>
                <button on-click={this.handleClick}>Click</button>
                <transition name="fade">
                    <div class={showLongDesc}>
                        <LongDesc />
                    </div>
                </transition>
            </aside>
        );
    }
};

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}
.fade-enter, .fade-leave-active {
    opacity: 0
}