Currency input expulsion

src/components/CurruncyInput.vue

@@ -3,10 +3,15 @@
     ref="inputRef"
     v-model="formattedValue"
     :dense="dense"
-    :outlined="outlined"
-    :class="className"
-    :readonly="readonly"
-    :borderless="borderless"
+    :outlined="edit"
+    :class="
+      edit == true
+        ? 'full-width inputgreen cursor-pointer'
+        : 'full-width cursor-pointer'
+    "
+    :readonly="!edit"
+    :borderless="!edit"
+    hide-bottom-space
   >
     <template v-for="(_, slot) in slots" v-slot:[slot]="scope">
       <slot :name="slot" v-bind="scope || {}" />
@@ -24,21 +29,11 @@ const props = defineProps({
   modelValue: Number,
   dense: {
     type: Boolean,
-    default: false,
+    default: true,
   },
-  outlined: {
+  edit: {
     type: Boolean,
-    default: false,
   },
-  readonly: {
-    type: Boolean,
-    default: false,
-  },
-  borderless: {
-    type: Boolean,
-    default: false,
-  },
-  className: String,
 });
 
 const { inputRef, formattedValue, setValue } = useCurrencyInput({