module-chat-ai

A Vue 2 chat module with Vuex and Tailwind CSS.

Installation

``bash
yarn add module-chat-ai
`

Usage in Vue 2

`javascript
import Vue from 'vue';
import Vuex from 'vuex';
import ChatAIPlugin, { store } from 'module-chat-ai';
import 'module-chat-ai/dist/module-chat-ai.css';

Vue.use(Vuex);

const appStore = new Vuex.Store({
modules: {
chatAI: store
}
});

Vue.use(ChatAIPlugin, {
baseAPI: 'https://your-api.com',
store: appStore
});

new Vue({
store: appStore,
render: h => h('chat-ai')
}).$mount('#app');
`

Usage in Nuxt 2

1. Add to plugins/chat-ai.js:

`javascript
import Vue from 'vue';
import ChatAIPlugin, { store } from 'module-chat-ai';

export default ({ store }, inject) => {
Vue.use(ChatAIPlugin, {
baseAPI: 'https://your-api.com',
store
});
};
`

2. Update nuxt.config.js:

`javascript
export default {
plugins: [{ src: '~/plugins/chat-ai.js', mode: 'client' }],
css: ['module-chat-ai/dist/module-chat-ai.css']
};
`

3. Use in template:

`vue

``

License

MIT