diff --git a/lib/client/utils.ts b/lib/client/utils.ts
index 7702595..0b56bbe 100644
--- a/lib/client/utils.ts
+++ b/lib/client/utils.ts
@@ -3,24 +3,29 @@ import { message } from "ant-design-vue";
 import { IStory } from "~/models/stories";
 import { useAutoSaveStore } from "~/stores/autosaveStore";
 
-export const autoSave = debounce((values: any) => {
+export const autoSave = debounce(async (values: any) => {
 	const store = useAutoSaveStore();
+	const fid = store.$state.fetchId;
+	if (store.$state.fetchId !== fid) return;
+	store.$patch({ fetchId: store.$state.fetchId + 1 });
 	if (store.$state.draftId == undefined) {
-		useApiFetch<{ draftId: number; success: boolean }>("/drafts/new", {
+		let b = useApiFetch<{ draftId: number; success: boolean }>("/drafts/new", {
 			method: "post",
 			body: values,
 		}).then(({ data, error }) => {
+			console.log("fibberty", data, error);
 			if (data.value) {
 				store.$patch({ draftId: data.value.draftId });
 			}
 		});
+		console.log("B", b);
 	} else {
 		useApiFetch<any>(`/drafts/${store.$state.draftId}`, {
 			method: "put",
 			body: values,
 		});
 	}
-}, 3000);
+}, 20000);
 
 export const autoEdit = debounce(
 	(values: any, endpoint: string, method: "put" | "post") => {