open-index/open-npm huggingface dataset:
npm package: @limeblock/react
Description: A React chat widget for Limeblock
Latest version: 1.1.1

# @limeblock/react - Limeblock for React

## Installation

Run the following command:

```sh
npm install @limeblock/react
```

## Basic Usage

```sh
import React from 'react';
import { ChatWidget } from '@limeblock/react';

const MyApp = () => {
  const API_KEY = process.env.NEXT_PUBLIC_LIMEBLOCK_API_KEY || "lime_YOUR_API_KEY";

  const contextParams = {
    board_id: "679fdb26a14496f9423891fe",
    user_id: "user_2tFLPXZyEnTmNQsenlQXNU3Q5Z4",
  };

  return (
    <div>
      {/* Your application content */}
      <h1>Welcome to My App</h1>

      {/* Limeblock ChatWidget */}
      <ChatWidget
        apiKey={API_KEY}
        contextParams={contextParams}
      />
    </div>
  );
};

export default MyApp;
```

### Read more on about usage at https://limeblock.io/docs/
npm package: @limeblock/vue
Description: Run the following command:
Latest version: 1.0.1

# @limeblock/vue - Limeblock for Vue

## Installation

Run the following command:

```bash
npm install @limeblock/vue @tabler/icons-vue
```

## Basic Usage

1. In your main app file (main.js/ts):

```javascript
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:

```vue
<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

| Prop             | Type   | Required | Default                      | Description            |
| ---------------- | ------ | -------- | ---------------------------- | ---------------------- |
| `apiKey`         | String | Yes      | -                            | Your Limeblock API key |
| `contextParams`  | Object | No       | `{}`                         | Context parameters     |
| `widgetPosition` | String | No       | `"bottom-[8px] right-[8px]"` | Widget position        |
| `chatPosition`   | String | No       | `"bottom-[0px] right-[0px]"` | Chat window position   |

## Documentation

For full documentation and API reference, visit:  
[https://limeblock.io/docs/](https://limeblock.io/docs/)