feat: add v-bind="$attrs" to components with single input

Author: onmax

src/components/AmountInput/AmountInput.vue

@@ -12,6 +12,7 @@
                 @focus="isFocussed = true"
                 @blur="isFocussed = false"
                 @paste="$emit(AmountInputEvent.PASTE, $event)"
+                v-bind="$attrs"
                 v-model="formattedValue"
             />
         </form>

src/components/AmountWithFee/AmountWithFee.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="amount-with-fee">
-        <AmountInput class="value" v-model="liveAmount" :class="{ invalid: !isValid && liveAmount > 0 }" ref="amountInput$" />
+        <AmountInput class="value" v-model="liveAmount" :class="{ invalid: !isValid && liveAmount > 0 }" v-bind="$attrs" ref="amountInput$" />
         <div class="fee-section nq-text-s">
             <div v-if="!isValid && liveAmount" class="nq-red"><slot name="insufficient-balance-error">{{ $t('Insufficient balance') }}</slot></div>
             <div v-else>

src/components/CloseButton/CloseButton.vue

@@ -1,5 +1,5 @@
 <template>
-    <button class="close-button nq-button-s" @mousedown.prevent>
+    <button class="close-button nq-button-s" v-bind="$attrs" @mousedown.prevent>
         <CloseIcon/>
     </button>
 </template>

src/components/LabelInput/LabelInput.vue

@@ -12,6 +12,7 @@
             @input="onInput"
             @blur="onBlur"
             @paste="$emit(LabelInputEvent.PASTE, $event)"
+            v-bind="$attrs"
             ref="input$">
     </form>
 </template>

src/components/LongPressButton/LongPressButton.vue

@@ -8,6 +8,7 @@
         @blur="isPressed = false /* if focus moves away, release the button */"
         @click.prevent.stop="$event.stopImmediatePropagation(); /* don't trigger handlers */"
         @submit.prevent.stop="$event.stopImmediatePropagation(); /* don't trigger handlers and default behavior */"
+        v-bind="$attrs"
     >
         <span class="mix-blend-mode-mask">
             <transition name="transition-indicator">