Fix skeleton not showing on purchase

apps/frontend/src/pages/servers/manage/index.vue

@@ -89,7 +89,10 @@
         </div>
       </div>
 
-      <ul v-if="filteredData.length > 0" class="m-0 flex flex-col gap-4 p-0">
+      <ul
+        v-if="filteredData.length > 0 || isPollingForNewServers"
+        class="m-0 flex flex-col gap-4 p-0"
+      >
         <UiServersServerListing
           v-for="server in filteredData"
           :key="server.server_id"

packages/ui/src/composables/stripe.ts

@@ -230,8 +230,8 @@ export const useStripe = (
           metadata: {
             type: 'pyro',
             server_region: region.value,
-            source: {}
-          }
+            source: {},
+          },
         })
         console.log(`Updated payment intent: ${interval.value} for ${result.total}`)
       } else {
@@ -245,8 +245,8 @@ export const useStripe = (
           metadata: {
             type: 'pyro',
             server_region: region.value,
-            source: {}
-          }
+            source: {},
+          },
         }))
         console.log(`Created payment intent: ${interval.value} for ${result.total}`)
       }