diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
index 0d009667b..e1c0301bb 100644
--- a/src/pages/home/index.jsx
+++ b/src/pages/home/index.jsx
@@ -80,7 +80,7 @@ import {
   prettyObject,
   // randomNum,
   getDirection,
-  oneApiImage,
+  oneApiImage
 } from '@utils/aidFn'
 import { fireConfetti } from '@utils/confetti'
 import Zoom from 'react-medium-image-zoom'
@@ -96,7 +96,7 @@ const code = {
 main : "This component needs more than the default code block to be displayed"
 detailed : "For now, if you want the exact same behaviour, please check the github"
 }`,
-  lang: 'typescript',
+  lang: 'typescript'
 }
 
 const preCode = `
@@ -121,26 +121,26 @@ const slugs = [
   'vercel',
   'docker',
   'git',
-  'sonarqube',
+  'sonarqube'
 ]
 
 const dataSteps = [
   {
     title: 'Step 1',
-    code: 'npx create-react-app my-app',
+    code: 'npx create-react-app my-app'
   },
   {
     title: 'Step 2',
-    code: 'cd my-app',
+    code: 'cd my-app'
   },
   {
     title: 'Step 3',
-    code: 'npm start',
+    code: 'npm start'
   },
   {
     title: 'Step 4',
-    code: 'npm run build',
-  },
+    code: 'npm run build'
+  }
 ]
 
 const Home = () => {
@@ -231,8 +231,8 @@ const Home = () => {
       [
         {
           content: text,
-          role: 'user',
-        },
+          role: 'user'
+        }
       ],
       key,
       signal
@@ -316,8 +316,8 @@ const Home = () => {
       [
         {
           content: text,
-          role: 'user',
-        },
+          role: 'user'
+        }
       ],
       key,
       signal
@@ -348,7 +348,7 @@ const Home = () => {
             setAiImageList(
               res.data.map((item) => ({
                 imageUrl: item.url,
-                imagePrompt: item.revised_prompt,
+                imagePrompt: item.revised_prompt
               }))
             )
           })
@@ -364,7 +364,7 @@ const Home = () => {
   const scrollRef = useRef(null)
   const [customElement, setCustomElement] = useState()
   const { scrollDir, scrollPosition } = useDetectScroll({
-    target: customElement,
+    target: customElement
   })
 
   useEffect(() => {
@@ -407,12 +407,12 @@ const Home = () => {
         <ColorfulText text={`React version: ${version}`} />
       </section>
       <section style={{ width: 600, margin: '30px 0' }}>
-        <Input defaultValue={apiKey} placeholder="api key" onChange={changeApiKey} style={{ marginBottom: 20 }} />
-        <Flex align="center">
+        <Input defaultValue={apiKey} placeholder='api key' onChange={changeApiKey} style={{ marginBottom: 20 }} />
+        <Flex align='center'>
           <Input.TextArea
             ref={textareaRef}
             defaultValue={chatText}
-            placeholder="来，说点什么呗...Meta + Enter发送"
+            placeholder='来，说点什么呗...Meta + Enter发送'
             onChange={changeChatText}
             onKeyDown={onInputKeyDown}
             autoSize
@@ -421,7 +421,7 @@ const Home = () => {
           <Button
             style={{ margin: '0 10px' }}
             icon={<SendOutlined rotate={-60} />}
-            type="primary"
+            type='primary'
             disabled={isStream}
             onClick={onSubmit}
           >
@@ -430,28 +430,28 @@ const Home = () => {
           <Button
             style={{ margin: '0 10px' }}
             icon={<SendOutlined rotate={-60} />}
-            type="primary"
+            type='primary'
             disabled={isStream}
             onClick={onSubmitImage}
           >
             生成图片
           </Button>
-          <Button icon={<SendOutlined rotate={-60} />} type="primary" disabled={!isStream} onClick={onStop}>
+          <Button icon={<SendOutlined rotate={-60} />} type='primary' disabled={!isStream} onClick={onStop}>
             停止
           </Button>
         </Flex>
       </section>
-      <section className="mb-10">
+      <section className='mb-10'>
         {isStream && <div>正在输入...</div>}
         <section style={{ textAlign: 'right', color: '#666' }}>{dateTime}</section>
         <ReMarkdown markdownText={aiText} isLoading={isStream} />
-        <section className="aiImage">
+        <section className='aiImage'>
           {aiImageList.length > 0 && (
             <>
               {aiImageList.map((item, index) => (
                 <div key={index}>
                   <div>{item.imagePrompt}</div>
-                  <img src={item.imageUrl} width="100%" alt={item.url} />
+                  <img src={item.imageUrl} width='100%' alt={item.url} />
                 </div>
               ))}
             </>
@@ -468,31 +468,31 @@ const Home = () => {
         <TypeWriter
           text={['年轻到足以创新, 成熟到懂得坚持', '你既有冒险的勇气, 又有控制风险的智慧', '人生不设限，梦想不过期! ']}
           speed={70}
-          className="text-gray-500"
+          className='text-gray-500'
           waitTime={1500}
           deleteSpeed={40}
-          cursorChar={'_'}
+          cursorChar='_'
         />
       </section>
       <section style={{ margin: '20px 0', fontSize: 20 }}>
-        <MultiDirectionSlide textLeft="逐光前行，奔赴新程；" textRight="千山过尽，万里星辰！" />
+        <MultiDirectionSlide textLeft='逐光前行，奔赴新程；' textRight='千山过尽，万里星辰！' />
       </section>
       <section style={{ margin: '20px 0', fontSize: 20 }}>
-        <AnimText animText="逐光前行，奔赴新程；千山过尽，万里星辰！" />
+        <AnimText animText='逐光前行，奔赴新程；千山过尽，万里星辰！' />
       </section>
       <section style={{ marginBottom: 15, fontSize: 20, overflow: 'hidden' }}>
         This is something
         <SlideText text={['amazing', 'new', 'wonderful', 'beautiful', 'smart']} />
       </section>
       <section style={{ marginBottom: 15, fontSize: 20 }}>
-        <SparklesText text="千山过尽，万里星辰!" sparklesCount={5} />
+        <SparklesText text='千山过尽，万里星辰!' sparklesCount={5} />
       </section>
 
       <section style={{ marginBottom: 15, fontSize: 20 }}>
-        <AutoLink text="foo bar baz http://example.org bar https://github.com/wkylin/pro-react-admin" />
+        <AutoLink text='foo bar baz http://example.org bar https://github.com/wkylin/pro-react-admin' />
       </section>
       <section style={{ marginBottom: 15, fontSize: 20 }}>
-        <ShinyText text="Just some shiny text!" disabled={false} speed={3} />
+        <ShinyText text='Just some shiny text!' disabled={false} speed={3} />
       </section>
       {/* <section style={{ marginBottom: 15, fontSize: 20 }}>
         <BlurText text="Isn't this so cool?!" delay={50} />
@@ -504,7 +504,7 @@ const Home = () => {
             'Loading awesome content',
             'Almost there',
             'Just a moment',
-            'Getting things ready',
+            'Getting things ready'
           ]}
         />
       </section>
@@ -533,7 +533,7 @@ const Home = () => {
         style={{
           marginBottom: 15,
           position: 'relative',
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <IconCloud images={images} />
@@ -542,7 +542,7 @@ const Home = () => {
         style={{
           marginBottom: 15,
           position: 'relative',
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <NumberViewCard />
@@ -555,12 +555,12 @@ const Home = () => {
           width: 360,
           background: '#111827',
           position: 'relative',
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
-        <Meteors starCount={30} primaryColor="#6366f1" className="opacity-30" />
-        <Meteors starCount={25} primaryColor="#818cf8" className="opacity-50" />
-        <Meteors starCount={20} primaryColor="#ffffff" className="opacity-70" />
+        <Meteors starCount={30} primaryColor='#6366f1' className='opacity-30' />
+        <Meteors starCount={25} primaryColor='#818cf8' className='opacity-50' />
+        <Meteors starCount={20} primaryColor='#ffffff' className='opacity-70' />
       </section>
       <section
         style={{
@@ -568,16 +568,16 @@ const Home = () => {
           fontSize: 20,
           height: 200,
           width: 360,
-          background: '#111827',
+          background: '#111827'
         }}
       >
         <SparklesCore
-          background="transparent"
+          background='transparent'
           minSize={0.4}
           maxSize={1}
           particleDensity={1200}
-          className="h-full w-full"
-          particleColor="#FFFFFF"
+          className='h-full w-full'
+          particleColor='#FFFFFF'
         />
       </section>
       <section
@@ -587,9 +587,9 @@ const Home = () => {
           height: 200,
           width: 360,
           overflow: 'hidden',
-          position: 'relative',
+          position: 'relative'
         }}
-        className="bg-slate-900"
+        className='bg-slate-900'
       >
         <BackgroundBoxes />
       </section>
@@ -600,9 +600,9 @@ const Home = () => {
           height: 200,
           width: 360,
           overflow: 'hidden',
-          position: 'relative',
+          position: 'relative'
         }}
-        className="bg-slate-900"
+        className='bg-slate-900'
       >
         <MemoizedStars />
       </section>
@@ -617,7 +617,7 @@ const Home = () => {
           display: 'flex',
           alignItems: 'center',
           justifyContent: 'center',
-          color: '#fff',
+          color: '#fff'
         }}
       >
         Direction: {enterDirection}
@@ -626,10 +626,10 @@ const Home = () => {
         <CompareAll
           firstImage={firstImage}
           secondImage={secondImage}
-          firstImageClassName="object-cover object-left-top"
-          secondImageClassName="object-cover object-left-top"
-          className="h-[200px]"
-          slideMode="drag"
+          firstImageClassName='object-cover object-left-top'
+          secondImageClassName='object-cover object-left-top'
+          className='h-[200px]'
+          slideMode='drag'
         />
       </section>
       <section
@@ -637,15 +637,15 @@ const Home = () => {
           margin: '20px 0',
           width: 360,
           height: 200,
-          background: '#000',
+          background: '#000'
         }}
       >
         <SquaresGrid
           speed={0.5}
           squareSize={20}
-          direction="diagonal" // up, down, left, right, diagonal
-          borderColor="#222"
-          hoverFillColor="#222"
+          direction='diagonal' // up, down, left, right, diagonal
+          borderColor='#222'
+          hoverFillColor='#222'
         />
       </section>
       {/* <section
@@ -685,15 +685,15 @@ const Home = () => {
         <AvatarCard avatar="https://picsum.photos/seed/picsum/300/160" text="Hi, I'm a developer." />
       </section> */}
       <section>
-        <IsometricCard text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti repellat, consequuntur doloribus voluptate esse iure?" />
+        <IsometricCard text='Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti repellat, consequuntur doloribus voluptate esse iure?' />
       </section>
-      <LineBordered text="A line bordered text." />
+      <LineBordered text='A line bordered text.' />
       <section
         style={{
           display: 'flex',
           alignItems: 'center',
           marginTop: 10,
-          marginBottom: 40,
+          marginBottom: 40
         }}
       >
         <Atom /> <Merge /> <GitMerge /> <GitPullRequestArrow />
@@ -707,14 +707,14 @@ const Home = () => {
       <section style={{ marginBottom: 40, fontSize: 16 }}>
         <h3>React Animate On Scroll.</h3>
         <h3>
-          <AutoLink text="https://motion.dev/ https://gsap.com/ https://www.react-spring.dev/ https://use-gesture.netlify.app/" />
+          <AutoLink text='https://motion.dev/ https://gsap.com/ https://www.react-spring.dev/ https://use-gesture.netlify.app/' />
         </h3>
         <h3 style={{ marginBottom: 40 }}>
-          <AutoLink text="https://www.npmjs.com/package/react-animate-on-scroll https://www.npmjs.com/package/react-scroll https://github.com/wellyshen/react-cool-inview" />
+          <AutoLink text='https://www.npmjs.com/package/react-animate-on-scroll https://www.npmjs.com/package/react-scroll https://github.com/wellyshen/react-cool-inview' />
         </h3>
         <ScrollAnimation>
           {/* <LazyLoadImage src="https://picsum.photos/seed/picsum/300/160" alt="Strawberries" /> */}
-          <LazyLoadImage src={secondImage} alt="Strawberries" />
+          <LazyLoadImage src={secondImage} alt='Strawberries' />
         </ScrollAnimation>
       </section>
       {/* <section style={{ marginBottom: 40, fontSize: 36 }}>
@@ -752,7 +752,7 @@ const Home = () => {
           marginBottom: 40,
           width: 360,
           height: 200,
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <AnimateOnScreen.FadeIn>
@@ -764,15 +764,15 @@ const Home = () => {
           marginBottom: 40,
           width: 360,
           height: 200,
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <AnimateOnScreen.FadeUp>
           <img
             src={SongPng}
-            alt=""
+            alt=''
             style={{
-              maskImage: 'linear-gradient(to top, transparent, black 20%, black 80%, transparent)',
+              maskImage: 'linear-gradient(to top, transparent, black 20%, black 80%, transparent)'
             }}
           />
         </AnimateOnScreen.FadeUp>
@@ -782,12 +782,12 @@ const Home = () => {
           marginBottom: 40,
           width: 360,
           height: 200,
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <AnimateOnScreen.ScaleIn triggerOnce={false}>
           <>
-            <img src={SpringPng} alt="" />
+            <img src={SpringPng} alt='' />
             <section className={styles['blend-me']}>Mix Blend Mode</section>
           </>
         </AnimateOnScreen.ScaleIn>
@@ -797,21 +797,21 @@ const Home = () => {
           marginBottom: 40,
           width: 360,
           height: 200,
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <AnimateOnScreen.DiyAnimation
           from={{ opacity: 0, transform: 'translate(-100%, 0)' }}
           to={{ opacity: 1, transform: 'translate(0, 0)' }}
-          triggerOnce={true}
+          triggerOnce
         >
           <Zoom>
-            <img src={HePng} alt="" />
+            <img src={HePng} alt='' />
           </Zoom>
         </AnimateOnScreen.DiyAnimation>
       </section>
       <section style={{ marginBottom: 40, display: 'flex' }}>
-        <SpotlightCard className="my-spot" style={{ width: 360, height: 200, color: '#fff' }}>
+        <SpotlightCard className='my-spot' style={{ width: 360, height: 200, color: '#fff' }}>
           <section />
         </SpotlightCard>
       </section>
@@ -821,7 +821,7 @@ const Home = () => {
         </BlurFade>
       </section>
       <section style={{ margin: '20px 0', fontSize: 24 }}>
-        <GradualSpacing text="2025 年，是充满希望的一年。让我们放下过去的包袱，轻装上阵。用积极的心态去面对生活，用坚定的信念去追逐梦想。相信自己，只要我们努力奋斗，就一定能创造出属于自己的精彩人生。让我们一起逐光前行，奔赴新程，书写属于我们的辉煌篇章！" />
+        <GradualSpacing text='2025 年，是充满希望的一年。让我们放下过去的包袱，轻装上阵。用积极的心态去面对生活，用坚定的信念去追逐梦想。相信自己，只要我们努力奋斗，就一定能创造出属于自己的精彩人生。让我们一起逐光前行，奔赴新程，书写属于我们的辉煌篇章！' />
       </section>
 
       <section style={{ margin: '20px 0' }}>
@@ -835,7 +835,7 @@ const Home = () => {
           height: 200,
           position: 'relative',
           backgroundColor: 'rgba(0, 0,0, 0.8)',
-          borderRadius: 8,
+          borderRadius: 8
         }}
       >
         <section className={styles.dotMask} ref={barRef}>
@@ -854,23 +854,23 @@ const Home = () => {
           marginBottom: 40,
           height: 200,
           width: 360,
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <MeshGradientBackground />
       </section>
       <section
         style={{
-          marginBottom: 20,
+          marginBottom: 20
         }}
       >
         <ScratchToReveal
           width={360}
           height={200}
           minScratchPercentage={70}
-          className="flex items-center justify-center overflow-hidden rounded-2xl border-2 bg-gray-100"
+          className='flex items-center justify-center overflow-hidden rounded-2xl border-2 bg-gray-100'
         >
-          <p className="text-9xl">✨</p>
+          <p className='text-9xl'>✨</p>
         </ScratchToReveal>
       </section>
       <section style={{ margin: 20 }}>
@@ -900,20 +900,20 @@ const Home = () => {
       <section style={{ margin: 20 }} className={styles.eHElAY}>
         Hi, React!
       </section>
-      <section style={{ margin: 20 }} className="z-30 flex w-full items-center justify-start gap-8">
+      <section style={{ margin: 20 }} className='z-30 flex w-full items-center justify-start gap-8'>
         <SlideButton
-          backgroundColor="#0c002b"
-          textColor="#1670f0"
-          borderStartColor="rgba(22, 112, 240, 0.1)"
-          borderEndColor="rgba(22, 112, 240, 0.7)"
+          backgroundColor='#0c002b'
+          textColor='#1670f0'
+          borderStartColor='rgba(22, 112, 240, 0.1)'
+          borderEndColor='rgba(22, 112, 240, 0.7)'
         >
           Button
         </SlideButton>
         <SlideButton
-          backgroundColor="#1a0b2e"
-          textColor="#ff00ff"
-          borderStartColor="rgba(255, 0, 255, 0.1)"
-          borderEndColor="rgba(0, 255, 255, 0.7)"
+          backgroundColor='#1a0b2e'
+          textColor='#ff00ff'
+          borderStartColor='rgba(255, 0, 255, 0.1)'
+          borderEndColor='rgba(0, 255, 255, 0.7)'
         >
           Button
         </SlideButton>
@@ -937,8 +937,8 @@ const Home = () => {
 
       <section style={{ position: 'relative', fontSize: 36 }}>
         I build
-        <FlipWords className="mx-1 px-4 py-2" words={['creative', 'interactive', 'beautiful', 'modern']} />
-        <span className="block text-black sm:inline">websites and apps.</span>
+        <FlipWords className='mx-1 px-4 py-2' words={['creative', 'interactive', 'beautiful', 'modern']} />
+        <span className='block text-black sm:inline'>websites and apps.</span>
         {/* <AnimateWave /> */}
       </section>
       {/* <section style={{ margin: 20 }}>
@@ -963,13 +963,13 @@ const Home = () => {
       </section>
       <section style={{ margin: 20 }}>
         <ResponsiveMasonry columnsCountBreakPoints={{ 350: 1, 750: 2, 900: 6 }}>
-          <Masonry gutter="10px">
+          <Masonry gutter='10px'>
             <section
               style={{
                 height: 100,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -977,7 +977,7 @@ const Home = () => {
                 height: 200,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -985,7 +985,7 @@ const Home = () => {
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -993,7 +993,7 @@ const Home = () => {
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -1001,7 +1001,7 @@ const Home = () => {
                 height: 200,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -1009,7 +1009,7 @@ const Home = () => {
                 height: 100,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -1017,7 +1017,7 @@ const Home = () => {
                 height: 200,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -1025,7 +1025,7 @@ const Home = () => {
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -1033,7 +1033,7 @@ const Home = () => {
                 height: 100,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -1041,7 +1041,7 @@ const Home = () => {
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -1049,7 +1049,7 @@ const Home = () => {
                 height: 100,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -1057,7 +1057,7 @@ const Home = () => {
                 height: 200,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -1065,7 +1065,7 @@ const Home = () => {
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
@@ -1073,7 +1073,7 @@ const Home = () => {
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
           </Masonry>
@@ -1086,7 +1086,7 @@ const Home = () => {
         <TagCloud />
       </section>
       <section style={{ margin: 20 }}>
-        <Marquee autoFill direction="left" gradient gradientColor="rgba(255, 255, 255, 0.8)">
+        <Marquee autoFill direction='left' gradient gradientColor='rgba(255, 255, 255, 0.8)'>
           <div
             style={{
               width: 200,
@@ -1095,7 +1095,7 @@ const Home = () => {
               textAlign: 'center',
               background: '#aaa',
               margin: '0 10px',
-              borderRadius: 8,
+              borderRadius: 8
               // transform: 'rotateX(60deg) rotateY(0deg) rotateZ(45deg)'
             }}
           >
@@ -1104,7 +1104,7 @@ const Home = () => {
         </Marquee>
       </section>
       <section style={{ margin: 20 }}>
-        <Marquee autoFill direction="right" gradient gradientColor="rgba(255, 255, 255, 0.8)">
+        <Marquee autoFill direction='right' gradient gradientColor='rgba(255, 255, 255, 0.8)'>
           <div
             style={{
               width: 200,
@@ -1113,7 +1113,7 @@ const Home = () => {
               textAlign: 'center',
               background: '#aaa',
               margin: '0 10px',
-              borderRadius: 8,
+              borderRadius: 8
             }}
           >
             Vue
diff --git a/src/utils/aidFn.js b/src/utils/aidFn.js
index cf9c63687..2503fb5b2 100644
--- a/src/utils/aidFn.js
+++ b/src/utils/aidFn.js
@@ -63,7 +63,7 @@ export const getImgsUrl = (html) => {
 export const customizeTimer = {
   intervalTimer: null,
   timeoutTimer: null,
-  setTimeout(cb, interval) {
+  setTimeout (cb, interval) {
     const { now } = Date
     const stime = now()
     let etime = stime
@@ -78,10 +78,10 @@ export const customizeTimer = {
     this.timeoutTimer = requestAnimationFrame(loop)
     return this.timeoutTimer
   },
-  clearTimeout() {
+  clearTimeout () {
     cancelAnimationFrame(this.timeoutTimer)
   },
-  setInterval(cb, interval) {
+  setInterval (cb, interval) {
     const { now } = Date
     let stime = now()
     let etime = stime
@@ -97,9 +97,9 @@ export const customizeTimer = {
     this.intervalTimer = requestAnimationFrame(loop)
     return this.intervalTimer
   },
-  clearInterval() {
+  clearInterval () {
     cancelAnimationFrame(this.intervalTimer)
-  },
+  }
 }
 
 export const isDecimal = (value) => {
@@ -188,7 +188,7 @@ export const formatRomanNumeral = (num) => {
     { value: 9, numeral: 'IX' },
     { value: 5, numeral: 'V' },
     { value: 4, numeral: 'IV' },
-    { value: 1, numeral: 'I' },
+    { value: 1, numeral: 'I' }
   ]
   let result = ''
   for (const { value, numeral } of romanMap) {
@@ -336,13 +336,13 @@ export const oneApiChat = (chatList, token, signal) =>
     signal,
     headers: {
       Authorization: token,
-      'Content-Type': 'application/json',
+      'Content-Type': 'application/json'
     },
     body: JSON.stringify({
       model: 'gpt-4.1',
       messages: chatList,
-      stream: true,
-    }),
+      stream: true
+    })
   })
 
 export const oneApiImage = (chatList, token, signal) =>
@@ -351,15 +351,15 @@ export const oneApiImage = (chatList, token, signal) =>
     signal,
     headers: {
       Authorization: token,
-      'Content-Type': 'application/json',
+      'Content-Type': 'application/json'
     },
     body: JSON.stringify({
       model: 'dall-e-3',
       prompt: chatList[0].content,
       n: 1,
       size: '1792x1024',
-      response_format: 'url',
-    }),
+      response_format: 'url'
+    })
   })
 export const getCurrentDate = () => {
   const date = new Date()
@@ -386,7 +386,7 @@ export const saveHtmlToPng = async (eleHtml, successFun, errorFun) => {
   try {
     const ele = eleHtml ?? document.getElementById('image-wrapper')
     const canvas = await html2canvas(ele, {
-      useCORS: true,
+      useCORS: true
     })
     const imgUrl = canvas.toDataURL('image/png')
     const tempLink = document.createElement('a')