From af7c1905c185949c736ebbcc888d7d3e8e936002 Mon Sep 17 00:00:00 2001
From: kejun <kejun1997@gmail.com>
Date: Tue, 21 Mar 2023 09:05:04 +0800
Subject: [PATCH] fix: first useDB is not reactivity

---
 components/tool/ToolDetail.vue | 2 +-
 composables/useHistory.ts      | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/tool/ToolDetail.vue b/components/tool/ToolDetail.vue
index 0a1d735..3458b3f 100644
--- a/components/tool/ToolDetail.vue
+++ b/components/tool/ToolDetail.vue
@@ -39,7 +39,7 @@ defineExpose({
   <div flex flex-col style="height: calc(100vh - 125px)">
     <el-scrollbar height="100%">
       <div p-4 sm:p-10>
-        <ToolResult v-if="!tool.chat" flex-1 :html="resultHtml" />
+        <ToolResult v-if="!tool.chat" :html="resultHtml" />
         <ToolChatResult
           v-else
           :contexts="contexts"
diff --git a/composables/useHistory.ts b/composables/useHistory.ts
index 5e947d9..c80a314 100644
--- a/composables/useHistory.ts
+++ b/composables/useHistory.ts
@@ -11,17 +11,22 @@ export interface HistoryItem {
 }
 
 let _history: RemovableRef<HistoryItem[]>;
+const history = ref<HistoryItem[]>([]);
 const currentHistoryId = ref("");
-// TODO: fix first useIDB
 export const useHistory = (_tool: MaybeRef<ToolItem>) => {
   _history = useIDBKeyval<HistoryItem[]>(
     `${STORAGE_KEY_TOOL_HISTORY}${unref(_tool).id}`,
     [],
     {
       deep: true,
+      flush: "sync",
     }
   );
-  const history = computed(() => _history.value);
+  const stop = watchEffect(() => {
+    history.value = _history.value;
+  });
+
+  tryOnScopeDispose(stop);
 
   function create(context: OpenAIMessages) {
     currentHistoryId.value = uuidv4();