alvarotrigo / vue-fullpage.js

Official Vue.js wrapper for fullPage.js http://alvarotrigo.com/vue-fullpage/
GNU General Public License v3.0
1.85k stars 255 forks source link

Not working after nuxt generate #218

Closed SupriyaGo closed 2 years ago

SupriyaGo commented 2 years ago

Description

after doing nuxt generate full-page is not working

<template>
  <div>
    <full-page :options="options" id="fullpage">
      <div class="section">
        <!-- <div class="Cell"> -->
        <h3>Section 1</h3>
        <!-- </div> -->
      </div>
      <div class="section">
        <div class="slide">
          <h3>Slide 2.1</h3>
        </div>
        <div class="slide">
          <h3>Slide 2.2</h3>
        </div>
        <div class="slide">
          <h3>Slide 2.3</h3>
        </div>
      </div>
      <div class="section">
        <h3>Section 3 !</h3>
      </div>
    </full-page>
  </div>
</template>

<script>
export default {
  layout: 'fullpage',
  data () {
    return {
      options: {
        licenseKey: 'api_key',
        afterLoad: this.afterLoad,
        scrollBar: false,
        menu: '#menu',
        navigation: true,
        anchors: ['page1', 'page2', 'page3'],
        sectionsColor: ['#41b883', '#ff5f45', '#0798ec', '#fec401', '#1bcee6', '#ee1a59', '#2c3e4f', '#ba5be9', '#b4b8ab']
      }
    }
  },

  methods: {
    afterLoad () {
    }
  }
}
</script>

nuxt.config

export default {
  target: 'static',
  loading: true,
.....
plugins: [
    { src: '~/plugins/fullpage', mode: 'client', ssr: false },
    { src: '~plugins/vue-carousel.js', ssr: false } // Vue Carousel
    // { src: '~plugins/ga.js', ssr: false } // Google Analytics
  ],
}
...

fullpage.js in plugin folder

import Vue from 'vue'
import Fullpage from 'vue-fullpage.js'
import 'fullpage.js/dist/fullpage.css'

Vue.use(Fullpage)

commands run

npm run generate
npm run start

options are coming [object object]

image

Versions

"nuxt": "^2.15.7", "nuxt-fullpage.js": "0.0.3",

alvarotrigo commented 2 years ago

Did you see the docs on how to use it with nuxt?

SupriyaGo commented 2 years ago

Yes @alvarotrigo , I have followed the same still its not working