A Vue.js component that flip an image

<script type="text/javascript" src="node_modules/vuejs/dist/vue.min.js"></script>
<script type="text/javascript" src="node_modules/vue-clock-simple/dist/vue-flip.min.js"></script>
<script type="text/javascript">
  Vue.use(VueFlip);
</script>

<template>
  <vue-flip></vue-flip>
</template>

import VueFlip from 'vue-flip';
export default {
  components: {
    'vue-flip': VueFlip
  }
}

<vue-flip>
  <div slot="front">
    front
  </div>
  <div slot="back">
    back
  </div>
</vue-flip>

<vue-flip active-click="true"></vue-flip>

<vue-flip active-hover="true"></vue-flip>