implemented some missing settings

vue3/src/components/display/RecipeView.vue

@@ -117,7 +117,7 @@
             <external-recipe-viewer :recipe="recipe"></external-recipe-viewer>
         </template>
         <template v-else>
-            <v-card class="mt-1" v-if="recipe.steps.length > 1">
+            <v-card class="mt-1" v-if="recipe.steps.length > 1 && recipe.showIngredientOverview">
                 <steps-overview :steps="recipe.steps" :ingredient-factor="ingredientFactor"></steps-overview>
             </v-card>
 
@@ -170,7 +170,7 @@
             </v-card-text>
         </v-card>
 
-        <recipe-activity :recipe="recipe"></recipe-activity>
+        <recipe-activity :recipe="recipe" v-if="useUserPreferenceStore().userSettings.comments"></recipe-activity>
     </template>
 </template>
 
@@ -189,6 +189,7 @@ import {useMediaQuery, useWakeLock} from "@vueuse/core";
 import StepView from "@/components/display/StepView.vue";
 import {DateTime} from "luxon";
 import PropertyView from "@/components/display/PropertyView.vue";
+import {useUserPreferenceStore} from "@/stores/UserPreferenceStore.ts";
 
 const {request, release} = useWakeLock()
 const isPrintMode = useMediaQuery('print')

vue3/src/components/display/ShoppingLineItem.vue

@@ -31,7 +31,7 @@
             </div>
         </div>
 
-        <template #append>
+        <template v-slot:[checkBtnSlot]>
             <v-btn color="success" @click.native.stop="useShoppingStore().setEntriesCheckedState(entries, !isChecked, true);"
                    :class="{'btn-success': !isChecked, 'btn-warning': isChecked}" :icon="actionButtonIcon" variant="plain">
             </v-btn>
@@ -66,6 +66,7 @@ const props = defineProps({
     shoppingListFood: {type: {} as PropType<IShoppingListFood>, required: true},
     hideInfoRow: {type: Boolean, default: false}
 })
+const checkBtnSlot = ref(useUserPreferenceStore().userSettings.leftHanded ? 'prepend' : 'append')
 
 const dialog = ref(false)