rigor789/vue-scrollto

Not working with Nuxtjs

Open

#311 opened on Jun 26, 2020

View on GitHub
 (3 comments) (0 reactions) (0 assignees)JavaScript (1,966 stars) (114 forks)batch import
help wantednuxt

Description

Hi,

Nuxt Version: v2.13.0

I can't figure out how to get this working with Nuxt JS.

I've imported the module as stated in the docs.

modules: [ 'vue-scrollto/nuxt', ]

My markup in my component is as follows:

<a href="#" v-scroll-to="'#' + navItem" v-html="navItem" />

As a result, I get the following error and the scroll doesn't work at all.

vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to resolve directive: scroll-to

Am I missing a step? I am trying to apply the module to a list of LI's, should that cause issues? I think it's a pretty standard use case.

Thanks in advance

Contributor guide

Tech stack
javascriptvuenuxt
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Vue.jsNuxt.js
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Check whether the Nuxt module 'vue scrollto/nuxt' is properly registered in nuxt.config.js. Verify that the module exports the directive globally. Look at existing comments or issues with similar errors. Consider testing with a minimal reproduction.