From 428ed81e5be74a35d522f4a6112a67efd6d3594c Mon Sep 17 00:00:00 2001
From: Dorian Zedler <dorian@itsblue.de>
Date: Thu, 5 Jan 2023 19:46:46 +0100
Subject: [PATCH] Chore: format

---
 index.css         | 26 +++++++++++++++++++-------
 index.html        |  3 +--
 js/remoteState.js |  7 +++----
 3 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/index.css b/index.css
index b603ad3..6608767 100644
--- a/index.css
+++ b/index.css
@@ -34,17 +34,29 @@
 
 .first-details {
   padding-top: var(--spacing);
-    border-bottom: var(--border-width) solid var(--accordion-border-color);
-    border-top: var(--border-width) solid var(--accordion-border-color);
+  border-bottom: var(--border-width) solid var(--accordion-border-color);
+  border-top: var(--border-width) solid var(--accordion-border-color);
 }
 
-:is(button, input[type="submit"], input[type="button"], [role="button"]).outline.invalid, input[type="reset"].outline {
+:is(
+    button,
+    input[type="submit"],
+    input[type="button"],
+    [role="button"]
+  ).outline.invalid,
+input[type="reset"].outline {
   --color: var(--form-element-invalid-border-color);
   --background-color: transparent;
 }
 
-:is(button, input[type="submit"], input[type="button"], [role="button"]).invalid, input[type="reset"] {
-	--background-color: var(--form-element-invalid-border-color);
+:is(
+    button,
+    input[type="submit"],
+    input[type="button"],
+    [role="button"]
+  ).invalid,
+input[type="reset"] {
+  --background-color: var(--form-element-invalid-border-color);
   --border-color: var(--form-element-invalid-border-color);
-	cursor: pointer;
-}
\ No newline at end of file
+  cursor: pointer;
+}
diff --git a/index.html b/index.html
index cbb93bc..d8572b9 100644
--- a/index.html
+++ b/index.html
@@ -37,8 +37,7 @@
                 </button>
 
                 <label for="skip_switch" class="mb">
-                    <input x-model="$store.remoteState.skipMe"
-                        type="checkbox" id="skip_switch" role="switch" />
+                    <input x-model="$store.remoteState.skipMe" type="checkbox" id="skip_switch" role="switch" />
                     Skip me
                 </label>
 
diff --git a/js/remoteState.js b/js/remoteState.js
index 46a0aa1..fac5815 100644
--- a/js/remoteState.js
+++ b/js/remoteState.js
@@ -30,13 +30,12 @@ document.addEventListener("alpine:init", () => {
       });
 
       Alpine.effect(() => {
-        const myTurn = this.currentPlayer == Alpine.store("localState").id
+        const myTurn = this.currentPlayer == Alpine.store("localState").id;
         if (myTurn && !this.skipMe) {
           this.isMyTurn = true;
           Alpine.store("audio").playDing();
-        } 
-        else if(myTurn && this.skipMe) {
-          this.giveTurnToNextPlayer()
+        } else if (myTurn && this.skipMe) {
+          this.giveTurnToNextPlayer();
         } else {
           this.isMyTurn = false;
         }