нельзя использовать флипбук в vue js

Question

Я пытаюсь использовать флипбук в моем проекте vue js. я видел их документацию кто-нибудь использовал это раньше? если да, то, пожалуйста, покажи мне пример. Вот мой код ниже того, что я устал до сих пор. это мой тест. vue файл

<template>
  <flipbook :pages="pages" v-slot="flipbook">
     <button @click="flipbook.flipLeft">Previous Page</button>
     <button @click="flipbook.flipRight">Next Page</button>
  </flipbook>
</template>

файл scirp

   import Flipbook from 'flipbook-vue'
   import flipbook from "@/components/flipbook";

   export default {
       name: "RwvSettings",
       pages: [
           null,
           'images/1.jpg',
           'images/2.jpg',
           'images/3.jpg',
           'images/4.jpg'
           ],
      components: { flipbook },
  };

и это компонент

 <template>
    <div slot v-bind="{
      page
        }" />
   </div>
 </template>

 <script>
    export default {
        name: "flipbook",
        props: {
        pages: {
           type: Array,
           required: true
        }
    }

 }

это ничего не показывает. пожалуйста, кто-нибудь, помогите мне решить эту проблему