fix build issue

src/views/AboutView.vue

@@ -10,13 +10,9 @@ import { NButton, NCard, NDivider, NLayoutContent, NSpace, NText, NTimeline, NTi
           一个兴趣使然的网站
           <br />
           反馈 | 建议 | 需求 | 闲聊: 🐧
-          <NButton
+          <NButton tag="a" type="info" target="_blank"
-            tag="a"
-            type="info"
-            target="_blank"
             href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=uJNTU6LQ7xANoxP1IyZxS1xYkOKVOF7G&authKey=nl3Bv4UascE4tJ98UDTihEZSvivzuaQGfMViy1BqUe5lYgrz6hi0huK6dyAYq1hi&noverify=0&group_code=873260337"
-            text
+            text>
-          >
             873260337
           </NButton>
           或者
@@ -35,43 +31,19 @@ import { NButton, NCard, NDivider, NLayoutContent, NSpace, NText, NTimeline, NTi
             </span>
           </NSpace>
           <NDivider title-placement="left"> 赞助我 </NDivider>
-          <iframe
+          <iframe id="afdian_leaflet_vtsuru" src="https://afdian.com/leaflet?slug=vtsuru" width="100%" scrolling="no"
-            id="afdian_leaflet_vtsuru"
+            height="200" frameborder="0"></iframe>
-            src="https://afdian.com/leaflet?slug=vtsuru"
-            width="100%"
-            scrolling="no"
-            height="200"
-            frameborder="0"
-          ></iframe>
           <NDivider title-placement="left"> 更新日志 </NDivider>
           <NTimeline>
-            <NTimelineItem
+            <NTimelineItem type="info" title="功能更新" content="允许棉花糖设置页滚动条进度同步到obs组件" time="2024-11-23" />
-              type="info"
+            <NTimelineItem type="info" title="功能更新" content="礼物兑换允许上舰用户免费兑换, 以及仅允许上舰用户兑换" time="2024-4-23" />
-              title="功能更新"
+            <NTimelineItem type="info" title="功能更新" content="积分订单添加导出功能, 允许删除积分用户" time="2024-3-22" />
-              content="礼物兑换允许上舰用户免费兑换, 以及仅允许上舰用户兑换"
+            <NTimelineItem type="info" title="功能更新" content="1. 点歌(歌势) 修改为点播 2. 棉花糖支持创建话题(标签) 3. 一些bug修复"
-              time="2024-4-23"
+              time="2024-3-12" />
-            />
-            <NTimelineItem
-              type="info"
-              title="功能更新"
-              content="积分订单添加导出功能, 允许删除积分用户"
-              time="2024-3-22"
-            />
-            <NTimelineItem
-              type="info"
-              title="功能更新"
-              content="1. 点歌(歌势) 修改为点播 2. 棉花糖支持创建话题(标签) 3. 一些bug修复"
-              time="2024-3-12"
-            />
             <NTimelineItem type="info" title="功能更新" content="棉花糖添加展示页面" time="2024-2-20" />
             <NTimelineItem type="info" title="功能更新" content="歌单新增从文件导入" time="2024-2-10" />
             <NTimelineItem type="info" title="功能更新" content="排队的OBS组件添加设置项" time="2024-1-27" />
-            <NTimelineItem
+            <NTimelineItem type="warning" title="Bug修复" content="修复点歌会直接跳到下一首的问题 (怎么没人跟我说" time="2024-1-22" />
-              type="warning"
-              title="Bug修复"
-              content="修复点歌会直接跳到下一首的问题 (怎么没人跟我说"
-              time="2024-1-22"
-            />
             <NTimelineItem type="info" title="功能更新" content="读弹幕支持自定义API" time="2023-12-25" />
             <NTimelineItem type="success" title="功能添加" content="弹幕点歌 (点播)" time="2023-12-24" />
             <NTimelineItem type="success" title="功能添加" content="读弹幕" time="2023-12-17" />
@@ -84,13 +56,7 @@ import { NButton, NCard, NDivider, NLayoutContent, NSpace, NText, NTimeline, NTi
             <NTimelineItem type="info" title="功能更新" content="日程表添加 '粉粉' 模板" time="2023-10-27" />
             <NTimelineItem type="info" title="功能更新" content="提问箱新增公开选项" time="2023-10-26" />
             <NTimelineItem type="success" title="功能添加" content="提问箱分享卡片" time="2023-10-25" />
-            <NTimelineItem
+            <NTimelineItem type="success" title="功能添加" content="舰长及SC记录" time="2023-10-24" line-type="dashed" />
-              type="success"
-              title="功能添加"
-              content="舰长及SC记录"
-              time="2023-10-24"
-              line-type="dashed"
-            />
             <NTimelineItem type="info" content="开始运行" time="2023-10-23" />
           </NTimeline>
         </template>

src/views/ManageLayout.vue

@@ -53,7 +53,6 @@ import { computed, h, onMounted, ref, watch } from 'vue'
 import { RouterLink, useRoute } from 'vue-router'
 // @ts-ignore
 import APlayer from 'vue3-aplayer'
-import DanmakuLayout from './manage/DanmakuLayout.vue'
 
 const accountInfo = useAccount()
 const message = useMessage()

src/views/TestView.vue

@@ -32,7 +32,6 @@ async function mount() {
   <NSpin show v-if="!accountInfo.id" />
   <div v-else @vue:mounted="mount">
     master: {{ isMaster }}
-    {{ rtc?.peer?.id }}
     <template v-if="isMaster">
       <NInput v-model:value="inputMsg" />
       <NButton @click="rtc.send('test', inputMsg)"> 发送 </NButton>

src/views/manage/DanmujiManageView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { NFlex, NInput } from 'naive-ui';
+import { NAlert, NFlex, NInput } from 'naive-ui';
 import DanmujiOBS from '../obs/DanmujiOBS.vue';
 import { useAccount } from '@/api/account';
 import MonacoEditorComponent from '@/components/MonacoEditorComponent.vue';
@@ -13,6 +13,7 @@ const css = ref('')
 <template>
   <NFlex wrap style="height: 100%">
     <NFlex style="flex: 1;" vertical>
+      <NAlert type="error"> 未完成</NAlert>
       <NInput :allowInput="() => false" :value="`${CURRENT_HOST}obs/danmuji?token=${accountInfo.token}`" />
       <MonacoEditorComponent language="css" :height="500" v-model:value="css" />
     </NFlex>

vite.config.mts

@@ -7,6 +7,19 @@ import svgLoader from 'vite-svg-loader'
 import Markdown from 'unplugin-vue-markdown/vite'
 import caddyTls from './plugins/vite-plugin-caddy'
 import ViteMonacoPlugin from 'vite-plugin-monaco-editor'
+import monacoEditorPluginModule from 'vite-plugin-monaco-editor'
+
+const isObjectWithDefaultFunction = (
+  module: unknown
+): module is { default: typeof monacoEditorPluginModule } =>
+  module != null &&
+  typeof module === 'object' &&
+  'default' in module &&
+  typeof module.default === 'function'
+
+const monacoEditorPlugin = isObjectWithDefaultFunction(monacoEditorPluginModule)
+  ? monacoEditorPluginModule.default
+  : monacoEditorPluginModule
 
 export default defineConfig({
   plugins: [
@@ -28,7 +41,7 @@ export default defineConfig({
       /* options */
     }),
     caddyTls(),
-    ViteMonacoPlugin({ languageWorkers: ['css'] })
+    monacoEditorPlugin({ languageWorkers: ['css'] })
   ],
   resolve: {
     alias: {