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

fix: JSON Mode Resets Page State (#4519)

Browse source
This commit is contained in:
Michael Genson 2024-11-07 11:43:07 -06:00 • committed by GitHub
parent 381a698220
commit e3c6d4c66c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

11
frontend/components/Domain/Recipe/RecipePage/RecipePage.vue
View file

@ -96,7 +96,13 @@ import RecipePageTitleContent from "./RecipePageParts/RecipePageTitleContent.vue
import RecipePageComments from "./RecipePageParts/RecipePageComments.vue"; import RecipePageComments from "./RecipePageParts/RecipePageComments.vue";
import { useLoggedInState } from "~/composables/use-logged-in-state"; import { useLoggedInState } from "~/composables/use-logged-in-state";
import RecipePrintContainer from "~/components/Domain/Recipe/RecipePrintContainer.vue"; import RecipePrintContainer from "~/components/Domain/Recipe/RecipePrintContainer.vue";
import { EditorMode, PageMode, usePageState, usePageUser } from "~/composables/recipe-page/shared-state"; import {
clearPageState,
EditorMode,
PageMode,
usePageState,
usePageUser,
} from "~/composables/recipe-page/shared-state";
import { NoUndefinedField } from "~/lib/api/types/non-generated"; import { NoUndefinedField } from "~/lib/api/types/non-generated";
import { Recipe } from "~/lib/api/types/recipe"; import { Recipe } from "~/lib/api/types/recipe";
import { useRouteQuery } from "~/composables/use-router"; import { useRouteQuery } from "~/composables/use-router";
@ -170,6 +176,9 @@ export default defineComponent({
} }
} }
deactivateNavigationWarning(); deactivateNavigationWarning();
clearPageState(props.recipe.slug || "");
console.debug("reset RecipePage state during unmount");
}); });
/** ============================================================= /** =============================================================

8
frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageEditorToolbar.vue
View file

@ -32,8 +32,8 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { computed, defineComponent, onUnmounted } from "@nuxtjs/composition-api"; import { computed, defineComponent } from "@nuxtjs/composition-api";
import { clearPageState, usePageState, usePageUser } from "~/composables/recipe-page/shared-state"; import { usePageState, usePageUser } from "~/composables/recipe-page/shared-state";
import { NoUndefinedField } from "~/lib/api/types/non-generated"; import { NoUndefinedField } from "~/lib/api/types/non-generated";
import { Recipe } from "~/lib/api/types/recipe"; import { Recipe } from "~/lib/api/types/recipe";
import { useUserApi } from "~/composables/api"; import { useUserApi } from "~/composables/api";
@ -75,10 +75,6 @@ export default defineComponent({
return households.value.find((h) => h.id === owner.householdId); return households.value.find((h) => h.id === owner.householdId);
}); });
onUnmounted(() => {
clearPageState(props.recipe.slug);
console.debug("reset RecipePage state during unmount");
});
async function uploadImage(fileObject: File) { async function uploadImage(fileObject: File) {
if (!props.recipe || !props.recipe.slug) { if (!props.recipe || !props.recipe.slug) {
return; return;