Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-11-01 10:43:25 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(frontend): 👷 Add image operations to recipe page

Browse Source 
Added/Fixed image upload/get process on the recipe pages as well as some additional styling
This commit is contained in:
hay-kot
2021-08-03 21:38:45 -08:00
parent afcad2f701
commit 5ee0a57163
15 changed files with 238 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/components/Domain/Recipe/RecipeFavoriteBadge.vue
View File

@@ -22,7 +22,9 @@
<script>
import { api } from "@/api";
export default {
import { defineComponent } from "@nuxtjs/composition-api";
import { useApiSingleton } from "~/composables/use-api";
export default defineComponent({
props: {
slug: {
type: String,
@@ -37,6 +39,11 @@ export default {
default: false,
},
},
setup() {
const api = useApiSingleton();
return { api };
},
computed: {
user() {
return this.$auth.user;
@@ -48,14 +55,14 @@ export default {
methods: {
async toggleFavorite() {
if (!this.isFavorite) {
await api.users.addFavorite(this.$auth.user.id, this.slug);
await this.api.users.addFavorite(this.$auth.user.id, this.slug);
} else {
await api.users.removeFavorite(this.$auth.user.id, this.slug);
await this.api.users.removeFavorite(this.$auth.user.id, this.slug);
}
this.$store.dispatch("requestUserData");
this.$auth.fetchUser();
},
},
};
});
</script>
<style lang="scss" scoped>