3eac4e1aac
* Release (#162) * feat: ✨ websocket server demo * feat: ✨ ws server demo dev * feat: ✨ ws server and mobile page * feat: ✨ 手机端发送消息 * feat: ✨ 手机网页发送消息 * 添加了抽奖中和抽奖完成时的音效 * feat: ✨ 自定义设置弹幕服务器地址 * feat: ✨ ws not done * fix: 🐛 fix pr-185 #185 为播放音效添加控制 * feat: ✨ server worker demo not done * feat: ✨ websocket server * feat: ✨ 全局接收websocket消息并存储到indexdb中 --------- Co-authored-by: Silence@2024 <707261624@qq.com>
33 lines
823 B
Vue
33 lines
823 B
Vue
<script setup lang='ts'>
|
|
import { useI18n } from 'vue-i18n'
|
|
import PageHeader from '@/components/PageHeader/index.vue'
|
|
import MsgListContainer from './parts/MsgListContainer.vue'
|
|
import ServerSetting from './parts/ServerSetting.vue'
|
|
import { useViewModel } from './useViewModel'
|
|
|
|
const { t } = useI18n()
|
|
const { serverList, currentServerValue, wsStatus, handleConnectWs, closeWs, msgList } = useViewModel()
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<PageHeader :title="t('sidebar.server')" />
|
|
<div>
|
|
<ServerSetting
|
|
v-model:current-server="currentServerValue"
|
|
:server-list="serverList"
|
|
:ws-status="wsStatus"
|
|
:open-ws="handleConnectWs"
|
|
:close-ws="closeWs"
|
|
/>
|
|
<MsgListContainer
|
|
:msg-list="msgList"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|