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

@@ -27,7 +27,7 @@ const props = withDefaults(defineProps<Props>(), {
maxWidth: undefined,
});
const { $vuetify } = useNuxtApp();
const display = useDisplay();
const { recipeImage } = useStaticRoutes();
const { imageKey } = usePageState(props.recipe.slug);
const { user } = usePageUser();
@@ -42,7 +42,7 @@ if (user) {
const hideImage = ref(false);
const imageHeight = computed(() => {
return $vuetify.display.xs.value ? "200" : "400";
return display.xs.value ? "200" : "400";
});
const recipeImageUrl = computed(() => {