some fixes

vue3/src/components/display/ImportLogViewer.vue

@@ -0,0 +1,34 @@
+<template>
+
+    <v-row v-if=" props.importLog.importedRecipes != undefined && props.importLog.totalRecipes != undefined">
+        <v-col>
+            <v-progress-linear :model-value="(props.importLog.importedRecipes/props.importLog.totalRecipes)*100" height="24" color="primary">
+                {{ props.importLog.importedRecipes }} / {{ props.importLog.totalRecipes }}
+            </v-progress-linear>
+        </v-col>
+    </v-row>
+
+    <v-row>
+        <v-col>
+            <v-textarea :model-value="importLog.msg"></v-textarea>
+        </v-col>
+    </v-row>
+
+
+</template>
+
+<script setup lang="ts">
+
+import {ImportLog} from "@/openapi";
+import {PropType} from "vue";
+
+const props = defineProps({
+    importLog: {type: {} as PropType<ImportLog>, required: true}
+})
+
+</script>
+
+
+<style scoped>
+
+</style>