feat: add support for Vue 3 (#371)

* vue3

* Update src/index.js

Co-authored-by: Igor Randjelovic <[email protected]>

* Update src/index.js

Co-authored-by: Igor Randjelovic <[email protected]>

Co-authored-by: Igor Randjelovic <[email protected]>

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