@deegital/vue-trustup-io-messaging

vue-trustup-io-messaging

Installation

yarn add @deegital/vue-trustup-io-messaging

Usage

<template>
    <div>
        <MessagingWindow
            app-key="Project app-key"
            model-type="model-type"
            model-id="model-id"
            user-id="user-id"
            btn-text="Envoyer" // text displayed in the button to send message
            :is-discussion='false' // true if you want a visual like messenger
            :count="false" // true if you want to display the number of comments
            :is-full="false" // true if you want to put the tchat on the bottom of a box
            with-drop-zone // if you want file drag and drop
        />
    </div>
</template>

<script>
    // You may also import style in your css file directly.
    import "@deegital/vue-trustup-io-messaging/dist/style.css";
    import { MessagingWindow } from '@deegital/vue-trustup-io-messaging';
<script>

Vite

If your vite configuration cant compile packages do this in your vite.config.js

{
  optimizeDeps: {
    include: [
      "@deegital/vue-trustup-io-messaging",
      "@henrotaym/api-client",
      "@deegital/js-trustup-io-uploads",
    ];
  }
}

Development

./cli bootstrap #bootstrap project
./cli yarn install #install dependencies
./cli start #start project
./cli stop #stop project
./cli restart  #restart project