From 3d3753f6ba9630d243bf105147f5a83285c4bb97 Mon Sep 17 00:00:00 2001
From: Avi Zimmerman <avi.zimmerman@gmail.com>
Date: Sun, 12 Nov 2023 14:48:56 +0200
Subject: [PATCH] bump webmesh-vue

---
 package.json                             |  4 ++--
 src/components/ConnectionProfileView.vue | 13 ++++++-------
 yarn.lock                                |  8 ++++----
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 16f91fd..28ae12a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "webmesh",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "An application for connecting to Webmesh networks",
   "productName": "Webmesh",
   "author": "Avi Zimmerman <avi.zimmerman@gmail.com>",
@@ -31,7 +31,7 @@
     "@typescript-eslint/eslint-plugin": "^5.10.0",
     "@typescript-eslint/parser": "^5.10.0",
     "@webmeshproject/api": "^0.12.2",
-    "@webmeshproject/vue": "^0.0.7",
+    "@webmeshproject/vue": "^0.0.8",
     "autoprefixer": "^10.4.2",
     "electron": "^27.0.3",
     "electron-builder": "^24.3.0",
diff --git a/src/components/ConnectionProfileView.vue b/src/components/ConnectionProfileView.vue
index a12743e..22b4d1e 100644
--- a/src/components/ConnectionProfileView.vue
+++ b/src/components/ConnectionProfileView.vue
@@ -80,9 +80,9 @@
           </div>
           <div>
             <strong class="q-px-sm">Total Transmit:</strong>
-            {{ humanFileSize(Number(interfaceMetrics?.totalTransmitBytes)) }}
+            {{ humanFileSize(Number(metrics?.totalTransmitBytes)) }}
             <strong class="q-px-sm">Total Receive:</strong>
-            {{ humanFileSize(Number(interfaceMetrics?.totalReceiveBytes)) }}
+            {{ humanFileSize(Number(metrics?.totalReceiveBytes)) }}
           </div>
         </div>
       </q-expansion-item>
@@ -142,12 +142,11 @@ export default defineComponent({
   setup(props) {
     const q = useQuasar();
     const daemon = useDaemon();
-    const { connect, disconnect, metrics, getNetwork, error } = useWebmesh(
-      daemon.options
-    );
+    const { connect, disconnect, deviceMetrics, getNetwork, error } =
+      useWebmesh(daemon.options);
+    const metrics = deviceMetrics(props.profile.id, 3000);
     const network = ref<Network | null>(null);
     const connected = ref<boolean | null>(false);
-    const interfaceMetrics = metrics(props.profile.id, 3000);
 
     const handleDaemonError = (err: Error, msg: string) => {
       console.log(msg, err);
@@ -239,7 +238,7 @@ export default defineComponent({
     return {
       connected,
       network,
-      interfaceMetrics,
+      metrics,
       humanFileSize,
       onClickConnectSwitch,
     };
diff --git a/yarn.lock b/yarn.lock
index 231bd5b..fde8691 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -687,10 +687,10 @@
     "@bufbuild/protobuf" "^1.4.1"
     "@connectrpc/connect" "^1.1.3"
 
-"@webmeshproject/vue@^0.0.7":
-  version "0.0.7"
-  resolved "https://registry.yarnpkg.com/@webmeshproject/vue/-/vue-0.0.7.tgz#c6415aea0c28b9c045e09a986c148868f8c7c105"
-  integrity sha512-DbMldhRglfQ4/Zpd4bHKqnIN6FKukV0WwaeHzP3hMkAWQc88hap4gZ3fRP8T5eqJwiFRQCRYYt3Gjtjuu8X+6g==
+"@webmeshproject/vue@^0.0.8":
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/@webmeshproject/vue/-/vue-0.0.8.tgz#94c08b051e24ae2c5f29722a6fcdb9e9c3af075c"
+  integrity sha512-jZX96tfGE23uh5TKkOPIu1DpFr0KGCU4XyWnjTm+RdODqB9Lj+afPNYjEWdxBLfqs/WfcF47pA4ghCXpRFbXvw==
   dependencies:
     "@connectrpc/connect" "^1.1.3"
     "@connectrpc/connect-web" "^1.1.3"