style: format code with Prettier and StandardJS

src/components/stateless/ShiCode/index.jsx

@@ -1,4 +1,4 @@
 import React from 'react'
 import { codeToHtml } from 'shiki'
 import { Highlight, themes } from 'prism-react-renderer'
 import useCopyToClipboard from '@hooks/useCopyToClipboard'
@@ -8,16 +8,16 @@
 const ShiCode = ({ preCode }) => {
   const [copyToClipboard, copyResult] = useCopyToClipboard()
   const handleClickCopy = () => {
     copyToClipboard(preCode)
   }
 
   return (
     <div className="rounded-md bg-cyan-800 text-zinc-50">
       <header className="grid grid-cols-6 gap-3 items-center px-4 py-3">
         <div className="flex gap-1.5">
-          <div className="rounded-full h-3 w-3 bg-red-500"></div>
-          <div className="rounded-full h-3 w-3 bg-yellow-500"></div>
-          <div className="rounded-full h-3 w-3 bg-green-500"></div>
+          <div className="rounded-full h-3 w-3 bg-red-500" />
+          <div className="rounded-full h-3 w-3 bg-yellow-500" />
+          <div className="rounded-full h-3 w-3 bg-green-500" />
         </div>
         <div className="col-span-4 flex justify-center">
           <div className="bg-transparent text-center text-gray-400 text-sm font-medium focus:outline-none">

src/pages/home/index.jsx

@@ -1,4 +1,4 @@
 import React, { version, useState, useRef } from 'react'
 import { Input, Flex, Button } from 'antd'
 import { SendOutlined } from '@ant-design/icons'
 import { Atom, Merge, GitMerge, GitPullRequestArrow } from 'lucide-react'
@@ -186,7 +186,7 @@
       <section style={{ marginBottom: 40 }}>
         <AutoLink text="foo bar baz http://example.org bar https://github.com/wkylin/pro-react-admin" />
       </section>
-      <section className={styles.line}></section>
+      <section className={styles.line} />
       <section>
         <AvatarCard avatar="https://picsum.photos/seed/picsum/300/160" text="Hi, I'm a developer." />
       </section>
@@ -267,14 +267,14 @@
         <AnimateOnScreen.DiyAnimation
           from={{ opacity: 0, transform: 'translate(-100%, 0)' }}
           to={{ opacity: 1, transform: 'translate(0, 0)' }}
-          triggerOnce={true}
+          triggerOnce
         >
           <img src="https://picsum.photos/360/200.jpg" alt="" />
         </AnimateOnScreen.DiyAnimation>
       </section>
       <section style={{ marginBottom: 40, display: 'flex' }}>
         <SpotlightCard className="my-spot" style={{ width: 360, height: 200, color: '#fff' }}>
-          <section></section>
+          <section />
         </SpotlightCard>
       </section>
       <section
@@ -312,16 +312,16 @@
         mask
       </section>
       <section style={{ marginBottom: 40 }}>
-        <button className={styles['button']} onClick={fireConfetti}>
+        <button className={styles.button} onClick={fireConfetti}>
           <span className={styles['button-label']}>Click Me</span>
         </button>
       </section>
 
       <section style={{ position: 'relative', margin: '80px 0 160px 100px' }}>
-        <div className={styles['circle-1']}></div>
-        <div className={styles['circle-2']}></div>
-        <div className={styles['circle-3']}></div>
-        <div className={styles['circle-4']}></div>
+        <div className={styles['circle-1']} />
+        <div className={styles['circle-2']} />
+        <div className={styles['circle-3']} />
+        <div className={styles['circle-4']} />
       </section>
 
       <section style={{ margin: 20 }} className={styles.eHElAY}>
@@ -346,7 +346,7 @@
       <section style={{ width: 600, margin: '30px 0' }}>
         <Input defaultValue={apiKey} placeholder="api key" onChange={changeApiKey} style={{ marginBottom: 20 }} />
         <Flex align="center">
           <Input.TextArea
             ref={textareaRef}
             defaultValue={chatText}
             placeholder="来，说点什么呗...Meta + Enter发送"