Make the indentation more readable

Author: patdx

pages/index/index.page.tsx

@@ -49,7 +49,7 @@ export const Page = observer(function Page() {
 
       <div>Wrapped query:</div>
 
-      <div className="rounded bg-blue-50 form-textarea w-full whitespace-pre-wrap text-sm">
+      <div className="font-mono rounded bg-blue-50 form-textarea w-full whitespace-pre-wrap text-sm">
         {parsed}
       </div>
     </div>

pages/index/state.ts

@@ -75,15 +75,14 @@ function generateJsonQuery(queries: Query[]) {
     const columns = parseOne(query);
     if (!columns || columns.length === 0) continue;
     parts.push(`  '${query.name}',
-    (
-      select json_group_array(
-        json_object(${columns.map((col) => `'${col}', ${col}`).join(', ')})
-      )
-      from
-        (
-  ${indentString(query.sql, 8)}
-        )
-    )`);
+  (
+    select json_group_array(
+      json_object(${columns.map((col) => `'${col}', ${col}`).join(', ')})
+    )
+    from (
+${indentString(query.sql, 6)}
+    )
+  )`);
   }
 
   const result = `select json_object(