@kolirt/vue-telegram-mini-app

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

• [X] initData
• [ ] initDataUnsafe
• [X] version
• [X] platform
• [X] colorScheme
• [ ] themeParams
• [ ] isExpanded
• [X] viewportHeight
• [X] viewportStableHeight
• [X] headerColor
• [X] backgroundColor
• [X] isClosingConfirmationEnabled
• [X] BackButton
• [ ] MainButton
• [ ] SettingsButton
• [X] HapticFeedback
• [ ] CloudStorage
• [ ] BiometricManager
• [ ] isVersionAtLeast
• [X] setHeaderColor(color)
• [X] setBackgroundColor(color)
• [X] enableClosingConfirmation()
• [X] disableClosingConfirmation()
• [X] onEvent(eventType, eventHandler)
• [X] 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])
• [X] ready()
• [X] expand()
• [X] 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