#137 - create single image component and add download image function

src/components/project/virtual-sample/SingleImage.vue

@@ -0,0 +1,29 @@
+<template>
+  <figure>
+    <img :src="file.url" alt="" />
+  </figure>
+</template>
+
+<script setup>
+import { storeToRefs } from 'pinia';
+import { useVirtualSampleStore } from '../../../stores/virtualSample';
+import { watch } from 'vue';
+
+const { file } = defineProps({
+  file: Object,
+});
+
+const { isDownloadTriggered } = storeToRefs(useVirtualSampleStore());
+
+// Download image
+watch(isDownloadTriggered, (newValue) => {
+  if (!newValue) return;
+  const downloadNode = document.createElement('a');
+  downloadNode.setAttribute('href', file.source);
+  downloadNode.setAttribute('download', '');
+  document.body.appendChild(downloadNode);
+  console.log(downloadNode);
+  downloadNode.click();
+  document.body.removeChild(downloadNode);
+});
+</script>