forgot about options

Author: Slgoetz

package.json

@@ -1,6 +1,6 @@
 {
    "name": "nuxt-lenis",
-   "version": "1.0.1",
+   "version": "1.0.2",
    "license": "MIT",
    "type": "module",
    "repository": {

playground/app.vue

@@ -22,7 +22,7 @@ import { ref, inject, watch, onMounted } from 'vue'
 const scrollState = inject('scrollState')
 const lenisRef = ref(null)
 const vsOptions = ref({
-  duration: 3,
+  duration: .2,
   direction: 'Horizontal',
   touchMultiplier: 20,
   infinite: false

src/runtime/components/lenis.vue

@@ -12,6 +12,7 @@ import {
    onBeforeUnmount,
    inject,
    onUpdated,
+   reactive
 } from "vue";
 export default defineComponent({
    props: ["options"],
@@ -24,21 +25,24 @@ export default defineComponent({
       /**
        * Starting options - for full list of options visit https://github.com/studio-freight/lenis
        */
-      const lenisOptions = Object.assign(
-         {},
-         {
-            duration: 1.2,
-            easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
-            direction: "vertical",
-            gestureDirection: "vertical",
-            smooth: true,
-            mouseMultiplier: 1,
-            smoothTouch: false,
-            touchMultiplier: 2,
-            infinite: false,
-         },
-         options || {}
+      const lenisOptions = reactive(
+         Object.assign(
+            {},
+            {
+               duration: 1.2,
+               easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
+               direction: "vertical",
+               gestureDirection: "vertical",
+               smooth: true,
+               mouseMultiplier: 1,
+               smoothTouch: false,
+               touchMultiplier: 2,
+               infinite: false,
+            },
+            options || {}
+         )
       );
+
       // On mounted set new Lenis instance
       onMounted(() => {
          initLenis();
@@ -54,9 +58,10 @@ export default defineComponent({
          lenisVS.value.destroy();
          lenisVS.value = new Lenis();
       });
+
       const initLenis = () => {
          if (process.client) {
-            lenisVS.value = new Lenis();
+            lenisVS.value = new Lenis(lenisOptions);
             lenisVS.value.on("scroll", (scrollData) => {
                setScrollState(scrollData);
                emit("scroll", scrollData);