refactor(webui): move overlay to plugin-chat

packages/plugin-chat/client/index.ts

@@ -1,6 +1,9 @@
-import { router } from 'koishi-plugin-webui/client'
+import { router, views } from 'koishi-plugin-webui/client'
 import Chat from './chat.vue'
 import Sandbox from './sandbox.vue'
+import Overlay from './overlay.vue'
+
+views.push(Overlay)
 
 router.addRoute({
   path: '/sandbox',

packages/plugin-webui/client/index.ts

@@ -2,12 +2,14 @@
 
 /// <reference types="./global"/>
 
-import { ref, watch, reactive, Ref } from 'vue'
+import { ref, watch, reactive, Ref, Component } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
 import type { User } from 'koishi-core'
 import type { Registry, Profile, Meta, Statistics } from '~/server'
 import * as client from '~/client'
 
+export const views: Component[] = []
+
 export const store = reactive({
   showOverlay: false,
   overlayImage: null as HTMLImageElement,

packages/plugin-webui/client/views/layout/index.vue

@@ -8,15 +8,15 @@
     <router-view v-else-if="loaded"/>
     <p v-else>正在加载数据……</p>
   </main>
-  <overlay/>
+  <component v-for="view in views" :is="view"/>
 </template>
 
 <script lang="ts" setup>
 
 import * as client from '~/client'
+import { views } from '~/client'
 import Navbar from './navbar.vue'
 import Sidebar from './sidebar.vue'
-import Overlay from './overlay.vue'
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'