diff --git a/components/content/MolstarPdbePlugin.vue b/components/content/MolstarPdbePlugin.vue index b1e68f0e932bb326510da4b34a63b873a1b3786e..00f24d797ab86b090c37dc35dde02d0487988847 100644 --- a/components/content/MolstarPdbePlugin.vue +++ b/components/content/MolstarPdbePlugin.vue @@ -107,7 +107,7 @@ const pdbeMolstarComponent = ref(null) const selectedPdb: Ref<string | null> = ref(null) const structureToDownload: Ref<string | null> = ref(null) const selectedPaePath = computed(() => { - return selectedPdb.value ? `${selectedPdb.value.split(".").slice(0, -1).join('.')}.png` : null + return selectedPdb.value ? `${selectedPdb.value.split(".").slice(0, -1).join('.')}.png` : undefined }) watch(selectedPdb, (newSelectedPdb, prevSelectPdb) => { @@ -191,7 +191,7 @@ const moleculeFormat: Ref<string> = ref("pdb") <v-sheet v-if="selectedPdb" class="d-flex align-center justify-center flex-wrap text-center mx-auto px-4 my-3" :height="computedHeight" :width="computedWidth" position="relative"> - <pdbe-molstar ref="pdbeMolstarComponent" landscape :custom-data-url="selectedPdb" alphafold-view + <pdbe-molstar ref="pdbeMolstarComponent" :custom-data-url="selectedPdb" alphafold-view sequence-panel :custom-data-format="moleculeFormat"></pdbe-molstar> </v-sheet> </v-col>