refactor: rework async DomainAdd

This commit is contained in:
axolotle 2024-08-13 00:24:10 +02:00
parent 50a464016b
commit 20bbdb7e86

View file

@ -4,17 +4,15 @@ import { useRouter } from 'vue-router'
import api from '@/api' import api from '@/api'
import { APIBadRequestError, type APIError } from '@/api/errors' import { APIBadRequestError, type APIError } from '@/api/errors'
import { useInitialQueries } from '@/composables/useInitialQueries'
import { DomainForm } from '@/views/_partials' import { DomainForm } from '@/views/_partials'
const router = useRouter() const router = useRouter()
const { loading } = useInitialQueries([ await api.fetch({ uri: 'domains', cachePath: 'domains' })
{ uri: 'domains', cachePath: 'domains' },
])
const serverError = ref('') const serverError = ref('')
function onSubmit(data) { function onSubmit(data: { domain: string; dyndns_recovery_password?: string }) {
api api
.post({ .post({
uri: 'domains', uri: 'domains',
@ -33,12 +31,10 @@ function onSubmit(data) {
</script> </script>
<template> <template>
<ViewBase :loading="loading" skeleton="CardFormSkeleton"> <DomainForm
<DomainForm :title="$t('domain_add')"
:title="$t('domain_add')" :server-error="serverError"
:server-error="serverError" :submit-text="$t('add')"
@submit="onSubmit" @submit="onSubmit"
:submit-text="$t('add')" />
/>
</ViewBase>
</template> </template>