style: format code in src folder

Author: K1ethoang

src/routes/index.tsx

@@ -1,4 +1,10 @@
-import { $, component$, useSignal, useStore, useVisibleTask$ } from "@builder.io/qwik";
+import {
+  $,
+  component$,
+  useSignal,
+  useStore,
+  useVisibleTask$,
+} from "@builder.io/qwik";
 import { useNavigate } from "@builder.io/qwik-city";
 import Button from "~/components/button/button";
 import { FaXmarkSolid } from "@qwikest/icons/font-awesome";
@@ -8,63 +14,75 @@ import {
   recentBillsStore,
 } from "~/providers/recent-bills-store";
 
-
 export default component$(() => {
-  const billData =  useStore({
+  const billData = useStore({
     billName: "",
-    memberCount: 0
-  })
+    memberCount: 0,
+  });
 
   const nav = useNavigate();
   const recentBills = useSignal<RecentBill[]>([]);
-  const titleBill = useSignal<string>("");
 
   // eslint-disable-next-line qwik/no-use-visible-task
   useVisibleTask$(() => {
     recentBills.value = recentBillsStore.getRecentBillsArray();
   });
 
-  const onStart = $(async() => {
-    if(billData.billName.trim() === "")
-    {
+  const onStart = $(async () => {
+    if (billData.billName.trim() === "") {
       alert("Enter bill's name");
       return;
     }
-    if(billData.memberCount === 0)
-    {
+    if (billData.memberCount === 0) {
       alert("Enter number of members");
       return;
     }
     billData.billName = billData.billName.trim();
 
     const searchParams = new URLSearchParams({
-    billName: billData.billName,
-    memberCount: billData.memberCount.toString()
-  });
-    await nav("/start?"+searchParams.toString());
+      billName: billData.billName,
+      memberCount: billData.memberCount.toString(),
+    });
+    await nav("/start?" + searchParams.toString());
   });
 
   return (
     <>
       <main>
         <div class="flex flex-col gap-4 items-center">
           <h2 class="text-3xl">Split your travel expenses easily</h2>
-          
-        <div class="grid gap-6 mb-6 md:grid-cols-2">
+
+          <div class="grid gap-6 mb-6 md:grid-cols-2">
             <div>
-              <label for="bill-name" class="block mb-2 text-xl font-medium">Bill name</label>
-              <input type="text" id="bill-name" class="border text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" placeholder="Enter name of bill" onInput$={(_, el) => (billData.billName = el.value)}/>
-              
+              <label for="bill-name" class="block mb-2 text-xl font-medium">
+                Bill name
+              </label>
+              <input
+                type="text"
+                id="bill-name"
+                class="border text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
+                placeholder="Enter name of bill"
+                onInput$={(_, el) => (billData.billName = el.value)}
+              />
             </div>
             <div>
-              <label for="bill-name" class="block mb-2 text-xl font-medium">Number of members</label>
-              <input type="number" id="bill-name" class="border text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" placeholder="Enter number of members" onInput$={(_, el) => (billData.memberCount = parseInt(el.value))}/>
+              <label for="bill-name" class="block mb-2 text-xl font-medium">
+                Number of members
+              </label>
+              <input
+                type="number"
+                id="bill-name"
+                class="border text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
+                placeholder="Enter number of members"
+                onInput$={(_, el) =>
+                  (billData.memberCount = parseInt(el.value))
+                }
+              />
             </div>
-          
-        </div>
-            <Button size={"big"} onClick$={onStart} >
-              Start!
-            </Button>
+          </div>
+          <Button size={"big"} onClick$={onStart}>
+            Start!
+          </Button>
           {recentBills.value.length > 0 && (
             <div>
               <h3 class="text-2xl">Recent Bills</h3>

src/routes/start/[...id]/index.tsx

@@ -67,8 +67,13 @@ export default component$(() => {
   useVisibleTask$(async () => {
     if (!params.id) {
       store.name = searchParams.get("billName") || BILL_NAME_DEFAULT;
-      store.members = Array.from({ length: parseInt(searchParams.get("memberCount") || MEMBER_COUNT_DEFAULT.toString()) }, () =>
-        initialStore(),
+      store.members = Array.from(
+        {
+          length: parseInt(
+            searchParams.get("memberCount") || MEMBER_COUNT_DEFAULT.toString(),
+          ),
+        },
+        () => initialStore(),
       );
 
       return;