fix 3

src/stores/history.ts

@@ -0,0 +1,51 @@
+import { defineStore } from 'pinia';
+import { useLocalStorage } from '@vueuse/core';
+import type { HistoryItem } from './settings';
+
+function formatTimestamp() {
+  const now = new Date();
+  return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')} ${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}:${String(now.getSeconds()).padStart(2, '0')}`;
+}
+
+export const useHistoryStore = defineStore('history', () => {
+  const history = useLocalStorage<HistoryItem[]>('translation-history-v1', []);
+
+  const addHistory = (item: Omit<HistoryItem, 'id' | 'timestamp'>) => {
+    const id = crypto.randomUUID();
+
+    history.value.unshift({
+      ...item,
+      id,
+      timestamp: formatTimestamp(),
+    });
+
+    if (history.value.length > 100) {
+      history.value = history.value.slice(0, 100);
+    }
+
+    return id;
+  };
+
+  const updateHistoryItem = (id: string, updates: Partial<HistoryItem>) => {
+    const index = history.value.findIndex((item) => item.id === id);
+    if (index !== -1) {
+      history.value[index] = { ...history.value[index], ...updates };
+    }
+  };
+
+  const deleteHistoryItem = (id: string) => {
+    history.value = history.value.filter((item) => item.id !== id);
+  };
+
+  const clearHistory = () => {
+    history.value = [];
+  };
+
+  return {
+    history,
+    addHistory,
+    updateHistoryItem,
+    deleteHistoryItem,
+    clearHistory,
+  };
+});