Добавил сохранение адресов и паспортных данных

src/pages/clients/components/ClientDetailInput.vue

@@ -1,16 +1,25 @@
 <template lang="pug">
   .input-wrapper.flex.gap-x-2.px-3.box-border.w-max-fit(class="py-2.5")
-    textarea.place-input.w-full.outline-0.text-sm.not-italic.resize-none(:rows="Math.ceil(value.length/heightInput)" :value="value" @input="$emit('update:value', $event.target.value)")
+    input.place-input.w-full.outline-0.text-sm.not-italic.resize-none(
+      :rows="Math.ceil(value.length/heightInput)"
+      :value="value"
+      @input="$emit('update:value', $event.target.value)"
+      v-mask="sharp"
+    )
     slot
 </template>
 
 <script>
+import { mask } from "vue-the-mask";
 export default {
   name: "ClientDetailInput",
   props: {
     value: String,
     width: Number,
+    sharp: String,
   },
+  directives: { mask },
+
   computed: {
     heightInput() {
       return ((this.width / 100) * 70) / 11;