fix(useFileSystemAccess): updateData on modified file (#3780)

vueuse · Feb 20, 2024 · 668ca14 · 668ca14
1 parent 9b8ed55
commit 668ca14
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/core/useFileSystemAccess/demo.vue b/packages/core/useFileSystemAccess/demo.vue
@@ -37,6 +37,9 @@ async function onSave() {
       <button @click="res.open()">
         Open
       </button>
+      <button @click="res.updateData()">
+        Update
+      </button>
       <button @click="res.create()">
         New file
       </button>

diff --git a/packages/core/useFileSystemAccess/index.ts b/packages/core/useFileSystemAccess/index.ts
@@ -121,7 +121,6 @@ export function useFileSystemAccess(options: UseFileSystemAccessOptions = {}): U
       return
     const [handle] = await window.showOpenFilePicker({ ...toValue(options), ..._options })
     fileHandle.value = handle
-    await updateFile()
     await updateData()
   }
 
@@ -130,7 +129,6 @@ export function useFileSystemAccess(options: UseFileSystemAccessOptions = {}): U
       return
     fileHandle.value = await (window as FileSystemAccessWindow).showSaveFilePicker({ ...options, ..._options })
     data.value = undefined
-    await updateFile()
     await updateData()
   }
 
@@ -170,6 +168,7 @@ export function useFileSystemAccess(options: UseFileSystemAccessOptions = {}): U
   }
 
   async function updateData() {
+    await updateFile()
     const type = toValue(dataType)
     if (type === 'Text')
       data.value = await file.value?.text()