Просмотр исходного кода

feat: update HomePage component to display user-specific welcome message and logo

alvesantos 1 день назад
Родитель
Сommit
91caaba0f8
1 измененных файлов с 12 добавлено и 6 удалено
  1. 12 6
      src/pages/home/HomePage.vue

+ 12 - 6
src/pages/home/HomePage.vue

@@ -1,13 +1,19 @@
 <template>
   <div class="column flex-center flex-grow">
-    <span class="text-h4 text-primary q-mb-md">
-      {{ $t("common.ui.messages.welcome") + " " + $t("common.ui.table.to") }}
+    <q-img :src="Logo" style="max-width: 430px" />
+    <span class="text-h4 text-primary q-mt-xl text-center">
+      Bem-vindo, {{ userName }}!
+    </span>
+    <span class="text-subtitle1 text-primary q-mt-sm">
+      Estamos aqui para te ajudar.
     </span>
-    <div class="column flex-center full-width q-px-md">
-      <q-img :src="Logo" style="max-width: 430px" />
-    </div>
   </div>
 </template>
 <script setup>
-import Logo from "src/assets/logo.png";
+import { computed } from "vue";
+import Logo from "src/assets/images/logo.svg";
+import { userStore } from "src/stores/user";
+
+const store = userStore();
+const userName = computed(() => store.user?.name || "");
 </script>