Vuetify: [Bug Report] Failed to resolve directive: scroll

[digitalit]

Versions and Environment

Vuetify: 1.2.0-beta.1
Last working version: 1.1.8
Vue: 2.5.17
Browsers: Chrome 68.0.3440.106
OS: Mac OS 10.13.6

Steps to reproduce

Scroll down page

Expected Behavior

offsetTop should count up

Actual Behavior

offsetTop stays at 0

Reproduction Link

https://codepen.io/anon/pen/djEWGp

Other comments

beta0 same problem but no console message

[DRoet]

same problem here: https://next.vuetifyjs.com/en/directives/scrolling

[songololo]

The same is happening with the resize directive, so this is probably affecting all directives.

e.g. the browser error messages are:

[Vue warn]: Failed to resolve directive: scroll
[Vue warn]: Failed to resolve directive: resize

[ayZagen]

This issue still exists in 1.3.11

My mistake. I forgot that I was using a la carte.

[abelit]

I came across the same problem when I use v-scroll directive in vue and vuetify project. I have tried it both [email protected] and [email protected] and the problem remains.

[raojingpeng]

I came across the same problem when I use v-scroll directive in vue and vuetify project. I have tried it both [email protected] and [email protected] and the problem remains.

If using a la carte, you should do this.

import { Scroll } from 'vuetify/lib/directives'

Vue.use(Vuetify, {
directives: {
Scroll
}
}

[abelit]

I came across the same problem when I use v-scroll directive in vue and vuetify project. I have tried it both [email protected] and [email protected] and the problem remains.

If using a la carte, you should do this.

import { Scroll } from 'vuetify/lib/directives'

Vue.use(Vuetify, {
directives: {
Scroll
}
}

Thanks !

[Skriptach]

@raojingpeng I'm not using a la carte

And when I try

import { Scroll } from 'vuetify/lib/directives';

I got error

 FATAL  Invalid or unexpected token                                                                                                                                                                    
  @import '../../styles/styles.sass'
  ^

  SyntaxError: Invalid or unexpected token
  at Object.compileFunction (vm.js:403:10)
  at Generator.next (<anonymous>)
  at Object.<anonymous> (node_modules\vuetify\lib\directives\ripple\index.js:1)
  at Generator.next (<anonymous>)