task app

.vscode/settings.json

@@ -2,7 +2,7 @@
   "prettier.enable": false,
   "editor.formatOnSave": false,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   },
   "eslint.validate": [
     "javascript",

pnpm-lock.yaml

@@ -100,6 +100,9 @@ devDependencies:
   '@types/node':
     specifier: ^18.14.6
     version: 18.14.6
+  '@vicons/ionicons5':
+    specifier: ^0.12.0
+    version: 0.12.0
   '@vitejs/plugin-vue':
     specifier: ^4.0.0
     version: 4.0.0(vite@4.2.0)(vue@3.2.47)
@@ -2476,6 +2479,10 @@ packages:
       eslint-visitor-keys: 3.3.0
     dev: true
 
+  /@vicons/ionicons5@0.12.0:
+    resolution: {integrity: sha512-Iy1EUVRpX0WWxeu1VIReR1zsZLMc4fqpt223czR+Rpnrwu7pt46nbnC2ycO7ItI/uqDLJxnbcMC7FujKs9IfFA==}
+    dev: true
+
   /@vitejs/plugin-vue@4.0.0(vite@4.2.0)(vue@3.2.47):
     resolution: {integrity: sha512-e0X4jErIxAB5oLtDqbHvHpJe/uWNkdpYV83AOG2xo2tEVSzCzewgJMtREZM30wXnM5ls90hxiOtAuVU6H5JgbA==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -7689,6 +7696,7 @@ packages:
 
   /workbox-google-analytics@6.6.0:
     resolution: {integrity: sha512-p4DJa6OldXWd6M9zRl0H6vB9lkrmqYFkRQ2xEiNdBFp9U0LhsGO7hsBscVEyH9H2/3eZZt8c97NB2FD9U2NJ+Q==}
+    deprecated: It is not compatible with newer versions of GA starting with v4, as long as you are using GAv3 it should be ok, but the package is not longer being maintained
     dependencies:
       workbox-background-sync: 6.6.0
       workbox-core: 6.6.0

src/locales/en-US.ts

@@ -29,8 +29,8 @@ export default {
     stopResponding: 'Stop Responding',
   },
   chat: {
-    newChatButton: 'New Chat',
+    newChatButton: '',
-    newChatTitle: 'New Chat',
+    newChatTitle: '',
     placeholder: 'Ask me anything...(Shift + Enter = line break, "/" to trigger prompts)',
     placeholderMobile: 'Ask me anything...',
     copy: 'Copy',

src/locales/zh-CN.ts

@@ -29,8 +29,8 @@ export default {
     stopResponding: '停止响应',
   },
   chat: {
-    newChatButton: '新建聊天',
+    newChatButton: '',
-    newChatTitle: '新建聊天',
+    newChatTitle: '',
     placeholder: '来说点什么吧...（Shift + Enter = 换行）',
     placeholderMobile: '来说点什么...',
     copy: '复制',

src/views/chat/components/Header/index.vue

@@ -43,6 +43,7 @@ function handleClear() {
 
 <template>
   <header
+  style="padding-top: 30px;"
     class="sticky top-0 left-0 right-0 z-30 border-b dark:border-neutral-800 bg-white/80 dark:bg-black/20 backdrop-blur"
   >
     <div class="relative flex items-center justify-between min-w-0 overflow-hidden h-14">
@@ -62,16 +63,16 @@ function handleClear() {
         {{ currentChatHistory?.title ?? '' }}
       </h1>
       <div class="flex items-center space-x-2">
-        <HoverButton @click="handleExport">
+        <!-- <HoverButton @click="handleExport">
           <span class="text-xl text-[#4f555e] dark:text-white">
             <SvgIcon icon="ri:download-2-line" />
           </span>
-        </HoverButton>
+        </HoverButton> -->
-        <HoverButton @click="handleClear">
+        <!-- <HoverButton @click="handleClear">
           <span class="text-xl text-[#4f555e] dark:text-white">
             <SvgIcon icon="ri:delete-bin-line" />
           </span>
-        </HoverButton>
+        </HoverButton> -->
       </div>
     </div>
   </header>

src/views/chat/index.vue

@@ -338,6 +338,7 @@ const footerClass = computed(() => {
 })
 const isShowBottom=ref(false)
 onMounted(() => {
+	console.log(123)
   scrollRef.value.addEventListener('scroll', function() {
     if (scrollRef.value.scrollTop + scrollRef.value.clientHeight +100>= scrollRef.value.scrollHeight) {
       isShowBottom.value=false

src/views/chat/layout/sider/index.vue

@@ -60,6 +60,7 @@ const getMobileClass = computed(() => {
 		return {
 			position: 'fixed',
 			zIndex: 50,
+			paddingTop: '30px',
 		}
 	}
 	return {}
@@ -109,7 +110,7 @@ watch(
 <template>
 	<NLayoutSider
 		:collapsed="collapsed"
-		:collapsed-width="15"
+		:collapsed-width="0"
 		:width="270"
 		:show-trigger="isMobile ? false : 'arrow-circle'"
 		collapse-mode="transform"