Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

What i'm doing wrong ? Nothing appears #72

Open
pit07 opened this issue May 18, 2022 · 1 comment
Open

What i'm doing wrong ? Nothing appears #72

pit07 opened this issue May 18, 2022 · 1 comment

Comments

@pit07
Copy link

pit07 commented May 18, 2022

Hi!
I installed this package on my Nuxt application,
My page:

<template>
     <flipbook class="flipbook" :pages="images"></flipbook>
</template>
<script>
export default {
  layout: "main",
  data(){
    return {
      images: [
        '@/assets/images/famille-1.jpg',
        '@/assets/images/famille-2.jpg',
        '@/assets/images/famille-3.jpg',
        '@/assets/images/famille-4.jpg',
        '@/assets/images/famille-5.jpg',
        '@/assets/images/famille-6.jpg',
      ]
    }
  }
};
</script>
<style scoped>
.flipbook {
  width: 90vw;
  height: 90vh;
}

</style>

I have no message, no error... but no flipbook :(
Thanks a lot!

@ts1
Copy link
Owner

ts1 commented May 19, 2022

        '@/assets/images/famille-1.jpg',

These will not be resolved.
Try using require like below;

    require('@/assets/images/famille-1.jpg').default,

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants