fix

package.json

@@ -28,6 +28,7 @@
     "@types/mustache": "^4.2.2",
     "@types/qs": "^6.9.9",
     "@types/uuid": "^8.3.4",
+    "@zhishuyun/data": "^0.1.0",
     "axios": "^0.22.0",
     "codemirror": "^6.0.1",
     "copy-to-clipboard": "^3.3.3",
@@ -80,6 +81,7 @@
     "sass": "^1.38.1",
     "tailwindcss": "^2.2.8",
     "typescript": "^4.6.3",
+    "unplugin-vue-components": "^0.26.0",
     "vite": "^2.9.0",
     "vue-tsc": "^1.2.0"
   }

src/main.ts

@@ -12,13 +12,15 @@ import { vLoading } from 'element-plus';
 import hl from 'highlight.js';
 import 'highlight.js/styles/night-owl.css';
 import copyToClipboard from 'copy-to-clipboard';
+import ElementPlus from 'element-plus';
 
 console.debug('start to create app');
 const app = createApp(App);
 
 app.use(router);
 app.use(store);
 app.use(i18n);
+app.use(ElementPlus);
 app.use(dayjs, {
   formatString: 'YYYY-MM-DD HH:mm:ss'
 });

src/pages/chat/Conversation.vue

@@ -8,8 +8,7 @@
       @refresh="$store.dispatch('chat/getApplications')"
     />
     <div class="dialogue">
-      <introduction v-if="messages && messages.length === 0" />
-      <div v-else class="messages">
+      <div class="messages">
         <message v-for="(message, messageIndex) in messages" :key="messageIndex" :message="message" class="message" />
       </div>
     </div>
@@ -47,6 +46,7 @@ import ApiStatus from '@/components/common/ApiStatus.vue';
 import { ROUTE_CHAT_CONVERSATION, ROUTE_CHAT_CONVERSATION_NEW } from '@/router';
 import { Status } from '@/store/common/models';
 import { log } from '@/utils/log';
+import { ComponentCommonHelpEntry as HelpEntry } from '@zhishuyun/data';
 
 export interface IData {
   question: string;
@@ -60,7 +60,8 @@ export default defineComponent({
     InputBox,
     ModelSelector,
     Message,
-    ApiStatus
+    ApiStatus,
+    HelpEntry
   },
   data(): IData {
     return {