Gói

@lia-labs/sdk-vue

Sao chép trang

Vue 3 các composable cho Lia SDK. Lia's state như các refs chỉ đọc, và nút được điều khiển bởi refs hoặc getters.

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

Vue 3.3 hoặc mới hơn. Tất cả từ @lia-labs/sdk được xuất khẩu lại. Mỗi composable dừng lắng nghe khi thành phần của nó (hoặc phạm vi hiệu ứng) biến mất.

#Một ứng dụng

<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>

#Các thành phần tích hợp

Tích hợp	Cung cấp cho bạn
`useInit(options?)`	`{ status, result, error }` như các tham chiếu. Các cuộc gọi `init()` một lần.
`useSignal(value)`	Một giá trị SDK bất kỳ dưới dạng ref chỉ đọc.
`usePlayer()`, `useMode()`, `useLanguage()`, `useRtl()`, `useColorScheme()`, `useThemeParams()`, `useViewport()`, `useSafeArea()`, `useContentSafeArea()`, `useIsFullscreen()`, `useStartParam()`, `useSoundOn()`, `useNotificationsAllowed()`	Lia'trạng thái như các tham chiếu chỉ đọc.
`useLiaEvent(event, handler)`	Lắng nghe một trong Lia'sự kiện.
`useBannerAd(position?)`, `useBanner()`, `useNativeAd()`	Gắn một thanh thông báo Lia bên cạnh trang của bạn (thanh này sẽ ngắn lại để vừa với nó): `"bottom"`, `"top"`, hoặc một ref hoặc getter (`null` ẩn nó); và banner và quảng cáo bản địa hiện tại.
`useMainButton(options)`, `useSecondaryButton(options)`	Hiển thị nút. `options` có thể là một đối tượng, ref hoặc getter, và nút sẽ theo nó; `null` hoặc `false` ẩn nó.
`useBackButton(onBack)`, `useSettingsButton(onOpen)`	Hiển thị nút. Truyền một hàm, hoặc một ref đến một hàm (`null` ẩn nó).
`useClosingConfirmation(enabled?)`, `useVerticalSwipesDisabled(disabled?)`	`enabled` có thể là boolean, ref hoặc getter.

Được dịch tự động. Tiếng Anh là nguồn tin cậy. Đọc bằng tiếng Anh