open-index/open-npm huggingface dataset:
npm package: @samir-elasri/vuechatbot
Description: A beautiful, lightweight Vue 3 chatbot component powered by **Google Gemini 2.0 Flash**. Easily drop it into any Vue 3 + Vite project.
Latest version: 1.0.3

# 📦 vuechatbot

A beautiful, lightweight Vue 3 chatbot component powered by **Google Gemini 2.0 Flash**. Easily drop it into any Vue 3 + Vite project.

---

## 🚀 Features

- ✨ Clean modern UI using Tailwind CSS 4
- 💬 Renders Markdown using `marked`
- 🔒 Uses your own Google Gemini 2.0 Flash API key
- ⚡ Fast, reactive, and styled with glassmorphism effects
- 🧠 State managed with Pinia

---

## 📦 Installation

```bash
npm install @samir-elasri/vuechatbot
```

### ✍️ Peer Dependencies

Make sure your project also includes:

```bash
npm install vue@^3.3.0 pinia
```

Tailwind CSS is required in your consuming project. Follow the [Tailwind CSS installation guide](https://tailwindcss.com/docs/installation) if you haven’t already.

---

## 🧪 Usage

```vue
<script setup>
import VueChatbot from '@samir-elasri/vuechatbot'
</script>

<template>
  <VueChatbot />
</template>
```

---

## 🔐 Environment Variables

You must provide your **Google Gemini 2.0 Flash API key** via an environment variable:

Create a `.env` file in the root of your Vue app:

```env
VITE_GEMINI_API_KEY=your_google_gemini_flash_api_key_here
```

The chatbot uses this key to query the Gemini 2.0 Flash model.

---

## 🛠️ Development

To contribute or run locally:

```bash
git clone https://github.com/samir-elasri/vuechatbot.git
cd vuechatbot
npm install
npm run dev
```

Build for production:

```bash
npm run build
```

---

## 📄 License

MIT © [Samir Elasri](https://github.com/samir-elasri)
npm package: @samir.randeriya/nuxt-ui-kit
Description: Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
Latest version: 1.0.0

# Nuxt Minimal Starter

Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.

## Setup

Make sure to install dependencies:

```bash
# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install
```

## Development Server

Start the development server on `http://localhost:3000`:

```bash
# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev
```

## Production

Build the application for production:

```bash
# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build
```

Locally preview production build:

```bash
# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.