steps overview in recipe view

vue3/src/components/display/IngredientsTable.vue

@@ -0,0 +1,32 @@
+<template>
+    <v-table density="compact" v-if="ingredients.length > 0">
+        <tbody>
+        <IngredientsTableRow v-for="i in ingredients" :ingredient="i" :key="i.id"></IngredientsTableRow>
+        </tbody>
+    </v-table>
+</template>
+
+<script lang="ts">
+import {defineComponent, PropType} from 'vue'
+import {Ingredient, Step} from "@/openapi";
+import IngredientsTableRow from "@/components/display/IngredientsTableRow.vue";
+
+export default defineComponent({
+    name: "IngredientsTable",
+    components: {IngredientsTableRow},
+    props: {
+        ingredients: {
+            type: [] as PropType<Array<Ingredient>>,
+            default: [],
+        },
+    },
+    mounted() {
+
+    }
+})
+</script>
+
+
+<style scoped>
+
+</style>