TypeScript Support

VueBot includes full TypeScript definitions for better developer experience.

Type Definitions

VueBot includes TypeScript definitions out of the box. No additional @types package needed.

Basic Usage

import VueBotWidget, { VueBotConfig } from '@vuedapt/vuebot';
import '@vuedapt/vuebot/dist/vuebot-widget.css';

const config: VueBotConfig = {
  apiKey: 'vb_your_api_key_here',
  position: 'bottom-right',
  primaryColor: '#00a6f4',
  botName: 'AI Assistant',
};

function App() {
  return <VueBotWidget config={config} />;
}

Type-Safe Configuration

TypeScript will provide autocomplete and type checking for all configuration options:

import { VueBotConfig } from '@vuedapt/vuebot';

const config: VueBotConfig = {
  apiKey: 'vb_your_api_key_here',
  // TypeScript will autocomplete available options
  position: 'bottom-right', // ✅ Valid
  // position: 'top-left', // ❌ Type error
};

React Component Types

import VueBotWidget from '@vuedapt/vuebot';
import type { VueBotConfig } from '@vuedapt/vuebot';

interface AppProps {
  apiKey: string;
}

function App({ apiKey }: AppProps) {
  const config: VueBotConfig = {
    apiKey,
    position: 'bottom-right',
  };

  return <VueBotWidget config={config} />;
}