@limeblock/vue v1.0.1

@limeblock/vue - Limeblock for Vue

Installation

Run the following command:

npm install @limeblock/vue @tabler/icons-vue

Basic Usage

1. In your main app file (main.js/ts):

import { createApp } from "vue";
import App from "./App.vue";
import { ChatWidget } from "@limeblock/vue";

const app = createApp(App);
app.component("Chat Widget", ChatWidget);

2. In your Vue component:

<template>
  <div>
    <!-- Your application content -->
    <h1>Welcome to My App</h1>

    <!-- Limeblock ChatWidget -->
    <ChatWidget :api-key="API_KEY" :context-params="contextParams" />
  </div>
</template>

<script setup>
const API_KEY = import.meta.env.VITE_LIMEBLOCK_API_KEY || "lime_YOUR_API_KEY";

const contextParams = {
  board_id: "679fdb26a14496f9423891fe",
  user_id: "user_2tFLPXZyEnTmNQsenlQXNU3Q5Z4",
};
</script>

Props

Documentation

For full documentation and API reference, visit:
https://limeblock.io/docs/