OOOOOPS

src/components/settings/ProfileForm.vue

@@ -80,13 +80,15 @@ async function updateProfile() {
 
         <form @submit.prevent="updateProfile" class="space-y-5">
           <div class="form-control">
-            <label class="label pb-2">
-              <span class="label-text font-medium text-sm sm:text-base"
-                >Full Name</span
-              >
+            <label
+              class="label pb-2 font-medium text-sm sm:text-base"
+              for="profile-name"
+            >
+              Full Name
             </label>
             <input
               type="text"
+              id="profile-name"
               v-model="name"
               placeholder="Your full name"
               class="input input-bordered w-full"
@@ -95,13 +97,15 @@ async function updateProfile() {
           </div>
 
           <div class="form-control">
-            <label class="label pb-2">
-              <span class="label-text font-medium text-sm sm:text-base"
-                >Email</span
-              >
+            <label
+              class="label pb-2 font-medium text-sm sm:text-base"
+              for="profile-email"
+            >
+              Email
             </label>
             <input
               type="email"
+              id="profile-email"
               :value="props.user.email"
               class="input input-bordered w-full"
               disabled