Vue 3 telegram mini apps

Table of Contents

• Getting started
  • Installation
  • Setup
• Telegram Mini Apps API implementation status
  • window.Telegram.WebApp
• Faq
• License
• Other projects

Getting started

Installation

npm install --save @kolirt/vue-telegram-mini-app

yarn add @kolirt/vue-telegram-mini-app

Setup

import { createApp } from 'vue'
import { createTelegram } from '@kolirt/vue-telegram-mini-app'

const app = createApp({ ... })

app.use(createTelegram({
  alwaysExpand: true,
  closingConfirmation: true
}))

app.mount('#app')

Telegram Mini Apps API implementation status

window.Telegram.WebApp

• initData
• initDataUnsafe
• version
• platform
• colorScheme
• themeParams
• isExpanded
• viewportHeight
• viewportStableHeight
• headerColor
• backgroundColor
• isClosingConfirmationEnabled
• BackButton
• MainButton
• SettingsButton
• HapticFeedback
• CloudStorage
• BiometricManager
• isVersionAtLeast
• setHeaderColor(color)
• setBackgroundColor(color)
• enableClosingConfirmation()
• disableClosingConfirmation()
• onEvent(eventType, eventHandler)
• offEvent(eventType, eventHandler)
• sendData(data)
• switchInlineQuery(query[, choose_chat_types])
• openLink(url[, options])
• openTelegramLink(url)
• openInvoice(url[, callback])
• showPopup(params[, callback])
• showAlert(message[, callback])
• showConfirm(message[, callback])
• showScanQrPopup(params[, callback])
• closeScanQrPopup()
• readTextFromClipboard([callback])
• requestWriteAccess([callback])
• requestContact([callback])
• ready()
• expand()
• close()

FAQ

Check closed issues with FAQ label to get answers for most asked questions

License

MIT

Other projects

Check out my other projects on my GitHub profile