vb-smooth

Smooth scroll component for Vue3 and Nuxt apps.

Instalation

npm i vb-smooth

Vue and Nuxt Example

<template>
  <VBSmooth>
    <!-- Your Content...  -->
  </VBSmooth>
</template>
<script lang="ts">
import VBSmooth from 'vb-smooth';

export default {
  components: { VBSmooth },
};
</script>

Vue and Vue Router Example

<template>
  <VBSmooth>
    <router-view />
  </VBSmooth>
</template>
<script lang="ts">
import VBSmooth from 'vb-smooth';

export default {
  components: { VBSmooth },
};
</script>

Customize

Check out options at docs.

<template>
  <VBSmooth :options="options">
    <!-- Your Content...  -->
  </VBSmooth>
</template>
<script lang="ts">
import { ref } from 'vue';
import VBSmooth from 'vb-smooth';

export default {
  components: { VBSmooth },
  setup() {
    const options = ref({
      // options
    });

    return {
      options,
    };
  },
};
</script>