🖱️ Vue directive to keep things scrolled to the bottom.
The recommended way of installing vue-chat-scroll is using the npm package with the npm (or yarn) package manager:
npm i [email protected]
After installing the package, you must use the vue-chat-scroll plugin :
import VueChatScroll from 'vue-chat-scroll';
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.
vue-chat-scroll will attempt to auto-register itself with Vue. This should work as long as
We aim to make using vue-chat-scroll as straightforward as possible. Simply using the
v-chat-scrolldirective should take care of most use cases.
You may configure the directive by passing an object as well. For example, the
Please refer to the
defaultConfigobject in config.ts to find out more about what can be configured, as well as what the default configuration values are.
🧸 Bear with us, all of this is work in progress. We'll be adding some examples of how this plugin can be used to build a fully-featured chat (such as Slack's one), or even a console looking log viewer.