Fix formats

lxsmnsyc · Jan 15, 2024 · f3e072f · f3e072f
1 parent b39c83f
commit f3e072f
Show file tree

Hide file tree

Showing 5 changed files with 70 additions and 69 deletions.
diff --git a/examples/preact/package.json b/examples/preact/package.json
@@ -17,4 +17,4 @@
     "preact": "^10.18.1"
   },
   "version": "0.7.2"
-}
+}
diff --git a/examples/preact/src/App.tsx b/examples/preact/src/App.tsx
@@ -15,26 +15,24 @@ interface TodoListItemProps {
 
 function TodoListItem({ item, setList }: TodoListItemProps): JSX.Element {
   return (
-    <div
-      className={`todo-item ${item.done ? 'complete' : 'pending'}`}
-    >
-      <div className="todo-item-content">
-        {item.message}
-      </div>
+    <div className={`todo-item ${item.done ? 'complete' : 'pending'}`}>
+      <div className="todo-item-content">{item.message}</div>
       <div className="todo-item-actions">
         <button
           type="button"
           className={`todo-item-toggle ${item.done ? 'complete' : 'pending'}`}
           onClick={(): void => {
-            setList((list) => list.map((value) => {
-              if (value === item) {
-                return {
-                  ...value,
-                  done: !item.done,
-                };
-              }
-              return value;
-            }));
+            setList(list =>
+              list.map(value => {
+                if (value === item) {
+                  return {
+                    ...value,
+                    done: !item.done,
+                  };
+                }
+                return value;
+              }),
+            );
           }}
         >
           {item.done ? 'Completed' : 'Pending'}
@@ -43,7 +41,7 @@ function TodoListItem({ item, setList }: TodoListItemProps): JSX.Element {
           type="button"
           className="todo-item-delete"
           onClick={(): void => {
-            setList((list) => list.filter((value) => value.id !== item.id));
+            setList(list => list.filter(value => value.id !== item.id));
           }}
         >
           Delete
@@ -59,7 +57,11 @@ interface TodoListFormProps {
   setList: (action: (list: TodoItem[]) => TodoItem[]) => void;
 }
 
-function TodoListForm({ setList, index, setIndex }: TodoListFormProps): JSX.Element {
+function TodoListForm({
+  setList,
+  index,
+  setIndex,
+}: TodoListFormProps): JSX.Element {
   const [message, setMessage] = useState('');
 
   return (
@@ -68,11 +70,14 @@ function TodoListForm({ setList, index, setIndex }: TodoListFormProps): JSX.Elem
       onSubmit={(e): void => {
         e.preventDefault();
 
-        setList((list) => [...list, {
-          done: false,
-          message,
-          id: index,
-        }]);
+        setList(list => [
+          ...list,
+          {
+            done: false,
+            message,
+            id: index,
+          },
+        ]);
         setIndex(index + 1);
         setMessage('');
       }}
@@ -84,10 +89,7 @@ function TodoListForm({ setList, index, setIndex }: TodoListFormProps): JSX.Elem
           setMessage((e.target as HTMLInputElement).value);
         }}
       />
-      <button
-        type="submit"
-        disabled={message === ''}
-      >
+      <button type="submit" disabled={message === ''}>
         Add
       </button>
     </form>
@@ -99,13 +101,11 @@ function TodoList(): JSX.Element {
   const [index, setIndex] = useState(0);
   return (
     <>
-      <TodoListForm
-        setList={setList}
-        index={index}
-        setIndex={setIndex}
-      />
+      <TodoListForm setList={setList} index={index} setIndex={setIndex} />
       <div className="todo-list">
-        {list.map((item) => <TodoListItem key={item.id} item={item} setList={setList} />)}
+        {list.map(item => (
+          <TodoListItem key={item.id} item={item} setList={setList} />
+        ))}
       </div>
     </>
   );

diff --git a/examples/preact/vite.config.js b/examples/preact/vite.config.js
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
-import preact from "@preact/preset-vite";
+import { defineConfig } from 'vite';
+import preact from '@preact/preset-vite';
 import forgettiPlugin from 'vite-plugin-forgetti';
 
 export default defineConfig({
@@ -13,6 +13,6 @@ export default defineConfig({
         include: 'src/**/*.{ts,js,tsx,jsx}',
         exclude: 'node_modules/**/*.{ts,js,tsx,jsx}',
       },
-    })
+    }),
   ],
 });
diff --git a/examples/react/package.json b/examples/react/package.json
@@ -20,4 +20,4 @@
     "react-dom": "^18.2.0"
   },
   "version": "0.7.2"
-}
+}
diff --git a/examples/react/src/App.tsx b/examples/react/src/App.tsx
@@ -1,3 +1,4 @@
+import type { JSX } from 'react';
 import { useState } from 'react';
 import './main.css';
 
@@ -14,26 +15,24 @@ interface TodoListItemProps {
 
 function TodoListItem({ item, setList }: TodoListItemProps): JSX.Element {
   return (
-    <div
-      className={`todo-item ${item.done ? 'complete' : 'pending'}`}
-    >
-      <div className="todo-item-content">
-        {item.message}
-      </div>
+    <div className={`todo-item ${item.done ? 'complete' : 'pending'}`}>
+      <div className="todo-item-content">{item.message}</div>
       <div className="todo-item-actions">
         <button
           type="button"
           className={`todo-item-toggle ${item.done ? 'complete' : 'pending'}`}
           onClick={(): void => {
-            setList((list) => list.map((value) => {
-              if (value === item) {
-                return {
-                  ...value,
-                  done: !item.done,
-                };
-              }
-              return value;
-            }));
+            setList(list =>
+              list.map(value => {
+                if (value === item) {
+                  return {
+                    ...value,
+                    done: !item.done,
+                  };
+                }
+                return value;
+              }),
+            );
           }}
         >
           {item.done ? 'Completed' : 'Pending'}
@@ -42,7 +41,7 @@ function TodoListItem({ item, setList }: TodoListItemProps): JSX.Element {
           type="button"
           className="todo-item-delete"
           onClick={(): void => {
-            setList((list) => list.filter((value) => value.id !== item.id));
+            setList(list => list.filter(value => value.id !== item.id));
           }}
         >
           Delete
@@ -58,7 +57,11 @@ interface TodoListFormProps {
   setList: (action: (list: TodoItem[]) => TodoItem[]) => void;
 }
 
-function TodoListForm({ setList, index, setIndex }: TodoListFormProps): JSX.Element {
+function TodoListForm({
+  setList,
+  index,
+  setIndex,
+}: TodoListFormProps): JSX.Element {
   const [message, setMessage] = useState('');
 
   return (
@@ -67,11 +70,14 @@ function TodoListForm({ setList, index, setIndex }: TodoListFormProps): JSX.Elem
       onSubmit={(e): void => {
         e.preventDefault();
 
-        setList((list) => [...list, {
-          done: false,
-          message,
-          id: index,
-        }]);
+        setList(list => [
+          ...list,
+          {
+            done: false,
+            message,
+            id: index,
+          },
+        ]);
         setIndex(index + 1);
         setMessage('');
       }}
@@ -83,10 +89,7 @@ function TodoListForm({ setList, index, setIndex }: TodoListFormProps): JSX.Elem
           setMessage((e.target as HTMLInputElement).value);
         }}
       />
-      <button
-        type="submit"
-        disabled={message === ''}
-      >
+      <button type="submit" disabled={message === ''}>
         Add
       </button>
     </form>
@@ -98,13 +101,11 @@ function TodoList(): JSX.Element {
   const [index, setIndex] = useState(0);
   return (
     <>
-      <TodoListForm
-        setList={setList}
-        index={index}
-        setIndex={setIndex}
-      />
+      <TodoListForm setList={setList} index={index} setIndex={setIndex} />
       <div className="todo-list">
-        {list.map((item) => <TodoListItem key={item.id} item={item} setList={setList} />)}
+        {list.map(item => (
+          <TodoListItem key={item.id} item={item} setList={setList} />
+        ))}
       </div>
     </>
   );
-Original file line number
+Diff line change
@@ Expand Up / @@ -17,4 +17,4 @@ @@
         "preact": "^10.18.1"
       },
       "version": "0.7.2"
-    }
+    }