packages/docs/src/components/app/BackToTop.vue - master - githubmirror/vuetify

packages/docs/src/components/app/BackToTop.vue

22 строки362 B

John Leider

docs(BackToTop): update to use VFab

21 апр 2024, 08:57

21 апр 2024, 08:57f4a5414

<template>
  <v-fab
    v-model="model"
    color="primary"
    elevation="8"
    icon="mdi-chevron-up"
    size="large"
    app
    v-scroll="onScroll"
    @click="goTo(0)"
  />
</template>

<script setup>
  const goTo = useGoTo({ layout: true })

  const model = shallowRef(false)

  function onScroll () {
    model.value = window.scrollY > 200
  }
</script>