vue chat scroll

Instalando

Usando um gerenciador de pacotes (recomendado)

A maneira recomendada de instalar o vue-chat-scroll é usando o pacote npm com o gerenciador de pacotes npm (ou yarn):

npm i vue-chat-scroll@alpha

Após instalar o pacote, você deve usar o plugin vue-chat-scroll :

 import VueChatScroll from 'vue-chat-scroll' ;

Vue . use ( VueChatScroll ) ;

new Vue ( ... ) ; 

Usando uma tag de script

Se estiver trabalhando em uma prova de conceito ou violino, pode ser mais fácil usar uma tag de script. Recomendamos usar um CDN como unpkg ou jsdelvr.

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

vue-chat-scroll tentará se registrar automaticamente no Vue. Isso deve funcionar enquanto window.Vue estiver definido.

Uso

Nosso objetivo é tornar o uso do vue-chat-scroll o mais simples possível. O simples uso da diretiva v-chat-scroll deve resolver a maioria dos casos de uso.

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

Você também pode configurar a diretiva passando um objeto. Por exemplo, o sinalizador de configuração enable :

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

Consulte a interface Config e o objeto defaultConfig em config.ts para saber mais sobre o que pode ser configurado, bem como quais são os valores de configuração padrão.

Exemplos

? Tenha paciência, tudo isso é um trabalho em andamento. Adicionaremos alguns exemplos de como este plugin pode ser usado para construir um chat completo (como o do Slack), ou até mesmo um visualizador de log com aparência de console.