feat: adiciona field nativo

src/components/defaults/DefaultInput.vue

@@ -6,7 +6,6 @@
         v-model="model"
         v-bind="inputAttrs"
         :label
-        label-color="secondary"
         :error="!!error"
         :error-message="errorMessage"
         :rules

src/components/defaults/DefaultPasswordInput.vue

@@ -4,22 +4,22 @@
     v-bind="$attrs"
     :type="!seePassword ? 'password' : 'text'"
   >
-     <template #append>
+    <template #append>
       <q-icon
-        :name="seePassword ? 'mdi-eye-off' : 'mdi-eye'"
+        :name="seePassword ? 'mdi-lock-open-outline' : 'mdi-lock-outline'"
         class="cursor-pointer q-ml-md"
+        color="secondary"
         @click="seePassword = !seePassword"
       />
     </template>
   </DefaultInput>
 </template>
 <script setup>
-import DefaultInput from "./DefaultInput.vue"
+import DefaultInput from "./DefaultInput.vue";
 
 const password = defineModel({ type: String });
 const seePassword = defineModel("seePassword", {
   default: false,
   type: Boolean,
 });
-
 </script>

src/css/app.scss

@@ -127,3 +127,8 @@ input[type="number"]::-webkit-outer-spin-button {
     }
   }
 }
+
+.q-field--standout.q-field--highlighted .q-field__native {
+  color: $secondary;
+}
+

src/pages/login/LoginPage.vue

@@ -44,6 +44,7 @@
           v-model:error="validationErrors.email"
           type="email"
           lazy-rules
+          style="color: red"
           icon="mdi-account"
           :label="$t('common.terms.email')"
           :rules="[inputRules.required, inputRules.email]"