<!-- 
 This component AddNew.vue had been contained an await function that Vue requires a <Suspense> boundary in the parent component to nest it in order to be rendered.  As a solution, this component has moved all its functions to a new child component called DataForm.vue so as to apply the <Suspense> boundary here.
-->

<template>
	<Suspense>
		<template #default>
			<div>
				<DataForm />
			</div>
		</template>
    <template #fallback>
      <div class="v-loading"><h3>... Loading ...</h3></div>
    </template>
	</Suspense>
</template>

<script setup>
import DataForm from "../components/DataForm.vue";
</script>

