feat(client): enhance typings

packages/client/app/settings/settings.vue

@@ -41,7 +41,7 @@ const ctx = useContext()
 
 interface Tree {
   id: string
-  label: string
+  label?: string
   children?: Tree[]
 }
 

packages/client/client/components/index.ts

@@ -4,7 +4,6 @@ import components from '@cordisjs/components'
 import Element, { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 
 import common from './common'
-import ChatImage from './chat/image.vue'
 import * as icons from './icons'
 import layout from './layout'
 import link from './link'
@@ -24,7 +23,7 @@ export * from './slot'
 export * from 'vue-i18n'
 export * from '@cordisjs/components'
 
-export { icons, ChatImage }
+export { icons }
 
 export default function (app: App) {
   app.use(Element)

packages/client/client/components/slot.ts

@@ -1,9 +1,9 @@
 import { useContext } from '../context'
-import { App, Component, defineComponent, h } from 'vue'
+import { App, Component, DefineComponent, defineComponent, h } from 'vue'
 
 export interface SlotItem {
   order?: number
-  component: Component
+  component: Component | DefineComponent
 }
 
 export interface SlotOptions extends SlotItem {
@@ -15,7 +15,10 @@ export interface SlotOptions extends SlotItem {
 
 export const KSlot = defineComponent({
   props: {
-    name: String,
+    name: {
+      type: String,
+      required: true,
+    },
     data: Object,
     single: Boolean,
   },

packages/client/client/context.ts

@@ -75,8 +75,8 @@ export class Context extends cordis.Context {
     })
   }
 
-  wrapComponent(component?: Component) {
-    if (!component) return
+  wrapComponent(component: Component) {
+    if (!component) return null!
     const caller = this[Context.current] || this
     if (!caller.$entry) return component
     return defineComponent((props, { slots }) => {

packages/client/client/plugins/router.ts

@@ -1,5 +1,4 @@
 import { createRouter, createWebHistory, START_LOCATION } from 'vue-router'
-import Overlay from '../components/chat/overlay.vue'
 import { Context } from '../context'
 import { insert, Service } from '../utils'
 import { Component, MaybeRefOrGetter, reactive, ref, toValue } from 'vue'
@@ -90,7 +89,6 @@ export class Activity {
 
   disabled() {
     if (this.ctx.bail('activity', this)) return true
-    if (this.when && !this.when()) return true
     if (this.options.disabled?.()) return true
   }
 
@@ -148,11 +146,6 @@ export default class RouterService extends Service {
       if (result === to.fullPath) return
       return result
     })
-
-    this.slot({
-      type: 'global',
-      component: Overlay,
-    })
   }
 
   slot(options: SlotOptions) {