Add support for browser extensions

helpers/eventBus.ts

@@ -0,0 +1,5 @@
+import mitt from "mitt";
+
+const eventBus = mitt();
+
+export { eventBus };

layouts/default.vue

@@ -3,7 +3,9 @@
     <header class="header">
       <div class="header-content">
         <Incognitee class="logo" />
-        <p class="address">{{ accountStore.getShortAddress }}</p>
+        <p class="address" @click="emitAddressClicked">
+          {{ accountStore.getShortAddress }}
+        </p>
       </div>
     </header>
     <footer class="footer">
@@ -90,8 +92,11 @@
 <script setup lang="ts">
 import Incognitee from "@/assets/img/incognitee-mask.svg";
 import { useAccount } from "@/store/account.ts";
-
+import { eventBus } from "@/helpers/eventBus";
 const accountStore = useAccount();
+const emitAddressClicked = () => {
+  eventBus.emit("addressClicked");
+};
 </script>
 
 <style scoped>

package.json

@@ -38,7 +38,8 @@
     "vue-router": "^4.3.2"
   },
   "dependencies": {
-    "@encointer/worker-api": "^0.14.2",
+    "@encointer/util": "^0.15.0",
+    "@encointer/worker-api": "^0.15.0",
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@headlessui/vue": "^1.7.22",
     "@heroicons/vue": "^2.1.3",
@@ -48,7 +49,7 @@
     "@nuxt/ui": "^2.15.2",
     "@pinia/nuxt": "^0.5.1",
     "@polkadot/api": "^11.2.1",
-    "@polkadot/extension-dapp": "^0.51.1",
+    "@polkadot/extension-dapp": "^0.47.6",
     "@polkadot/keyring": "^12.6.2",
     "@polkadot/util": "^12.6.2",
     "@polkadot/util-crypto": "^12.6.2",