merge

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

@@ -25,31 +25,28 @@
     </button>
   </header>
   <div class="dialog__inner" id="verre-brut">
-    <VPdfViewer
-      v-if="activeTab === 'rawGlass'"
-      :darkMode="true"
-      :initialThumbnailsVisible="true"
-      :src="step.files.static.rawGlass.url"
-      local="fr_FR"
-      @loaded="onPdfLoaded"
-    />
-    <VPdfViewer
-      v-if="activeTab === 'finishedGlass'"
-      :darkMode="true"
-      :initialThumbnailsVisible="true"
-      :src="step.files.static.finishedGlass.url"
-      local="fr_FR"
-      @loaded="onPdfLoaded"
-    />
+    <PdfViewer />
   </div>
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import { useVirtualSampleStore } from "../../../stores/virtualSample";
+import PdfViewer from "../PdfViewer.vue";
+import { storeToRefs } from "pinia";
+import { useDialogStore } from "../../../stores/dialog";
 
 const { step } = useVirtualSampleStore();
+const { openedFile } = storeToRefs(useDialogStore());
 const activeTab = ref(Object.keys(step.files.static)[0]);
+
+watch(
+  activeTab,
+  (newVal) => {
+    openedFile.value = step.files.static[newVal];
+  },
+  { immediate: true }
+);
 </script>
 
 <style scoped>