mirror of
https://github.com/kevin-DL/full-stack-fastapi-postgresql.git
synced 2026-01-15 19:44:43 +00:00
cd112bd683
* ♻️ Refactor and simplify backend code * ♻️ Refactor frontend state, integrate typesafe-vuex accessors into state files * ♻️ Use new state accessors and standardize layout * 🔒 Upgrade and fix npm security audit * 🔧 Update local re-generation scripts * 🔊 Log startup exceptions to detect errors early * ✏️ Fix password reset token content * 🔥 Remove unneeded Dockerfile directives * 🔥 Remove unnecessary print * 🔥 Remove unnecessary code, upgrade dependencies in backend * ✏️ Fix typos in docstrings and comments * 🏗️ Improve user Depends utilities to simplify and remove code * 🔥 Remove deprecated SQLAlchemy parameter
38 lines
1.1 KiB
Vue
38 lines
1.1 KiB
Vue
<template>
|
|
<v-container fluid>
|
|
<v-card class="ma-3 pa-3">
|
|
<v-card-title primary-title>
|
|
<div class="headline primary--text">Dashboard</div>
|
|
</v-card-title>
|
|
<v-card-text>
|
|
<div class="headline font-weight-light ma-5">Welcome {{greetedUser}}</div>
|
|
</v-card-text>
|
|
<v-card-actions>
|
|
<v-btn to="/main/profile/view">View Profile</v-btn>
|
|
<v-btn to="/main/profile/edit">Edit Profile</v-btn>
|
|
<v-btn to="/main/profile/password">Change Password</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue } from 'vue-property-decorator';
|
|
import { Store } from 'vuex';
|
|
import { readUserProfile } from '@/store/main/getters';
|
|
|
|
@Component
|
|
export default class Dashboard extends Vue {
|
|
get greetedUser() {
|
|
const userProfile = readUserProfile(this.$store);
|
|
if (userProfile && userProfile.full_name) {
|
|
if (userProfile.full_name) {
|
|
return userProfile.full_name;
|
|
} else {
|
|
return userProfile.email;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|