style: lint

Daydreamer-riri · Jul 21, 2024 · 34fc148 · 34fc148
1 parent a596ff4
commit 34fc148
Show file tree

Hide file tree

Showing 13 changed files with 411 additions and 365 deletions.
diff --git a/README.md b/README.md
@@ -36,16 +36,16 @@ function Demo() {
 
   return shouldMount
     ? (
-      <div
-        style={{
-          transition: 'opacity 0.3s',
-          opacity: (status === 'entering' || status === 'entered')
-            ? 1
-            : 0,
-        }}
-      >
-        Hello Word
-      </div>
+        <div
+          style={{
+            transition: 'opacity 0.3s',
+            opacity: (status === 'entering' || status === 'entered')
+              ? 1
+              : 0,
+          }}
+        >
+          Hello Word
+        </div>
       )
     : null
 }
@@ -74,7 +74,8 @@ function Demo() {
             exit: 'translateX(100%)',
           }[simpleStatus]
         }}
-        >{count}
+        >
+          {count}
         </p>
       ))}
     </div>

diff --git a/docs/components/BasicUseSwitchTransition/index.tsx b/docs/components/BasicUseSwitchTransition/index.tsx
@@ -25,7 +25,8 @@ export function BasicUseSwitchTransition() {
               }px)`,
               position: 'absolute',
             }}
-          >{text}
+          >
+            {text}
           </Button>
         ))}
       </div>

diff --git a/docs/components/BasicUseTransition/index.tsx b/docs/components/BasicUseTransition/index.tsx
@@ -10,14 +10,14 @@ export function BasicUseTransition() {
     <div>
       {shouldMount
         ? (
-          <div
-            style={{
-              transition: 'opacity 0.3s',
-              opacity: status === 'entering' || status === 'entered' ? 1 : 0,
-            }}
-          >
-            Hello Word
-          </div>
+            <div
+              style={{
+                transition: 'opacity 0.3s',
+                opacity: status === 'entering' || status === 'entered' ? 1 : 0,
+              }}
+            >
+              Hello Word
+            </div>
           )
         : null}
       <Button onClick={() => setShow(!show)}>toggle</Button>

diff --git a/docs/pages/docs/SwitchTransition.mdx b/docs/pages/docs/SwitchTransition.mdx
@@ -3,23 +3,23 @@
 ## Example
 
 ```tsx
-  <SwitchTransition state={count} timeout={300} mode="default">
-    {(state, { simpleStatus }) => (
-      <h1
-        style={{
-          transition: '.3s',
-          opacity: simpleStatus === 'enter' ? 1 : 0,
-          transform: {
-            from: 'translateX(-100%) scale(1.2)',
-            enter: 'translateX(0)',
-            leave: 'translateX(100%) scale(0)',
-          }[simpleStatus],
-        }}
-      >
-        {state} {simpleStatus} hello
-      </h1>
-    )}
-  </SwitchTransition>
+<SwitchTransition state={count} timeout={300} mode="default">
+  {(state, { simpleStatus }) => (
+    <h1
+      style={{
+        transition: '.3s',
+        opacity: simpleStatus === 'enter' ? 1 : 0,
+        transform: {
+          from: 'translateX(-100%) scale(1.2)',
+          enter: 'translateX(0)',
+          leave: 'translateX(100%) scale(0)',
+        }[simpleStatus],
+      }}
+    >
+      {state} {simpleStatus} hello
+    </h1>
+  )}
+</SwitchTransition>
 ```
 
 ## Type

diff --git a/docs/pages/docs/index.mdx b/docs/pages/docs/index.mdx
@@ -32,16 +32,16 @@ export function BasicUseTransition() {
     <div>
       {shouldMount
         ? (
-          <div
-            style={{
-              transition: 'opacity 0.3s',
-              opacity: (status === 'entering' || status === 'entered')
-                ? 1
-                : 0,
-            }}
-          >
-            Hello Word
-          </div>
+            <div
+              style={{
+                transition: 'opacity 0.3s',
+                opacity: (status === 'entering' || status === 'entered')
+                  ? 1
+                  : 0,
+              }}
+            >
+              Hello Word
+            </div>
           )
         : null}
       <button onClick={() => setShow(!show)}>toggle</button>

diff --git a/docs/pages/docs/useSwitchTransition.mdx b/docs/pages/docs/useSwitchTransition.mdx
@@ -33,7 +33,8 @@ export function BasicUseSwitchTransition() {
               }px)`,
             position: 'absolute',
           }}
-        >{text}
+        >
+          {text}
         </Button>
       ))}
     </div>

diff --git a/docs/pages/docs/useTransition.mdx b/docs/pages/docs/useTransition.mdx
@@ -22,16 +22,16 @@ export function BasicUseTransition() {
     <div>
       {shouldMount // [!code focus]
         ? (
-          <div
-            style={{
-              transition: 'opacity 0.3s',
-              opacity: (status === 'entering' || status === 'entered') // [!code focus]
-                ? 1 // [!code focus]
-                : 0, // [!code focus]
-            }}
-          >
-            Hello Word
-          </div>
+            <div
+              style={{
+                transition: 'opacity 0.3s',
+                opacity: (status === 'entering' || status === 'entered') // [!code focus]
+                  ? 1 // [!code focus]
+                  : 0, // [!code focus]
+              }}
+            >
+              Hello Word
+            </div>
           )
         : null}
       <button onClick={() => setShow(!show)}>toggle</button>

diff --git a/package.json b/package.json
@@ -93,7 +93,7 @@
     "@types/react": "^18.2.73",
     "@types/react-dom": "^18.2.24",
     "bumpp": "^9.4.0",
-    "eslint": "^9.7.0",
+    "eslint": "^8.57.0",
     "esno": "^4.7.0",
     "lint-staged": "15.2.2",
     "react": "^18.2.0",
-Original file line number
+Diff line change
@@ Expand Up / @@ -25,7 +25,8 @@ export function BasicUseSwitchTransition() { @@
                   }px)`,
                   position: 'absolute',
                 }}
-              >{text}
+              >
+                {text}
               </Button>
             ))}
           </div>
@@ Expand Down @@