ui-kit-web-bot

Vue 3 UI-kit library for Telegram Web App style interfaces (iOS / Android).

Requirements

• Node.js: ^20.19.0 || >=22.12.0
• pnpm: recommended package manager

Quick Start

pnpm install
pnpm dev

Scripts

Development

pnpm dev

Runs local development server (Vite).

Build Library

pnpm build

Builds dist/ (ESM + CJS + types + styles).

Preview Build

pnpm preview

Type Check

pnpm type-check

Lint

pnpm lint

Format

pnpm format

Storybook

Run Storybook

pnpm storybook

Starts Storybook on http://localhost:6006.

Build Storybook

pnpm build-storybook

Usage in App

import { createApp } from 'vue';
import { UiKitPlugin } from 'ui-kit-web-bot';
import 'ui-kit-web-bot/styles.css';
import App from './App.vue';

createApp(App).use(UiKitPlugin, { platform: 'ios' }).mount('#app');

You can also use legacy option:

createApp(App).use(UiKitPlugin, { isIos: true }).mount('#app');

Publish to npm

1) Build and check package

pnpm build
npm pack --dry-run

2) Login to npm (if needed)

npm login

3) Publish

npm publish

If publishing under a public scope, use:

npm publish --access public