style: corrige style da tela de login (nao mostrava valor dos inputs na tela de login antes)

src/App.vue

@@ -4,8 +4,8 @@
 
 <script setup>
 import { Cookies, useQuasar } from "quasar";
-import { watch } from "vue";
 import { useI18n } from "vue-i18n";
+import { watch } from "vue";
 
 defineOptions({
   name: "App",
@@ -19,9 +19,12 @@ const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches
   : "light";
 
 const theme = $q.cookies.get("theme") || systemTheme;
+
 const localeCookie = Cookies.get("locale") || window.navigator.language;
+
 console.log(theme, localeCookie);
-$q.dark.set(theme == "light");
+
+$q.dark.set(theme === "dark");
 
 watch(
   () => $q.dark.isActive,

src/pages/LoginPage.vue

@@ -1,46 +1,51 @@
 <template>
   <q-page padding class="login-page">
-    <q-card flat class="login-card q-pa-md q-pt-xl bg-surface">
+    <q-card flat :dark="false" class="login-card q-pa-md q-pt-xl bg-surface">
       <div class="text-center">
         <q-img :src="LogoDiarista" style="max-width: 250px" />
-        <div class="text-h6">{{ $t("common.ui.messages.welcome") }}</div>
+
+        <div class="text-h6">
+          {{ $t("common.ui.messages.welcome") }}
+        </div>
       </div>
 
       <q-form
         ref="loginForm"
-        class="q-pa-md"
-        autocorrect="off"
         autocapitalize="off"
         autocomplete="off"
+        autocorrect="off"
+        class="q-pa-md"
         spellcheck="false"
         @submit="submitLogin"
       >
         <q-card-section class="q-mt-sm">
           <q-input
             v-model="email"
+            autofocus
             filled
-            type="email"
             label="Email"
             lazy-rules
-            autofocus
+            type="email"
+            :dark="false"
             :rules="[inputRules.required, inputRules.email]"
           />
 
           <DefaultPasswordInput
             v-model="password"
+            :dark="false"
             :rules="[inputRules.required, inputRules.min(6)]"
           />
 
-          <q-checkbox v-model="checkbox" label="Lembrar email" />
+          <q-checkbox v-model="checkbox" label="Lembrar email" :dark="false" />
         </q-card-section>
 
         <q-card-actions align="right">
           <q-btn
             color="primary"
-            :label="$t('auth.login')"
-            size="md"
             padding="md"
+            size="md"
             type="submit"
+            :label="$t('auth.login')"
             :loading="submitting"
           >
             <template #loading>
@@ -54,19 +59,21 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
-import { useQuasar } from "quasar";
+import { onMounted, ref } from "vue";
 import { useAuth } from "src/composables/useAuth";
-import { useRouter } from "vue-router";
 import { useInputRules } from "src/composables/useInputRules";
+import { useQuasar } from "quasar";
+import { useRouter } from "vue-router";
 
 import LogoDiarista from "src/assets/logo-diarista.svg";
+
 import DefaultPasswordInput from "src/components/defaults/DefaultPasswordInput.vue";
 
 const router = useRouter();
 const $q = useQuasar();
 
 const { inputRules } = useInputRules();
+
 const email = ref("");
 const password = ref(process.env.PASSWORD);
 const submitting = ref(false);
@@ -88,6 +95,7 @@ const submitLogin = async () => {
     if (email_storage && !checkbox.value) {
       $q.cookies.remove("email");
     }
+
     if (checkbox.value) {
       $q.cookies.set("email", email.value, {
         expires: "3d",
@@ -103,6 +111,7 @@ const submitLogin = async () => {
     router.push({ name: "DashboardPage" });
   } catch (error) {
     console.error(error);
+
     submitting.value = false;
   }
 };