Usage

// main.tsimportVuefrom'vue';importBananaVue2BookPluginfrom'@bananajs/vue2-book-component';import'@bananajs/vue2-book-component/BananaVue2Book.css';importAppfrom'./App.vue';Vue.use(BananaVue2BookPlugin);newVue({render:h=>h(App)}).$mount('#app');

// App.vue<template><banana-vue2-book:options="options":list="list"><template#first></template><!-- item of slot data is the same object in list prop --><template#face_front="{ item }"></template><template#face_back="{ item }"></template><template#last></template></banana-vue3-book></template><script>exportdefault{data(){return{options:{duration:1500,perspective:1500,delay:1000,autoplay:true,loop:false,},list:[/* your data to show */]}}}</script>

API

Props

Options object

duration

perspective

delay

autoplay

loop

Slots

Contributing

Assets