refactor(settings): replace file input with browser-fs-access

This commit is contained in:
三咲智子 2022-12-30 03:44:51 +08:00
parent 4460d0f59d
commit f1f2449559
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E

View file

@ -1,8 +1,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { fileOpen } from 'browser-fs-access'
import type { UserLogin } from '~/types' import type { UserLogin } from '~/types'
const { lg } = breakpoints
const loggedInUsers = useUsers() const loggedInUsers = useUsers()
async function exportTokens() { async function exportTokens() {
@ -22,15 +21,10 @@ async function exportTokens() {
} }
async function importTokens() { async function importTokens() {
const input = document.createElement('input') as HTMLInputElement const file = await fileOpen({
input.type = 'file' description: 'Token File',
input.accept = 'application/json' mimeTypes: ['application/json'],
input.multiple = false })
input.addEventListener('change', async (e) => {
const file = (e.target as any)?.files?.[0] as File
if (!file)
return
try { try {
const content = await file.text() const content = await file.text()
@ -56,9 +50,6 @@ async function importTokens() {
console.error(e) console.error(e)
alert('Invalid Elk tokens file') alert('Invalid Elk tokens file')
} }
})
input.click()
} }
</script> </script>