feat: emphasize my ip in the devices table

GloryWong · Sep 14, 2023 · 0643fe6 · 0643fe6
1 parent 2f9b3a1
commit 0643fe6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/components/LanDevicesTable.vue b/components/LanDevicesTable.vue
@@ -64,7 +64,12 @@
               :color="ping ? 'green' : 'red'"
             ></v-icon>
           </td>
-          <td class="text-center">
+          <td
+            class="text-center"
+            :class="{
+              'font-weight-black': ip === networkInfo?.address,
+            }"
+          >
             {{ ip }}
           </td>
           <td class="text-center">{{ mac }}</td>
@@ -87,6 +92,8 @@ defineProps<{
   devices: DeviceInfo[];
 }>();
 
+const { networkInfo } = useNetworkInfo();
+
 const container = ref(null);
 const containerHeight = ref(300);
 useResizeObserver(container, (entries) => {

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lanwatcher",
   "productName": "LAN Watcher",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Watching the devices in local area network",
   "author": "Glory Wong",
   "main": "dist-electron/main.js",