Parse props individually to history dataset image component

Author: guerler

client/src/components/Markdown/Sections/Elements/HistoryDatasetAsImage.vue

@@ -1,20 +1,16 @@
 <script setup lang="ts">
 import DatasetAsImage from "@/components/Dataset/DatasetAsImage/DatasetAsImage.vue";
 
-interface DatasetAsImageArgs {
-    history_dataset_id: string;
-    path?: string;
-}
-
 interface Props {
-    args: DatasetAsImageArgs;
+    datasetId: string;
+    path?: string;
 }
 
-const props = defineProps<Props>();
+defineProps<Props>();
 </script>
 
 <template>
     <div>
-        <DatasetAsImage :path="props.args.path" :history-dataset-id="props.args.history_dataset_id" />
+        <DatasetAsImage :path="path" :history-dataset-id="datasetId" />
     </div>
 </template>

client/src/components/Markdown/Sections/Elements/HistoryDatasetDisplay.vue

@@ -70,7 +70,7 @@
                                 v-else-if="
                                     isSubTypeOfAny(metaData.ext, ['galaxy.datatypes.images.Image'], datatypesModel)
                                 "
-                                :args="args" />
+                                :dataset-id="datasetId" />
                             <div v-else-if="itemContent.item_data">
                                 <div v-if="isSubTypeOfAny(metaData.ext, ['tabular'], datatypesModel)">
                                     <LoadingSpan v-if="metaLoading" message="Loading Metadata" />

client/src/components/Markdown/Sections/MarkdownGalaxy.vue

@@ -112,7 +112,10 @@ function argToBoolean(args, name, booleanDefault) {
                 :loading="!isConfigLoaded">
             </InstanceUrl>
             <HistoryLink v-else-if="name == 'history_link'" :history-id="args.history_id" />
-            <HistoryDatasetAsImage v-else-if="name == 'history_dataset_as_image'" :args="args" />
+            <HistoryDatasetAsImage
+                v-else-if="name == 'history_dataset_as_image'"
+                :dataset-id="args.history_dataset_id"
+                :path="args.path" />
             <HistoryDatasetAsTable
                 v-else-if="name == 'history_dataset_as_table'"
                 :history-dataset-id="args.history_dataset_id"