Lenis Nuxt Module `scrollTo` issues

<script setup>
import { VueLenis } from 'lenis/vue'

const options = ref({
  smooth: true,
  direction: 'vertical',
  gestureDirection: 'vertical',
  smoothTouch: false,
  touchMultiplier: 2,
  infinite: false,
  autoRaf: true,
  lerp: 0.25,
})
</script>

<template>
  <VueLenis ref="scroller" :options="options" root>
    <slot />
  </VueLenis>
</template>

      <UButton
        trailing-icon="i-lucide-arrow-up"
        size="xl"
        variant="outline"
        :ui="{ base: 'rounded-full' }"
        @click="scrollToTop()"
      />

<script setup>

import { useLenis } from 'lenis/vue'

function scrollToTop () {
const lenis = useLenis()
lenis.scrollTo(0, {
  duration: 1,
  easing: (t) => t,
})
}

</script>