Add link to printer IP address in PrinterCard.vue

web/src/components/PrinterCard.vue

@@ -35,7 +35,15 @@
               {{ printer.location || '-' }}
             </v-list-item-title>
             <v-list-item-subtitle>
-              {{ printer.ip }} ({{ printer.network.name }})
+              <a
+                class="link"
+                :href="`http://${printer.ip}`"
+                target="_blank"
+                rel="noreferrer"
+              >
+                {{ printer.ip }} ({{ printer.network.name }})
+                <v-icon size="x-small">mdi-open-in-new</v-icon>
+              </a>
             </v-list-item-subtitle>
           </v-list-item>
           <v-list-item>
@@ -127,4 +135,13 @@ const printerAlert = computed(() => {
   top: 0;
   z-index: 99;
 }
+
+.link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.link:hover {
+  text-decoration: underline;
+}
 </style>