Hide Registry Info, when no response

kristianbinau · Feb 24, 2025 · eebce0f · eebce0f
1 parent 3413971
commit eebce0f
Showing 1 changed file with 27 additions and 24 deletions.
diff --git a/app/pages/index.vue b/app/pages/index.vue
@@ -1,30 +1,33 @@
 <template>
   <div class="flex flex-col items-center justify-center gap-4 h-screen">
     <h1>Your IP address: {{ ip }}</h1>
-    <p>
-      Your Location: <span>{{ location }}</span>
-    </p>
-    <p>
-      Your Provider: <span>{{ provider }}</span>
-    </p>
-
-    <div class="flex gap-2">
-      <UBadge
-        v-if="isVPN"
-        icon="i-lucide-network"
-        color="warning"
-        variant="outline"
-        >VPN Connection</UBadge
-      >
-
-      <UBadge
-        v-if="isProxy"
-        icon="i-lucide-network"
-        color="info"
-        variant="outline"
-        >Proxy Connection</UBadge
-      >
-    </div>
+
+    <template v-if="registryInfo">
+      <p>
+        Your Location: <span>{{ location }}</span>
+      </p>
+      <p>
+        Your Provider: <span>{{ provider }}</span>
+      </p>
+
+      <div class="flex gap-2">
+        <UBadge
+          v-if="isVPN"
+          icon="i-lucide-network"
+          color="warning"
+          variant="outline"
+          >VPN Connection</UBadge
+        >
+
+        <UBadge
+          v-if="isProxy"
+          icon="i-lucide-network"
+          color="info"
+          variant="outline"
+          >Proxy Connection</UBadge
+        >
+      </div>
+    </template>
   </div>
 </template>