feat: add support for Vue 3 (#371)

* vue3 * Update src/index.js Co-authored-by: Igor Randjelovic <rigor789@gmail.com> * Update src/index.js Co-authored-by: Igor Randjelovic <rigor789@gmail.com> Co-authored-by: Igor Randjelovic <rigor789@gmail.com>

Author: laineus

src/directive.js

@@ -50,7 +50,7 @@ function handleClick(e) {
  scrollTo(ctx.value.el || ctx.value.element, ctx.value)
 }
 
-export default {
+const directiveHooks = {
  bind(el, binding) {
  getBinding(el).binding = binding
  _.on(el, 'click', handleClick)
@@ -61,7 +61,16 @@ export default {
  },
  update(el, binding) {
  getBinding(el).binding = binding
- },
+ }
+}
+
+export default {
+ bind: directiveHooks.bind,
+ unbind: directiveHooks.unbind,
+ update: directiveHooks.update,
+ beforeMount: directiveHooks.bind,
+ unmounted: directiveHooks.unbind,
+ updated: directiveHooks.update,
  scrollTo,
  bindings,
 }

src/index.js

@@ -4,14 +4,15 @@ import { setDefaults, scroller } from './scrollTo'
 const install = function(Vue, options) {
  if (options) setDefaults(options)
  Vue.directive('scroll-to', VueScrollTo)
- Vue.prototype.$scrollTo = VueScrollTo.scrollTo
+ const properties = Vue.config.globalProperties || Vue.prototype
+ properties.$scrollTo = VueScrollTo.scrollTo
 }
 
 if (typeof window !== 'undefined' && window.Vue) {
  window.VueScrollTo = VueScrollTo
  window.VueScrollTo.setDefaults = setDefaults
  window.VueScrollTo.scroller = scroller
- window.Vue.use(install)
+ if (window.Vue.use) window.Vue.use(install)
 }
 
 VueScrollTo.install = install