Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-02 20:15:24 +02:00
Code Issues Releases Activity

refactor(frontend): 🔥 rewrite backup UI for new page base components

Browse source 
Removed old split code and used the composition api to to re-write the import/export functionality of mealie.
This commit is contained in:
hay-kot 2021-08-21 00:46:43 -08:00
parent 460f508f79
commit edae7bbb21
25 changed files with 535 additions and 759 deletions
Download patch file Download diff file Expand all files Collapse all files

20
frontend/pages/user/profile.vue
View file

@ -2,28 +2,30 @@
<v-container fluid>
<v-row>
<v-col cols="12" sm="12" md="12" lg="6">
<UserProfileCard class="mt-14" />
<UserProfileCard :user="user" class="mt-14" @refresh="$auth.fetchUser()" />
</v-col>
<v-col cols="12" sm="12" md="12" lg="6">
<UserThemeCard class="mt-14" />
<UserAPITokenCard :tokens="user.tokens" class="mt-14" @refresh="$auth.fetchUser()" />
</v-col>
</v-row>
</v-container>
</template>
<script lang="ts">
import { defineComponent } from "@nuxtjs/composition-api";
<script lang="ts">
import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
import UserProfileCard from "~/components/Domain/User/UserProfileCard.vue";
import UserThemeCard from "~/components/Domain/User/UserThemeCard.vue";
import UserAPITokenCard from "~/components/Domain/User/UserAPITokenCard.vue";
export default defineComponent({
components: { UserProfileCard, UserThemeCard },
components: { UserProfileCard, UserAPITokenCard },
layout: "admin",
setup() {
return {};
const user = computed(() => {
return useContext().$auth.user;
});
return { user };
},
});
</script>
<style scoped>
</style>