π A telegram login widget integration for nuxt 3
-
π§βπ» Easy Integration - A telegram bot and this module enough for telegram login widget
Installation:
npx nuxi module add nuxt-telegram-auth
Then you need add TELEGRAM_TOKEN to your runtimeConfig:
runtimeConfig: {
TELEGRAM_TOKEN: "my_fancy_bot_token",
}
after that you can try on a page:
<template>
<div>
<div>
<div v-if="session.loggedIn">
<NuxtLink @click="logout" to="/">Logout</NuxtLink>
<a>Hey you are logged in!</a>
<p>Session: {{ session }}</p>
</div>
<div v-else>
<TelegramLoginWidget telegram-login="my_bot" @callback="testCallback" />
</div>
</div>
</div>
</template>
<script setup>
const { clearSession, session } = useUserSession();
const logout = () => clearSession();
const testCallback = (user) => {
console.log("Custom callback function: ",user);
};
</script>
for more detailed information, please check the documentation page.
MIT LICENSE | Halit Sever