lots of changes

resources/js/components/SMInput.vue

@@ -26,7 +26,7 @@
                     :type="props.type"
                     class="input-control"
                     :disabled="disabled"
-                    v-bind="{ id: id }"
+                    v-bind="{ id: id, autofocus: props.autofocus }"
                     v-model="value"
                     @focus="handleFocus"
                     @blur="handleBlur"
@@ -101,6 +101,11 @@ const props = defineProps({
         default: "",
         required: false,
     },
+    autofocus: {
+        type: Boolean,
+        default: false,
+        required: false,
+    },
 });
 
 const slots = useSlots();