पैकेज

@lia-labs/sdk-vue

पृष्ठ कॉपी करें

व्यू 3 कॉम्पोजेबल्स के लिए Lia SDK। Lia के रूप में रीड-ओनली रेफ्स, और रेफ्स या गेटर्स द्वारा चलाए गए बटन।

npm install @lia-labs/sdk @lia-labs/sdk-vue

व्यू 3.3 या बाद में। सभी से @lia-labs/sdk पुनः निर्यात किया गया है। प्रत्येक कम्पोजेबल अपने घटक (या प्रभाव स्कोप) जाने के साथ सुनना बंद कर देता है।

#एक एप

<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import { isLia, mockLia, pay, ready, useBackButton, useClosingConfirmation, useInit, useLanguage, useMainButton } from '@lia-labs/sdk-vue';

if (!isLia()) mockLia();

const lia = useInit();
const language = useLanguage();
const playing = ref(false);

watch(lia.status, (status) => status === 'ready' && ready());
useMainButton(() => !playing.value && { text: 'Buy extra lives', onClick: () => pay('extra-lives') });
useBackButton(computed(() => (playing.value ? () => (playing.value = false) : null)));
useClosingConfirmation(playing);
</script>

<template>
  <h1 v-if="lia.status.value === 'ready'">Hello, @{{ lia.result.value?.player.name }} ({{ language }})</h1>
</template>

#संयोजन

संयोजन	आपको मिलता है
`useInit(options?)`	`{ status, result, error }` संदर्भ के रूप में। कॉल्स `init()` एक बार।
`useSignal(value)`	कोई भी SDK मान एक रीड-ओनली रेफरेंस के रूप में।
`usePlayer()`, `useMode()`, `useLanguage()`, `useRtl()`, `useColorScheme()`, `useThemeParams()`, `useViewport()`, `useSafeArea()`, `useContentSafeArea()`, `useIsFullscreen()`, `useStartParam()`, `useSoundOn()`, `useNotificationsAllowed()`	Lia'के रूप में केवल पठनीय रेफ्स।
`useLiaEvent(event, handler)`	एक Lia के लिए सुनता है'के घटनाएं।
`useBannerAd(position?)`, `useBanner()`, `useNativeAd()`	एक बैनर डॉक करता है जो Lia आपके पृष्ठ के साथ बनाता है (जो इसके लिए छोटा हो जाता है): `"bottom"`, `"top"`, या एक ref या getter (`null` इसे छिपा देता है); और बैनर और नैटिव एड अब।
`useMainButton(options)`, `useSecondaryButton(options)`	बटन दिखाता है। `options` एक वस्तु, एक रेफ या एक गेटर हो सकता है, और बटन इसका अनुसरण करता है; `null` या `false` इसे छिपा देता है।
`useBackButton(onBack)`, `useSettingsButton(onOpen)`	शीर्षक बटन दिखाता है। एक फ़ंक्शन पास करें, या एक फ़ंक्शन के लिए रेफरेंस पास करें (`null` इसे छिपा देता है।
`useClosingConfirmation(enabled?)`, `useVerticalSwipesDisabled(disabled?)`	`enabled` एक बूलियन, एक रेफ या एक गेटर हो सकता है।

स्वचालित अनुवाद। अंग्रेजी सत्य का स्रोत है। अंग्रेजी में पढ़ें