vue3-chat-scroll

This is a fork of vue-chat-scroll to make it compatible with Vue 3

Installing

Using a package manager (recommended)

The recommended way of installing vue-chat-scroll is using the npm package with the npm package manager:

npm i vue3-chat-scroll

After installing the package, you must use the vue-chat-scroll plugin :

import VueChatScroll from 'vue3-chat-scroll';

app.use(VueChatScroll);

Using a script tag

If working on a proof of concept or a fiddle, it can be easier to use a script tag. We recommend using a CDN such as unpkg or jsdelvr.

<script src="https://unpkg.com/vue3-chat-scroll/dist/vue-chat-scroll.js"></script>

Usage

We aim to make using vue-chat-scroll as straightforward as possible. Simply using the v-chat-scroll directive should take care of most use cases.

<div v-chat-scroll>
  ...
</div>

You may configure the directive by passing an object as well. For example, the enable configuration flag:

<div v-chat-scroll="{ enable: false }">
  ...
</div>

Please refer to the Config interface and defaultConfig object in config.ts to find out more about what can be configured, as well as what the default configuration values are.