mv person common to fields

app/components/app/patient/entry-form.vue

@@ -6,7 +6,8 @@ import { Form } from '~/components/pub/ui/form'
 // components
 import InputBase from '~/components/pub/my-ui/form/input-base.vue'
 import FileUpload from '~/components/pub/my-ui/form/file-field.vue'
-import SelectBirthPlace from '~/components/app/person/_common/select-birth-place.vue'
+
+import { SelectBirthPlace } from '~/components/app/person/fields'
 import {
   InputName,
   RadioCommunicationBarrier,

app/components/app/person/fields/index.ts

@@ -0,0 +1,2 @@
+export { default as RadioParentsInput } from './radio-parents-input.vue'
+export { default as SelectBirthPlace } from './select-birth-place.vue'

app/components/app/person/fields/select-birth-place.vue

@@ -1,9 +1,6 @@
 <script setup lang="ts">
 import type { FormErrors } from '~/types/error'
 import Combobox from '~/components/pub/my-ui/combobox/combobox.vue'
-import FieldGroup from '~/components/pub/my-ui/form/field-group.vue'
-import Field from '~/components/pub/my-ui/form/field.vue'
-import Label from '~/components/pub/my-ui/form/label.vue'
 import { cn } from '~/lib/utils'
 
 import * as DE from '~/components/pub/my-ui/doc-entry'
@@ -52,11 +49,21 @@ onMounted(() => {
 
 <template>
   <DE.Cell :class="cn('select-field-group', fieldGroupClass, containerClass)">
-    <DE.Label :label-for="fieldName" :is-required="isRequired">
+    <DE.Label
+      :label-for="fieldName"
+      :is-required="isRequired"
+    >
       Tempat Lahir
     </DE.Label>
-    <DE.Field :id="fieldName" :errors="errors" :class="cn('select-field-wrapper')">
-      <FormField v-slot="{ componentField }" :name="fieldName">
+    <DE.Field
+      :id="fieldName"
+      :errors="errors"
+      :class="cn('select-field-wrapper')"
+    >
+      <FormField
+        v-slot="{ componentField }"
+        :name="fieldName"
+      >
         <FormItem>
           <FormControl>
             <Combobox