fix: Explorer Page State Not Working On Hitting Back (#6171)

Co-authored-by: michael-genson <71845777+michael-genson@users.noreply.github.com>

docs/docs/documentation/getting-started/installation/installation-checklist.md

@@ -31,7 +31,7 @@ To deploy mealie on your local network, it is highly recommended to use Docker t
 We've gone through a few versions of Mealie v1 deployment targets. We have settled on a single container deployment, and we've begun publishing the nightly container on github containers. If you're looking to move from the old nightly (split containers _or_ the omni image) to the new nightly, there are a few things you need to do:
 
 1. Take a backup just in case!
-2. Replace the image for the API container with `ghcr.io/mealie-recipes/mealie:v3.1.2`
+2. Replace the image for the API container with `ghcr.io/mealie-recipes/mealie:v3.2.0`
 3. Take the external port from the frontend container and set that as the port mapped to port `9000` on the new container. The frontend is now served on port 9000 from the new container, so it will need to be mapped for you to have access.
 4. Restart the container
 

docs/docs/documentation/getting-started/installation/postgres.md

@@ -10,7 +10,7 @@ PostgreSQL might be considered if you need to support many concurrent users. In
 ```yaml
 services:
   mealie:
-    image: ghcr.io/mealie-recipes/mealie:v3.1.2 # (3)
+    image: ghcr.io/mealie-recipes/mealie:v3.2.0 # (3)
     container_name: mealie
     restart: always
     ports:

docs/docs/documentation/getting-started/installation/sqlite.md

@@ -11,7 +11,7 @@ SQLite is a popular, open source, self-contained, zero-configuration database th
 ```yaml
 services:
   mealie:
-    image: ghcr.io/mealie-recipes/mealie:v3.1.2 # (3)
+    image: ghcr.io/mealie-recipes/mealie:v3.2.0 # (3)
     container_name: mealie
     restart: always
     ports:

frontend/components/Domain/Recipe/RecipeExplorerPage/RecipeExplorerPageParts/RecipeExplorerPageSearch.vue

@@ -121,7 +121,7 @@
 
 <script setup lang="ts">
 import RecipeExplorerPageSearchFilters from "./RecipeExplorerPageSearchFilters.vue";
-import { useRecipeExplorerSearch } from "~/composables/use-recipe-explorer-search";
+import { useRecipeExplorerSearch, clearRecipeExplorerSearchState } from "~/composables/use-recipe-explorer-search";
 
 const emit = defineEmits<{
   ready: [];
@@ -155,6 +155,11 @@ onMounted(async () => {
   emit("ready");
 });
 
+onUnmounted(() => {
+  // Clear the cache when component unmounts to ensure fresh state on remount
+  clearRecipeExplorerSearchState(groupSlug.value);
+});
+
 const sortText = computed(() => {
   const sort = sortable.value.find(s => s.value === state.value.orderBy);
   if (!sort) return "";

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mealie",
-  "version": "3.1.2",
+"version": "3.2.0",
   "private": true,
   "scripts": {
     "dev": "nuxt dev",

poetry.lock

@@ -1082,14 +1082,14 @@ files = [
 
 [[package]]
 name = "ingredient-parser-nlp"
-version = "2.2.0"
+version = "2.3.0"
 description = "A Python package to parse structured information from recipe ingredient sentences"
 optional = false
 python-versions = "<3.14,>=3.10"
 groups = ["main"]
 files = [
-    {file = "ingredient_parser_nlp-2.2.0-py3-none-any.whl", hash = "sha256:b9be48c0a27eb972f8cfdc0f755cfa32fd16a598ff714b8f1a3b244c8622bed0"},
+    {file = "ingredient_parser_nlp-2.3.0-py3-none-any.whl", hash = "sha256:b972c5699a40282f9b472f15ed09717450045ba7126ade2fdb7f13502b58267b"},
-    {file = "ingredient_parser_nlp-2.2.0.tar.gz", hash = "sha256:cabd12bd01a030b19f1859a968219c7f2cd68dd08d03484194245f7454d85d20"},
+    {file = "ingredient_parser_nlp-2.3.0.tar.gz", hash = "sha256:2b742cf9b111026883128c10e356c6e94df9bcd96a3bcc80880958dc0a340e7e"},
 ]
 
 [package.dependencies]

pyproject.toml

@@ -3,7 +3,7 @@ authors = ["Hayden <hay-kot@pm.me>"]
 description = "A Recipe Manager"
 license = "AGPL"
 name = "mealie"
-version = "3.1.2"
+version = "3.2.0"
 include = [
     # Explicit include to override .gitignore when packaging the frontend
     { path = "mealie/frontend/**/*", format = ["sdist", "wheel"] }