@eyzenai/vue

@eyzenai/vue

The Eyzen chat for Vue 3 and Nuxt.

npm install @eyzenai/vue

Tell Vue that eyzen-chat is a custom element (in vite.config.ts; in Nuxt, vue.compilerOptions in nuxt.config.ts):

vue({
  template: {
    compilerOptions: { isCustomElement: (tag) => tag === 'eyzen-chat' },
  },
});

Then add the chat to App.vue or a layout:

<script setup>
import { EyzenChat, useEyzen } from '@eyzenai/vue';

const eyzen = useEyzen();
</script>

<template>
  <button @click="eyzen.open">Chat with us</button>
  <EyzenChat site="eyzs_your_site_id" />
</template>

Props: site (required), mode ("bubble" or "inline"), theme, position.

Your Site ID is in the Eyzen console under your site's Install tab. Eyzen only answers on the websites allowed in your site's settings.