style: format

.github/workflows/publish.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Install dependencies
         run: |
           yarn
-          yarn playwright install 
+          yarn playwright install
       - name: test and build
         env:
           BASE_PATH: '/${{ github.event.repository.name }}'

playwright.config.ts

@@ -7,7 +7,6 @@ const config: PlaywrightTestConfig = {
 	},
 	testDir: 'tests',
 	testMatch: /(.+\.)?(test|spec)\.[jt]s/
-
 };
 
 export default config;

src/app.pcss

@@ -1,41 +1,39 @@
 /* Write your global styles here, in PostCSS syntax */
 :root {
-    /* only used for background color */
-    --primary: #fffaf2;
-    /* used for hint button, shuffle colors */
-    --secondary: #ffe1b8;
-    /* used for menus and inputs */
-    --tertiary: white;
-    /* used for all text */
-    --text: #002147;
-    --text-hover: #f5f2e4;
-
-    /* difficulty */
-    --easy: #b2f2af;
-    --medium: #f2e8af;
-    --hard: #f2afaf;
-    --expert: #afaff2;
-
-    --hint5: #ffebcc;
-
+	/* only used for background color */
+	--primary: #fffaf2;
+	/* used for hint button, shuffle colors */
+	--secondary: #ffe1b8;
+	/* used for menus and inputs */
+	--tertiary: white;
+	/* used for all text */
+	--text: #002147;
+	--text-hover: #f5f2e4;
+
+	/* difficulty */
+	--easy: #b2f2af;
+	--medium: #f2e8af;
+	--hard: #f2afaf;
+	--expert: #afaff2;
+
+	--hint5: #ffebcc;
 }
 
-
 html[data-theme='dark'] {
-  --primary: #1E1E1E;
+	--primary: #1e1e1e;
 
-  --secondary: #2F2F2F;
+	--secondary: #2f2f2f;
 
-  --tertiary: #333333;
+	--tertiary: #333333;
 
-  --text: #FFFFFF;
+	--text: #ffffff;
 
-  --text-hover: #C0C0C0;
+	--text-hover: #c0c0c0;
 
-    --easy: #2F2F2F;
-    --medium: #2F2F2F;
-    --hard: #2F2F2F;
-    --expert: #2F2F2F;
+	--easy: #2f2f2f;
+	--medium: #2f2f2f;
+	--hard: #2f2f2f;
+	--expert: #2f2f2f;
 
-    --hint5: #2F2F2F;
-}
+	--hint5: #2f2f2f;
+}

src/lib/ContextMenu.svelte

@@ -34,8 +34,9 @@
 			>
 		</li>
 		<li>
-			<button on:click={() => $theme = $theme === "light" ? "dark" : "light"} class="menubutton">
-				<Fa fw="true" style="margin-right: 8px" icon={$theme === "light" ? faMoon : faSun} />Toggle Theme
+			<button on:click={() => ($theme = $theme === 'light' ? 'dark' : 'light')} class="menubutton">
+				<Fa fw="true" style="margin-right: 8px" icon={$theme === 'light' ? faMoon : faSun} />Toggle
+				Theme
 			</button>
 		</li>
 	</ul>

src/lib/GuessBox.svelte

@@ -35,7 +35,7 @@
 		autocapitalize="off"
 		bind:value={guess}
 		id="guessInput"
-		class="{isAnswerIncorrect ? 'incorrect' : ''}"
+		class={isAnswerIncorrect ? 'incorrect' : ''}
 		bind:this={guessInput}
 		autocomplete="off"
 		placeholder="type a word"