Big formatting spree

vue/src/views/home/Gym2.vue

@@ -5,7 +5,9 @@ import { useHomeDataStore } from "@/stores/homeData";
 import { useAuthStore } from "@/stores/auth";
 import { storeToRefs } from "pinia";
 
-const CreateRowing = defineAsyncComponent(() => import("@/views/admin/CreateRowing.vue"));
+const CreateRowing = defineAsyncComponent(
+  () => import("@/views/admin/CreateRowing.vue"),
+);
 
 const store = useHomeDataStore();
 const authStore = useAuthStore();
@@ -117,13 +119,22 @@ function formatValue(key, val) {
     <Header>
       <span class="flex items-center justify-between w-full">
         {{ showCreate ? "Upload Rowing" : "Rowing" }}
-        <button v-if="authStore.user.admin" class="text-sm px-1" @click="showCreate = !showCreate">
+        <button
+          v-if="authStore.user.admin"
+          class="text-sm px-1"
+          @click="showCreate = !showCreate"
+        >
           {{ showCreate ? "x" : "+" }}
         </button>
       </span>
     </Header>
 
-    <CreateRowing v-if="showCreate" class="flex-1 p-1" @done="showCreate = false" @cancel="showCreate = false" />
+    <CreateRowing
+      v-if="showCreate"
+      class="flex-1 p-1"
+      @done="showCreate = false"
+      @cancel="showCreate = false"
+    />
     <div v-else-if="loading" class="flex-1 flex items-center justify-center">
       <p>Loading...</p>
     </div>