fix: first useDB is not reactivity

KeJunMao · Mar 21, 2023 · af7c190 · af7c190
1 parent 8f977b2
commit af7c190
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git 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
@@ -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();