[CodeFactor] Apply fixes

Author: code-factor

client/components/Auth/InputField.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <label class="font-semibold">{{ fieldName }}</label>
-    <ValidationProvider :vid="id" :rules="rules" v-slot="{ errors, touched }">
+    <ValidationProvider v-slot="{ errors, touched }" :vid="id" :rules="rules">
       <div class="relative flex items-center -mt-2">
         <input
           v-if="fieldType != 'dropdown'"
@@ -12,9 +12,9 @@
         />
         <div
           v-if="fieldType == 'password'"
+          class="absolute right-0 top-auto bottom-auto left-auto w-10"
           @mouseenter="toggleShowText"
           @mouseleave="toggleShowText"
-          class="absolute right-0 top-auto bottom-auto left-auto w-10"
         >
           <font-awesome-icon
             :icon="['fas', 'fa-eye']"
@@ -24,8 +24,8 @@
         </div>
         <select
           v-if="fieldType == 'dropdown'"
-          :name="fieldName"
           v-model="inputValue"
+          :name="fieldName"
           class="w-full h-10 px-5 my-3 drop-shadow-lg"
         >
           <option selected disabled value="">Please Choose Grade...</option>
@@ -77,12 +77,6 @@ export default {
   components: {
     ValidationProvider,
   },
-  data: function () {
-    return {
-      showText: false,
-      inputValue: '',
-    };
-  },
   props: {
     fieldName: {
       type: String,
@@ -106,6 +100,12 @@ export default {
       default: undefined,
     },
   },
+  data: function () {
+    return {
+      showText: false,
+      inputValue: '',
+    };
+  },
   data: () => ({
     showText: false,
     inputValue: '',

client/pages/signup.vue

@@ -1,23 +1,23 @@
 <template>
   <div class="flex flex-col min-h-screen">
-    <AuthHeader :pageTitle="title" />
+    <AuthHeader :page-title="title" />
 
     <div class="flex justify-center flex-grow">
       <AuthForm v-if="!accountCreated">
         <ValidationObserver v-slot="{ invalid }" class="w-full">
           <form
-            @submit.prevent="onSubmit"
             class="flex flex-col w-11/12 mx-6 my-8"
+            @submit.prevent="onSubmit"
           >
             <InputField
               v-for="field in fields"
+              :id="field.id"
               :key="field.index"
-              :fieldName="field.name"
-              :fieldType="field.type"
-              :fieldOptions="field.options"
+              :field-name="field.name"
+              :field-type="field.type"
+              :field-options="field.options"
               :rules="field.rules"
               :inputvalue.sync="field.value"
-              :id="field.id"
             />
             <button
               type="submit"
@@ -73,15 +73,15 @@ import InputField from '~/components/Auth/InputField.vue';
 
 let count = 0;
 export default {
-  name: 'signup-page',
-  layout: 'auth',
+  name: 'SignupPage',
   components: {
     ValidationObserver,
     AuthFooter,
     AuthHeader,
     AuthForm,
     InputField,
   },
+  layout: 'auth',
   data: () => ({
     title: 'Sign-Up',
     password: '',
@@ -148,7 +148,7 @@ export default {
       console.log(document.getElementsByName('Email')[0].value);
       console.log(document.getElementsByName('Password')[0].value);
       console.log(document.getElementsByName('Confirm Password')[0].value);
-      var select = document.getElementsByName('Grade')[0];
+      const select = document.getElementsByName('Grade')[0];
       console.log(select.options[select.selectedIndex].text);
     },
   },