vue3-telegram-login

Vue3 Telegram Login

Vue 3 component for Telegram Login Widget (telegram-widget.js?22).

Installation

pnpm add vue3-telegram-login

Usage

Callback mode

<script setup>
import { telegramLoginTemp } from 'vue3-telegram-login'

function handleCallback(user) {
  console.log(user)
}
</script>

<template>
  <telegram-login-temp
    mode="callback"
    telegram-login="YourTelegramBot"
    @callback="handleCallback"
  />
</template>

Redirect mode

<script setup>
import { telegramLoginTemp } from 'vue3-telegram-login'
</script>

<template>
  <telegram-login-temp
    mode="redirect"
    telegram-login="YourTelegramBot"
    redirect-url="https://your-domain.com/auth/telegram/callback"
  />
</template>

Props

Events

Notes

• Set your bot domain with @BotFather using /setdomain.
• Always verify the received payload on your server. See Checking authorization.
• This package wraps the legacy Telegram Login Widget. New OAuth-style flows require a different integration.