vue telegram
0.8.0
vue-tg - Intégration de télégramme pour VueUn package léger pour une intégration transparente des fonctionnalités Telegram Mini Apps et Telegram Widgets.
< script lang = " ts " setup >
import { MainButton , useWebAppPopup } from ' vue-tg '
const { showAlert } = useWebAppPopup ()
</ script >
< template >
< MainButton text = " Open alert " @ click = " () => showAlert ( ' Hello! ' ) " />
</ template >Paquet d'installation :
npm i vue-tg Pour connecter votre Mini App au client Telegram, placez le script telegram-web-app.js dans la balise <head> avant tout autre script, en utilisant ce code :
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script > | Champ | Composable |
|---|---|
| données d'initialisation | utiliserWebApp |
| initDataUnsafe | utiliserWebApp |
| version | utiliserWebApp |
| plate-forme | utiliserWebApp |
| schéma de couleurs | utiliser le thème WebApp |
| thèmeParams | utiliser le thème WebApp |
| estDéveloppé | utiliserWebAppViewport |
| hauteur de la fenêtre d'affichage | utiliserWebAppViewport |
| viewportStableHeight | utiliserWebAppViewport |
| couleur d'en-tête | utiliser le thème WebApp |
| Couleur de fond | utiliser le thème WebApp |
| isClosingConfirmationEnabled | useWebAppClosingConfirmation |
| isVerticalSwipesEnabled | utiliserWebAppViewport |
| Bouton Retour | utiliserWebAppBackButton |
| Bouton principal | useWebAppMainButton |
| Retour haptique | useWebAppHapticFeedback |
| Gestionnaire biométrique | utiliserWebAppBiometricManager |
| estVersionAuMoins | utiliserWebApp |
| setHeaderColor | utiliser le thème WebApp |
| setBackgroundColor | utiliser le thème WebApp |
| activerClosingConfirmation | useWebAppClosingConfirmation |
| désactiverClosingConfirmation | useWebAppClosingConfirmation |
| activerVerticalSwipes | utiliserWebAppViewport |
| désactiverVerticalSwipes | utiliserWebAppViewport |
| surÉvénement | utiliserWebApp |
| offEvent | Géré automatiquement ? |
| envoyer des données | utiliserWebApp |
| switchInlineQuery | utiliserWebAppNavigation |
| lien ouvert | utiliserWebAppNavigation |
| openTelegramLink | utiliserWebAppNavigation |
| ouvrir la facture | utiliserWebAppNavigation |
| partagerVersHistoire | utiliserWebAppShare |
| afficherPopup | utiliserWebAppPopup |
| afficherAlerte | utiliserWebAppPopup |
| afficherConfirmer | utiliserWebAppPopup |
| showScanQrPopup | utiliserWebAppQrScanner |
| fermerScanQrPopup | utiliserWebAppQrScanner |
| readTextFromClipboard | useWebAppClipboard |
| requestWriteAccess | utiliserWebAppRequests |
| demandeContact | utiliserWebAppRequests |
| prêt | utiliserWebApp |
| développer | utiliserWebAppViewport |
| fermer | utiliserWebApp |
