A package for seamless integration of Telegram Mini Apps and Telegram Widgets features.
<script lang="ts" setup>
import { MainButton, useWebAppPopup } from 'vue-tg'
const { showAlert } = useWebAppPopup()
</script>
<template>
<MainButton text="Open alert" @click="() => showAlert('Hello!')" />
</template>Install package:
npm i vue-tgTo connect your Mini App to the Telegram client, place the script telegram-web-app.js in the <head> tag before any other scripts, using this code:
<script src="https://telegram.org/js/telegram-web-app.js"></script>- Alert
- BackButton
- BiometricManager
- ClosingConfirmation
- Confirm
- ExpandedViewport
- MainButton
- Popup
- ScanQr
- SettingsButton
- useWebApp
- useWebAppBackButton
- useWebAppBiometricManager
- useWebAppClipboard
- useWebAppClosingConfirmation
- useWebAppCloudStorage
- useWebAppHapticFeedback
- useWebAppMainButton
- useWebAppNavigation
- useWebAppPopup
- useWebAppQrScanner
- useWebAppRequests
- useWebAppSendData
- useWebAppSettingsButton
- useWebAppTheme
- useWebAppViewport