pref: 优化部份内容

README.md

@@ -1,2 +1,21 @@
 # ChatGPT Bot Web
 
+This is a ChatGPT web application demo with express and vue3
+
+![cover](./docs/cover.png)
+## Intro
+1. `node >= 18`
+1. `pnpm install` node deps
+2. set `OPENAI_API_KEY` in `.env`
+
+## Run
+```shell
+# 1. run service
+pnpm run service
+
+# 2. run web
+pnpm run dev
+```
+
+## License
+MIT © [ChenZhaoYu](./license)

env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

license

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 ChenZhaoYu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package.json

@@ -1,7 +1,15 @@
 {
 	"name": "chatgpt-bot",
 	"version": "1.0.0",
-  "private": true,
+	"description": "ChatGPT Web Bot",
+	"author": "ChenZhaoYu <chenzhaoyu1994@gami.com>",
+	"private": false,
+	"keywords": [
+		"chatgpt",
+		"chatbot",
+		"web",
+		"vue"
+	],
 	"scripts": {
 		"dev": "vite",
 		"service": "esno ./service/index.ts",

src/App.vue

@@ -7,9 +7,19 @@ import Chat from '@/views/Chat/index.vue'
 <template>
   <NConfigProvider class="h-full" preflight-style-disabled>
     <NaiveProvider>
-      <div class="h-full p-4">
+      <div class="flex flex-col h-full p-4">
+        <div class="flex-1">
+          <div class="container h-full m-auto">
             <Chat />
           </div>
+        </div>
+        <div class="px-4 mt-4 text-sm text-center text-neutral-500">
+          Made By ChenZhaoYu
+          <a href="https://github.com/Chanzhaoyu/chatgpt-bot" target="_blank" class="text-blue-500">
+            Github
+          </a>
+        </div>
+      </div>
     </NaiveProvider>
   </NConfigProvider>
 </template>

src/typings/env.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="vite/client" />
+
 interface ImportMetaEnv {
 	/** api url */
 	readonly VITE_GLOB_API_URL: string;

src/views/Chat/index.vue

@@ -74,7 +74,9 @@ function addMessage(message: string, user = false, error = false) {
 <template>
   <div class="flex flex-col h-full overflow-hidden border rounded-md shadow-md">
     <header class="flex items-center justify-between p-4">
-      <div>会话</div>
+      <h1 class="text-xl font-bold">
+        Chat
+      </h1>
       <div>
         <button
           class="w-[40px] h-[40px] rounded-full hover:bg-neutral-100 transition flex justify-center items-center"
@@ -103,7 +105,9 @@ function addMessage(message: string, user = false, error = false) {
           @keyup="handleEnter"
         />
         <NButton type="primary" :loading="loading" @click="handleSubmit">
+          <template #icon>
             <SvgIcon icon="ri:send-plane-fill" />
+          </template>
         </NButton>
       </div>
     </footer>