zwischenstand

src/pages/vault/[vaultId]/extensions/[extensionId].vue

@@ -1,7 +1,16 @@
 <template>
+  {{ iframeSrc }}
   <div class="w-full h-full">
-    <iframe class="w-full h-full" @load="" ref="iFrameRef"> </iframe>
-    <p>{{ t("loading") }}</p>
+    <iframe
+      v-if="iframeSrc"
+      class="w-full h-full"
+      @load=""
+      ref="iFrameRef"
+      :src="iframeSrc"
+      sandbox="allow-scripts allow-same-origin"
+    >
+    </iframe>
+    <p v-else>{{ t("loading") }}</p>
   </div>
 </template>
 
@@ -10,8 +19,21 @@ definePageMeta({
   name: "haexExtension",
 });
 
-const iframeRef = useTemplateRef("iFrameRef");
 const { t } = useI18n();
+const iframeRef = useTemplateRef("iFrameRef");
+
+const { extensionEntry: iframeSrc, currentExtension } = storeToRefs(useExtensionsStore());
+const extensionStore = useExtensionsStore();
+
+watch(iframeSrc, () => console.log("iframeSrc", iframeSrc.value), { immediate: true });
+
+onMounted(async () => {
+  const minfest = await extensionStore.readManifestFileAsync(
+    currentExtension.value!.id,
+    currentExtension.value!.version
+  );
+  console.log("manifest", minfest, extensionStore.extensionEntry);
+});
 </script>
 
 <i18n lang="yaml">