feat: update input-base disabled behavior

Author: alexdln

app/components/Input/Base.vue

@@ -3,6 +3,7 @@ import { noCorrect } from '~/utils/input'
 
 const props = withDefaults(
   defineProps<{
+    disabled?: boolean
     modelValue?: string
     size?: 'small' | 'medium' | 'large'
     noCorrect?: boolean
@@ -47,5 +48,9 @@ defineExpose({
       'text-sm px-3 py-2.5 h-10 rounded-lg': size === 'medium',
       'text-base px-6 py-3.5 h-14 rounded-xl': size === 'large',
     }"
+    :disabled="
+      /** Catching Vue render-bug of invalid `disabled=false` attribute in the final HTML */
+      disabled ? true : undefined
+    "
   />
 </template>

test/nuxt/components/Input/Base.spec.ts

@@ -146,8 +146,6 @@ describe('InputBase', () => {
       const input = component.find('input')
       expect(input.attributes('disabled')).toBeDefined()
       expect((input.element as HTMLInputElement).disabled).toBe(true)
-      // should add just `disabled`, not `disabled="true"`
-      expect((input.element as HTMLInputElement).getHTML()).not.toContain('disabled=')
     })
   })
 })