feat(chat): refactor chat plugin

Author: shigma

packages/chat/.npmignore

@@ -1,4 +1,4 @@
-import { icons } from '@koishijs/client'
-import Comments from './comments.vue'
+import { icons } from '@cordisjs/client'
+import Activity from './activity.vue'
 
-icons.register('activity:comments', Comments)
+icons.register('activity:chat', Activity)

packages/chat/client/chat.vue

@@ -1,16 +1,15 @@
-import { Context } from '@koishijs/client'
-import Chat from './chat.vue'
+import { Context } from '@cordisjs/client'
+import {} from '../src'
+import Chat from './index.vue'
 import './icons'
 
 export default (ctx: Context) => {
   ctx.page({
     path: '/chat',
     name: '聊天',
-    icon: 'activity:comments',
-    authority: 3,
-    fields: ['chat'],
-    component: Chat,
+    icon: 'activity:chat',
     order: 100,
+    component: Chat,
   })
 
   ctx.menu('chat.message', [{

packages/chat/client/icons/comments.vue packages/chat/client/icons/activity.vue

@@ -0,0 +1,27 @@
+<template>
+  <k-layout>
+    <template #left>
+      <div class="flex px-4 py-2 gap-x-4 justify-between" v-for="guild in data.guilds" :key="guild.id">
+        <img class="b-rd-full" :src="guild.avatar" width="48" height="48"/>
+        <div class="flex flex-col flex-1">
+          <div>{{ guild.name }}</div>
+          <div>{{ guild.id }}</div>
+        </div>
+      </div>
+    </template>
+  </k-layout>
+</template>
+
+<script lang="ts" setup>
+
+import { onMounted, ref, computed, watch, reactive } from 'vue'
+import { useRpc } from '@cordisjs/client'
+import type { Data } from '../src'
+
+const data = useRpc<Data>()
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>