From 1ce7da6a6f1ad2d1048070740f841400c6c9c690 Mon Sep 17 00:00:00 2001
From: KittenTM <aidenplayzroblox123@gmail.com>
Date: Thu, 14 May 2026 06:52:36 +0200
Subject: [PATCH] run lint

---
 app/components/ServiceCard.vue  | 28 +++++++++++++++++-----------
 app/components/StatusHeader.vue |  2 +-
 app/layouts/default.vue         |  2 +-
 app/pages/status.vue            | 23 ++++++++++++++++-------
 4 files changed, 35 insertions(+), 20 deletions(-)

diff --git a/app/components/ServiceCard.vue b/app/components/ServiceCard.vue
index f65bde3..920d7e1 100644
--- a/app/components/ServiceCard.vue
+++ b/app/components/ServiceCard.vue
@@ -2,20 +2,28 @@
   <div class="service-card">
     <div class="card-header">
       <div class="service-info">
-        <h3 class="service-name">{{ name }}</h3>
-        <span class="info-tooltip" title="Click for historical uptime metrics">?</span>
+        <h3 class="service-name">
+          {{ name }}
+        </h3>
+        <span
+          class="info-tooltip"
+          title="Click for historical uptime metrics"
+        >?</span>
       </div>
-      <div class="current-status-dot" :class="status.toLowerCase()"></div>
+      <div
+        class="current-status-dot"
+        :class="status.toLowerCase()"
+      />
     </div>
 
     <div class="uptime-graph">
-      <div 
-        v-for="(day, index) in uptimeHistory" 
+      <div
+        v-for="(day, index) in uptimeHistory"
         :key="index"
         class="bar"
         :class="day.status"
         :title="formatTooltip(day)"
-      ></div>
+      />
     </div>
 
     <div class="card-footer">
@@ -23,7 +31,7 @@
       <span class="uptime-percentage">{{ uptimePercentage }}% uptime</span>
       <span class="time-today">Today</span>
     </div>
-    
+
     <div class="status-label">
       {{ status }}
     </div>
@@ -31,9 +39,7 @@
 </template>
 
 <script setup>
-import { computed } from 'vue'
-
-const props = defineProps({
+defineProps({
   name: { type: String, required: true },
   status: { type: String, default: 'Normal' },
   uptimePercentage: { type: Number, default: 100.00 },
@@ -137,4 +143,4 @@ const formatTooltip = (day) => {
   font-size: 0.85rem;
   color: #8b949e;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/app/components/StatusHeader.vue b/app/components/StatusHeader.vue
index 0136af4..b472fa4 100644
--- a/app/components/StatusHeader.vue
+++ b/app/components/StatusHeader.vue
@@ -87,4 +87,4 @@
   justify-content: center;
   font-size: 0.9rem;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 544cc0d..943e053 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -9,4 +9,4 @@
 
 <script setup>
 import StatusHeader from '~/components/StatusHeader.vue'
-</script>
\ No newline at end of file
+</script>
diff --git a/app/pages/status.vue b/app/pages/status.vue
index e369a43..a40e227 100644
--- a/app/pages/status.vue
+++ b/app/pages/status.vue
@@ -1,22 +1,31 @@
 <template>
   <div class="status-dashboard-container">
     <div class="dashboard-meta">
-      <h2 class="title">Current Status</h2>
+      <h2 class="title">
+        Current Status
+      </h2>
       <div class="historical-link">
         Uptime over the past 90 days. <a href="#">View historical uptime.</a>
       </div>
     </div>
 
     <div class="status-banner operational">
-      <svg class="octicon octicon-check" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" fill="currentColor">
-        <path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm4.78 6.28-5.5 5.5a.75.75 0 0 1-1.06 0l-2.5-2.5a.751.751 0 0 1 .018-1.08.75.75 0 0 1 1.042.02L11 13.44l4.97-4.97a.75.75 0 0 1 1.06 1.06Z"></path>
+      <svg
+        class="octicon octicon-check"
+        viewBox="0 0 24 24"
+        width="24"
+        height="24"
+        aria-hidden="true"
+        fill="currentColor"
+      >
+        <path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm4.78 6.28-5.5 5.5a.75.75 0 0 1-1.06 0l-2.5-2.5a.751.751 0 0 1 .018-1.08.75.75 0 0 1 1.042.02L11 13.44l4.97-4.97a.75.75 0 0 1 1.06 1.06Z" />
       </svg>
       All Systems Operational
     </div>
 
     <div class="services-grid">
-      <ServiceCard 
-        v-for="service in mockServices" 
+      <ServiceCard
+        v-for="service in mockServices"
         :key="service.id"
         :name="service.name"
         :status="service.status"
@@ -56,7 +65,7 @@ const serviceNames = [
   'Sonic & All-Stars Racing Transformed', 'Minecraft: Wii U Edition', 'Fast Racing Neo'
 ]
 
-//only here until i actually implement health checks, its 6:30am and i havent slept..
+// only here until i actually implement health checks, its 6:30am and i havent slept..
 const mockServices = ref(
   serviceNames.map((name, index) => ({
     id: index + 1,
@@ -144,4 +153,4 @@ const mockServices = ref(
     gap: 8px;
   }
 }
-</style>
\ No newline at end of file
+</style>