From 7c3a309b465d2cbf7dfecdf7b2f9627c74f3ac9f Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Tue, 17 Oct 2023 16:06:46 -0400
Subject: [PATCH] Added preview

---
 package.json                   |  3 ++-
 src/web/components/IpAlert.vue | 12 ++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 3971776..3abbe0d 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,8 @@
     "build:web": "vue-tsc --noEmit && vite build",
     "build:server": "tsc --project tsconfig.server.json",
     "build": "npm run clean && npm run build:web && npm run build:server",
-    "preview": "vite preview",
+    "preview:web": "vite preview --host",
+    "preview": "npm run build && npm start",
     "start": "NODE_ENV=production node dist/server"
   },
   "dependencies": {
diff --git a/src/web/components/IpAlert.vue b/src/web/components/IpAlert.vue
index 60362e1..8f4dd0b 100644
--- a/src/web/components/IpAlert.vue
+++ b/src/web/components/IpAlert.vue
@@ -17,9 +17,13 @@ const ipAddress = ref('')
 const loadingIpAddress = ref(false)
 
 onMounted(async () => {
-  loadingIpAddress.value = true
-  ipAddress.value = await trpc.myIp.query()
-
-  loadingIpAddress.value = false
+  try {
+    loadingIpAddress.value = true
+    ipAddress.value = await trpc.myIp.query()
+  } catch (error: any) {
+    ipAddress.value = error.message
+  } finally {
+    loadingIpAddress.value = false
+  }
 })
 </script>