feat: sync title

components/ui-components/tickets/Chat.vue

@@ -114,6 +114,9 @@ const getTicketChatList = (id: string) => {
 	})
 }
 const ticketsStore = useTicketStore()
+const title = computed(() => {
+	return ticketsStore.currentTicket.name
+})
 
 watch(() => ticketsStore.currentSessionId, (id) => {
 	if (id) {
@@ -125,7 +128,7 @@ watch(() => ticketsStore.currentSessionId, (id) => {
 
 <template>
 	<div class="w-full h-full shadow-light-50 shadow-right relative">
-		<div class="bg-white px-2 py-4 border-b-gray-300 border-b-1">message</div>
+		<div class="bg-white px-2 py-4 border-b-gray-300 border-b-1">{{ title || 'message' }}</div>
 		<div class="relative chat-area  h-full overflow-auto" ref="chatAreaRef">
 			<div class="w-full h-full p-2">
 				<div class="pb-27" ref="messageRef">

components/ui-components/tickets/TicketCard.vue

@@ -25,6 +25,7 @@ const isActive = computed(() => {
 const onTicketClick = (id: string) => {
 	// getTicketChatList(id)
 	ticketsStore.currentSessionId = id
+	ticketsStore.setCurrentTicket({ ...props.data, })
 }
 
 </script>

store/ticket.ts

@@ -1,12 +1,20 @@
 import { defineStore } from 'pinia'
+type ITicket = {
+	id: number,
+	name: string
+}
 
 export const useTicketStore = defineStore('ticket', {
 	state: () => {
 		return {
+			currentTicket: {} as ITicket,
 			currentSessionId: '',
 		}
 	},
 	actions: {
 
+		setCurrentTicket(data: ITicket) {
+			this.$state.currentTicket = data
+		}
 	},
 })

tools/request.ts

@@ -2,5 +2,7 @@ const URL_PREFIX = '/api'
 
 export default (url: string, options?: Partial<RequestInit>) => {
 	url = URL_PREFIX + url
-	return fetch(url, options)
+	return fetch(url, options).catch((error) => {
+		console.warn('error :>> ', error);
+	})
 }