Added variants base functionality.

2026-01-22 20:13:38 +01:00
parent a87500fb24
commit 95fa29a6b3
10 changed files with 407 additions and 23 deletions
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+  import type {Variant} from "~/types/variant";
+
+  const props = defineProps({
+    variant: {type: Object as PropType<Variant>, required: true},
+    variantIndex: {type: Number, required: true},
+  });
+</script>
+
+<template>
+  <v-row
+      align="start"
+  >
+    <v-col cols="2">
+      <v-row>
+        <v-text-field
+            v-model.trim="variant.weight"
+            label="Gewicht"
+            :readonly="true"
+        />
+      </v-row>
+      <v-row>
+        <v-text-field
+            v-model.trim="variant.ean"
+            label="EAN"
+            :readonly="true"
+        />
+      </v-row>
+    </v-col>
+
+    <v-col cols="5">
+      <v-text-field
+          v-model="variant.description"
+          label="Bezeichnung"
+          :readonly="true"
+          hide-details
+      />
+    </v-col>
+
+    <v-col cols="5">
+      <v-text-field
+          v-model="variant.ingredients"
+          label="Zutaten"
+          :readonly="true"
+          hide-details
+      />
+    </v-col>
+  </v-row>
+</template>
+
+<style scoped>
+
+</style>