fix properties on email inputs

resources/js/components/SMInput.vue

@@ -157,7 +157,16 @@
                         :type="props.type"
                         class="input-control"
                         :disabled="disabled"
-                        v-bind="{ id: id, autofocus: props.autofocus }"
+                        v-bind="{
+                            id: id,
+                            autofocus: props.autofocus,
+                            autocomplete:
+                                props.type === 'email' ? 'email' : null,
+                            spellcheck: props.type === 'email' ? false : null,
+                            autocorrect: props.type === 'email' ? 'on' : null,
+                            autocapitalize:
+                                props.type === 'email' ? 'off' : null,
+                        }"
                         v-model="value"
                         @focus="handleFocus"
                         @blur="handleBlur"

resources/js/views/ForgotPassword.vue

@@ -8,7 +8,7 @@
                         Enter your email below to receive a password reset link.
                     </p>
                     <SMForm v-model="form" @submit="handleSubmit">
-                        <SMInput control="email" />
+                        <SMInput control="email" type="email" autofocus />
                         <SMButtonRow>
                             <template #left>
                                 <div class="small">

resources/js/views/Login.vue

@@ -9,7 +9,7 @@
                     </p>
                 </template>
                 <template #body>
-                    <SMInput control="email" autofocus> </SMInput>
+                    <SMInput control="email" autofocus type="email"> </SMInput>
                     <SMInput control="password" type="password">
                         <router-link to="/forgot-password"
                             >Forgot password?</router-link

resources/js/views/Register.vue

@@ -11,7 +11,7 @@
                 </template>
                 <template #body>
                     <SMFormError v-model="form" />
-                    <SMInput control="email" autofocus />
+                    <SMInput control="email" autofocus type="email" />
                     <SMInput control="password" type="password" />
                     <SMInput control="display_name" label="Display Name" />
                 </template>

resources/js/views/ResendEmailVerify.vue

@@ -11,7 +11,7 @@
                         </p>
                     </template>
                     <template #body>
-                        <SMInput control="email" />
+                        <SMInput control="email" type="email" />
                     </template>
                     <template #footer>
                         <SMButtonRow>

resources/js/views/dashboard/UserEdit.vue

@@ -23,7 +23,7 @@
                 <SMColumn><SMInput control="last_name" /></SMColumn>
             </SMRow>
             <SMRow>
-                <SMColumn><SMInput control="email" /></SMColumn>
+                <SMColumn><SMInput control="email" type="email" /></SMColumn>
                 <SMColumn
                     ><SMInput control="phone"
                         ><template #help