chore: BREAK CHANGE update dependencies includes @nuxt/ui, dayjs, etc.

components/aigc/chat/ChatItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type {PropType} from 'vue'
-import type {ChatSession} from '~/typings/llm'
+import type { PropType } from 'vue'
+import type { ChatSession } from '~/typings/llm'
 
 const props = defineProps({
   active: {
@@ -29,10 +29,10 @@ const dayjs = useDayjs()
       <Icon
           v-if="!!chatSession.assistant"
           name="i-tabler-masks-theater"
-          class="text-lg -mt-1 mr-1"
+          class="text-lg mr-1 "
       />
-      <span>
-        {{ !!chatSession.assistant ? chatSession.assistant.tpl_name : chatSession.subject }}
+      <span class="flex-1 text-ellipsis overflow-x-hidden">
+        {{ !!chatSession.assistant ? chatSession.assistant.tpl_name : chatSession.subject }}啊塞啊塞啊塞啊塞啊塞啊塞
       </span>
     </div>
     <div class="chat-card-meta">
@@ -43,7 +43,7 @@ const dayjs = useDayjs()
         @click.stop="emit('remove', chatSession)"
         class="chat-card-remove-btn text-neutral-400 group-hover:opacity-100 md:group-hover:-translate-x-0.5"
     >
-      <UIcon name="i-tabler-trash"/>
+      <Icon name="i-tabler-trash"/>
     </div>
   </div>
 </template>
@@ -59,7 +59,7 @@ const dayjs = useDayjs()
   }
 
   &-title {
-    @apply w-[calc(100%-16px)] text-sm font-medium text-ellipsis text-nowrap overflow-x-hidden;
+    @apply w-[calc(100%-16px)] inline-flex items-center text-sm font-medium text-ellipsis text-nowrap overflow-x-hidden;
   }
 
   &-meta {

components/aigc/course-generate/CGTaskCard.vue

@@ -181,9 +181,9 @@ const copyTaskId = (extraMessage?: string) => {
       <div class="flex-1 overflow-hidden pt-1">
         <h1
           :title="course.title"
-          class="text-sm font-medium overflow-hidden text-ellipsis text-nowrap"
+          class="inline-flex items-center text-sm font-medium overflow-hidden text-ellipsis text-nowrap"
         >
-          <Icon class="-mt-0.5 -ml-0.5 text-base" name="i-tabler-book-2"/>
+          <Icon class="text-base" name="i-tabler-book-2"/>
           <span class="pl-0.5">{{ course.title }}</span>
         </h1>
         <p class="text-xs pt-0.5 text-neutral-400 space-x-2">

components/aigc/course-generate/SRTEditor.vue

@@ -281,10 +281,9 @@ defineExpose({
         </div>
 
         <template #footer>
-          <!-- TODO: 24/07/02 Modified subtitles upload -->
           <div class="flex justify-end items-center gap-2">
             <span v-if="modified" class="text-sm text-yellow-500 font-medium">已更改但未保存</span>
-            <UButton :disabled="!modified" :loading="isSaving" @click="saveNewSubtitle">
+            <UButton :disabled="!modified" :loading="isSaving" icon="i-tabler-device-floppy" @click="saveNewSubtitle">
               保存{{ isSaving ? '中' : '' }}
             </UButton>
           </div>