src/components/common/VnInputPassword.vue

@@ -2,11 +2,8 @@
 import VnInput from 'src/components/common/VnInput.vue';
 import { ref } from 'vue';
 
+const model = defineModel({ type: [Number, String] });
 const $props = defineProps({
-    modelValue: {
-        type: [String, Number],
-        default: null,
-    },
     toggleVisibility: {
         type: Boolean,
         default: false,
@@ -14,18 +11,16 @@ const $props = defineProps({
 });
 
 const showPassword = ref(false);
-const model = defineModel({ type: [Number, String] });
 </script>
 <template>
     <VnInput
         v-bind="{ ...$attrs }"
-        v-model.number="model"
+        v-model="model"
         :type="
             $props.toggleVisibility ? (showPassword ? 'text' : 'password') : $attrs.type
         "
-        hint=""
     >
-        <template #append>
+        <template #append v-if="toggleVisibility">
             <QIcon
                 :name="showPassword ? 'visibility_off' : 'visibility'"
                 class="cursor-pointer"