Does it work with Nuxt? about vue-scrollactive

[danilostrazzullo]

Yes, it works. Just install it a Vue plugin (read the doc).

[nonlinearcom]

well, I tried installing it as a global plugin but I still get this error:

[Vue warn]: Unknown custom element: <VueScrollactive> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

// plugins/scrollActive.client.js:

import Vue from 'vue'
const VueScrollactive = require('vue-scrollactive')
Vue.use(VueScrollactive)

// nuxtconfig.js:

plugins: [
	'~/plugins/scrollActive.client.js'
],

// page.vue:

<VueScrollactive class="my-nav">
	<a href="#home" class="scrollactive-item">Home</a>
	<a href="#about-us" class="scrollactive-item">About Us</a>
</VueScrollactive>

@danilostrazzullo do you have an example on how to make it work with nuxt?
Thanks in advance!

[nonlinearcom]

Ok, I think I found a solution:

// plugins/scrollActive.js:

import Vue from 'vue'
import scrollactive from 'vue-scrollactive'
Vue.use(scrollactive)

and then in the page:

<scrollactive class="my-nav">
	<a href="#home" class="scrollactive-item">Home</a>
	<a href="#about-us" class="scrollactive-item">About Us</a>
</scrollactive>

[dimitriaatos]

It seems to work but I'm unable to change any configuration options.
I tried this from the docs

<scrollactive active-class="active" :offset="80" :duration="800" bezier-easing-value=".5,0,.35,1">
</scrollactive>

but there behaviour doesn't change.

[aliwesome]

@dimitriaatos did you solve that problem?