@tencentcloud/roomkit-web-vue3
Version:
<h1 align="center"> TUIRoomKit</h1> Conference (TUIRoomKit) is a product suitable for multi-person audio and video conversation scenarios such as business meetings, webinars, and online education. By integrating this product, you can add room management,
41 lines (40 loc) • 1.52 kB
JavaScript
import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock } from "vue";
import IconButton from "./base/IconButton.vue.mjs";
import { IconButtonLayout } from "../../constants/room.mjs";
import { IconLanguage } from "@tencentcloud/uikit-base-component-vue3";
import { useBasicStore } from "../../stores/basic.mjs";
import i18n from "../../locales/index.mjs";
import "../../services/main.mjs";
import { roomService } from "../../services/roomService.mjs";
import "@tencentcloud/tuiroom-engine-js";
import "../../utils/environment.mjs";
import "mitt";
import "../../services/manager/roomActionManager.mjs";
import "@tencentcloud/tui-core";
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "Language",
setup(__props) {
const basicStore = useBasicStore();
const title = computed(
() => basicStore.lang === "en-US" ? "English" : "中文"
);
const languageConfig = roomService.getComponentConfig("Language");
const handleChange = () => {
roomService.setLanguage(
i18n.global.locale.value === "en-US" ? "zh-CN" : "en-US"
);
};
return (_ctx, _cache) => {
return unref(languageConfig).visible ? (openBlock(), createBlock(IconButton, {
key: 0,
title: title.value,
layout: unref(IconButtonLayout).HORIZONTAL,
icon: unref(IconLanguage),
onClickIcon: handleChange
}, null, 8, ["title", "layout", "icon"])) : createCommentVNode("", true);
};
}
});
export {
_sfc_main as default
};