lint & format

index.html

@@ -13,63 +13,71 @@
         <div class="col pt-3 pt-lg-5">
           <h1 class="mb-3">Tripeaks Solver</h1>
 
-          <div x-data="{show: false}" class="accordion mb-3" id="readMeAccordion">
+          <div
+            x-data="{show: false}"
+            class="accordion mb-3"
+            id="readMeAccordion"
+          >
             <div class="accordion-item">
-              <h2 id="readMeHeader" class="accordion-header" >
+              <h2 id="readMeHeader" class="accordion-header">
                 <button
                   class="accordion-button"
                   :class="{'collapsed': !show}"
                   type="button"
                   :aria-expanded="show ? 'true' : 'false'"
                   aria-controls="collapseOne"
-                  @click="show = !show">
+                  @click="show = !show"
+                >
                   Read Me / How To
                 </button>
               </h2>
-              <div id="collapseOne" class="accordion-collapse collapse" :class="{'show': show}" aria-labelledby="headingOne">
+              <div
+                id="collapseOne"
+                class="accordion-collapse collapse"
+                :class="{'show': show}"
+                aria-labelledby="headingOne"
+              >
                 <div class="accordion-body">
+                  <p>
+                    Enter cards representing a Tripeaks game below. Enter each
+                    card as 2 characters representing the rank (A, 2, 3, 4, 5,
+                    6, 7, 8, 9, T, J, Q, K) and suit (C, D, H, S). For example,
+                    "TH" is the Ten of Hearts.
+                  </p>
 
                   <p>
-                    Enter cards representing a Tripeaks game below. Enter each card as 2
+                    Use a single zero ("0") for unknown cards. However, the last
-                    characters representing the rank (A, 2, 3, 4, 5, 6, 7, 8, 9, T, J,
+                    34 cards (bottom row & stock) must be known, and you don't
-                    Q, K) and suit (C, D, H, S). For example, "TH" is the Ten of Hearts.
+                    need to enter unknown cards before the first card you know.
                   </p>
-        
+
                   <p>
-                    Use a single zero ("0") for unknown cards. However, the last 34
+                    Entry is case-insensitive, and you can separate cards with
-                    cards (bottom row & stock) must be known, and you don't need to
+                    any character (space, comma, etc), or use no separator.
-                    enter unknown cards before the first card you know.
+                    Valid examples:
                   </p>
-        
+
-                  <p>
-                    Entry is case-insensitive, and you can separate cards with any
-                    character (space, comma, etc), or use no separator. Valid examples:
-                  </p>
-        
                   <ul>
                     <li>
-                      7S 5D 7C 2D 0 0 3S 2H 3H 9H KC QC TD 8D 9C 7H 9D JS QS 4H 5C 5S 4C
+                      7S 5D 7C 2D 0 0 3S 2H 3H 9H KC QC TD 8D 9C 7H 9D JS QS 4H
-                      2C QD 8C KD 3D KS JD 2S 7D KH AH 5H 9S 4S QH 6S 6D 3C JC TC 8H 6C
+                      5C 5S 4C 2C QD 8C KD 3D KS JD 2S 7D KH AH 5H 9S 4S QH 6S
-                      TH AS AD 6H
+                      6D 3C JC TC 8H 6C TH AS AD 6H
                     </li>
                     <li>
-                      jc, ts, 6d, 7h, qh, 3s, 5h, jh, 6h, 2d, ac, 7s, 7c, 3d, kd, 9s,
+                      jc, ts, 6d, 7h, qh, 3s, 5h, jh, 6h, 2d, ac, 7s, 7c, 3d,
-                      3c, th, 6c, ah, 8h, tc, 4s, 8c, ad, 3h, ks, 6s, js, 7d, jd, td,
+                      kd, 9s, 3c, th, 6c, ah, 8h, tc, 4s, 8c, ad, 3h, ks, 6s,
-                      2c, kh
+                      js, 7d, jd, td, 2c, kh
                     </li>
                     <li>
                       7c03s0qsjc00JSasTSadtcqd9s4s2h9h8sjh6c3dks5s5c6h9C2Cac8C6d5DTH8dkckd9d4c5h8hqh6s
                     </li>
                   </ul>
-                  
                 </div>
               </div>
             </div>
-
           </div>
 
           <div class="row">
-
             <div class="col-12 col-lg-9 col-xl-8">
               <!-- User input of game cards -->
               <form
@@ -170,7 +178,9 @@
                   </template>
 
                   <!-- stock cards -->
-                  <span class="visually-hidden">Game Stock, the Draw Cards</span>
+                  <span class="visually-hidden"
+                    >Game Stock, the Draw Cards</span
+                  >
                   <template x-for="(card, index) in cardsBySlice(28, 52)">
                     <div
                       x-html="card === 0 || card === '0' ? cardSvgs['2B'] : cardSvgs[card]"
@@ -181,7 +191,6 @@
               </div>
             </div>
 
-
             <div class="col-12 col-lg-3 col-xl-4">
               <!-- Display of solvingprogress or solution -->
               <div id="gameSolving" x-data="gameSolving" x-init="onInit()">
@@ -191,7 +200,10 @@
                     role="status"
                     x-show="$store.global.solvingInProgress"
                   ></div>
-                  <h3 @solve-game.window="startSolver()" x-text="headerText"></h3>
+                  <h3
+                    @solve-game.window="startSolver()"
+                    x-text="headerText"
+                  ></h3>
                 </div>
 
                 <ul x-show="$store.global.solvingInProgress">
@@ -209,9 +221,7 @@
                 </ol>
               </div>
             </div>
-
           </div>
-
         </div>
       </div>
     </div>

vite.config.js

@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite'
+import { defineConfig } from "vite";
 
 export default defineConfig({
   // ...
-  base: './'
+  base: "./",
-})
+});