This commit is contained in:
Daniel O'Connor 2025-06-18 19:52:15 +00:00 committed by GitHub
commit 697fa2d554
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -67,19 +67,21 @@
<v-spacer />
<BaseButton
v-if="errors[index].unitError && errors[index].unitErrorMessage !== ''"
:title=errors[index].unitErrorMessage
color="warning"
small
@click="createUnit(ing.ingredient.unit, index)"
>
{{ errors[index].unitErrorMessage }}
{{ errors[index].unit }}
</BaseButton>
<BaseButton
v-if="errors[index].foodError && errors[index].foodErrorMessage !== ''"
:title=errors[index].foodErrorMessage
color="warning"
small
@click="createFood(ing.ingredient.food, index)"
>
{{ errors[index].foodErrorMessage }}
{{ errors[index].food }}
</BaseButton>
</v-card-actions>
</v-expansion-panel-content>
@ -90,7 +92,6 @@
</v-container>
</v-container>
</template>
<script lang="ts">
import { computed, defineComponent, ref, useContext, useRoute, useRouter, watch } from "@nuxtjs/composition-api";
import { invoke, until } from "@vueuse/core";
@ -180,20 +181,23 @@ export default defineComponent({
const unitError = !checkForUnit(ing.ingredient.unit);
const foodError = !checkForFood(ing.ingredient.food);
let unit = "";
let food = "";
let unitErrorMessage = "";
let foodErrorMessage = "";
if (unitError || foodError) {
if (unitError) {
if (ing?.ingredient?.unit?.name) {
const unit = ing.ingredient.unit.name || i18n.tc("recipe.parser.no-unit");
unit = ing.ingredient.unit.name || i18n.tc("recipe.parser.no-unit");
unitErrorMessage = i18n.t("recipe.parser.missing-unit", { unit }).toString();
}
}
if (foodError) {
if (ing?.ingredient?.food?.name) {
const food = ing.ingredient.food.name || i18n.tc("recipe.parser.no-food");
food = ing.ingredient.food.name || i18n.tc("recipe.parser.no-food");
foodErrorMessage = i18n.t("recipe.parser.missing-food", { food }).toString();
}
}
@ -203,8 +207,10 @@ export default defineComponent({
return {
ingredientIndex: index,
unitError,
unit,
unitErrorMessage,
foodError,
food,
foodErrorMessage,
} as Error;
}
@ -393,3 +399,9 @@ export default defineComponent({
},
});
</script>
<style lang="css">
.v-card__actions {
flex-wrap: wrap;
overflow: truncate;
}
</style>