fix: Incorrect Usage of $vuetify.display (#6066)

This commit is contained in:
Michael Genson
2025-09-03 03:36:42 -05:00
committed by GitHub
parent 89c1e007cb
commit 608dbaa4c1
8 changed files with 22 additions and 19 deletions

View File

@@ -428,7 +428,7 @@ interface RecipeSuggestions {
export default defineNuxtComponent({
components: { QueryFilterBuilder, RecipeSuggestion, SearchFilter },
setup() {
const { $vuetify } = useNuxtApp();
const display = useDisplay();
const i18n = useI18n();
const $auth = useMealieAuth();
const route = useRoute();
@@ -437,7 +437,7 @@ export default defineNuxtComponent({
title: i18n.t("recipe-finder.recipe-finder"),
});
const useMobile = computed(() => $vuetify.display.smAndDown.value);
const useMobile = computed(() => display.smAndDown.value);
const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
const { isOwnGroup } = useLoggedInState();