الحزم

@lia-labs/sdk-vue

نسخ الصفحة

فوي 3 composable للـ Lia SDK. تُعتبر Lia حالة قراءة فقط، والزر يتم التحكم به بواسطة refs أو getters.

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` يمكن أن يكون منطقيًا، مرجعًا أو مُستخرجًا.

تم الترجمة تلقائيًا. الإنجليزية هي مصدر الحقيقة. اقرأ باللغة الإنجليزية