feat: update eslint & prettier rules

web/src/app/home/plugins/plugin-installed/PluginCardVO.ts

@@ -1,27 +1,26 @@
 export interface IPluginCardVO {
-    author: string,
-    version: string,
-    name: string,
-    description: string,
-    handlerCount: number,
-    isInitialized: boolean,
+  author: string;
+  version: string;
+  name: string;
+  description: string;
+  handlerCount: number;
+  isInitialized: boolean;
 }
 
 export class PluginCardVO implements IPluginCardVO {
-    description: string;
-    handlerCount: number;
-    name: string;
-    author: string;
-    version: string;
-    isInitialized: boolean;
-
-    constructor(prop: IPluginCardVO) {
-        this.description = prop.description
-        this.handlerCount = prop.handlerCount
-        this.name = prop.name
-        this.author = prop.author
-        this.version = prop.version
-        this.isInitialized = prop.isInitialized
-    }
+  description: string;
+  handlerCount: number;
+  name: string;
+  author: string;
+  version: string;
+  isInitialized: boolean;
 
+  constructor(prop: IPluginCardVO) {
+    this.description = prop.description;
+    this.handlerCount = prop.handlerCount;
+    this.name = prop.name;
+    this.author = prop.author;
+    this.version = prop.version;
+    this.isInitialized = prop.isInitialized;
+  }
 }

web/src/app/home/plugins/plugin-installed/PluginInstalledComponent.tsx

@@ -1,18 +1,18 @@
-"use client";
+'use client';
 
-import { useState, useEffect } from "react";
-import CreateCardComponent from "@/app/infra/basic-component/create-card-component/CreateCardComponent";
-import { PluginCardVO } from "@/app/home/plugins/plugin-installed/PluginCardVO";
-import PluginCardComponent from "@/app/home/plugins/plugin-installed/plugin-card/PluginCardComponent";
-import styles from "@/app/home/plugins/plugins.module.css";
-import { Modal, Input } from "antd";
-import { GithubOutlined } from "@ant-design/icons";
-import { httpClient } from "@/app/infra/http/HttpClient";
+import { useState, useEffect } from 'react';
+import CreateCardComponent from '@/app/infra/basic-component/create-card-component/CreateCardComponent';
+import { PluginCardVO } from '@/app/home/plugins/plugin-installed/PluginCardVO';
+import PluginCardComponent from '@/app/home/plugins/plugin-installed/plugin-card/PluginCardComponent';
+import styles from '@/app/home/plugins/plugins.module.css';
+import { Modal, Input } from 'antd';
+import { GithubOutlined } from '@ant-design/icons';
+import { httpClient } from '@/app/infra/http/HttpClient';
 
 export default function PluginInstalledComponent() {
   const [pluginList, setPluginList] = useState<PluginCardVO[]>([]);
   const [modalOpen, setModalOpen] = useState(false);
-  const [githubURL, setGithubURL] = useState("");
+  const [githubURL, setGithubURL] = useState('');
 
   useEffect(() => {
     initData();
@@ -33,9 +33,9 @@ export default function PluginInstalledComponent() {
             handlerCount: 0,
             name: plugin.name,
             version: plugin.version,
-            isInitialized: plugin.status === "initialized"
+            isInitialized: plugin.status === 'initialized',
           });
-        })
+        }),
       );
     });
   }
@@ -53,7 +53,7 @@ export default function PluginInstalledComponent() {
         getPluginList();
       })
       .catch((err) => {
-        console.log("error when install plugin:", err);
+        console.log('error when install plugin:', err);
       });
   }
   return (
@@ -63,8 +63,8 @@ export default function PluginInstalledComponent() {
           <div className={`${styles.modalTitle}`}>
             <GithubOutlined
               style={{
-                fontSize: "30px",
-                marginRight: "20px"
+                fontSize: '30px',
+                marginRight: '20px',
               }}
             />
           </div>

web/src/app/home/plugins/plugin-installed/plugin-card/PluginCardComponent.tsx

@@ -1,12 +1,12 @@
-import styles from "./pluginCard.module.css";
-import { PluginCardVO } from "@/app/home/plugins/plugin-installed/PluginCardVO";
-import { GithubOutlined, LinkOutlined, ToolOutlined } from "@ant-design/icons";
-import { Switch, Tag } from "antd";
-import { useState } from "react";
-import { httpClient } from "@/app/infra/http/HttpClient";
+import styles from './pluginCard.module.css';
+import { PluginCardVO } from '@/app/home/plugins/plugin-installed/PluginCardVO';
+import { GithubOutlined, LinkOutlined, ToolOutlined } from '@ant-design/icons';
+import { Switch, Tag } from 'antd';
+import { useState } from 'react';
+import { httpClient } from '@/app/infra/http/HttpClient';
 
 export default function PluginCardComponent({
-  cardVO
+  cardVO,
 }: {
   cardVO: PluginCardVO;
 }) {
@@ -21,7 +21,7 @@ export default function PluginCardComponent({
         setInitialized(!initialized);
       })
       .catch((err) => {
-        console.log("error: ", err);
+        console.log('error: ', err);
       })
       .finally(() => {
         setSwitchEnable(true);
@@ -35,7 +35,7 @@ export default function PluginCardComponent({
         <div className={`${styles.fontGray}`}>{cardVO.author}</div>
         {/*  right icon & version  */}
         <div className={`${styles.iconVersionContainer}`}>
-          <GithubOutlined style={{ fontSize: "26px" }} type="setting" />
+          <GithubOutlined style={{ fontSize: '26px' }} type="setting" />
           <Tag color="#108ee9">v{cardVO.version}</Tag>
         </div>
       </div>
@@ -49,10 +49,10 @@ export default function PluginCardComponent({
         <div className={`${styles.footerContainer}`}>
           <div className={`${styles.linkAndToolContainer}`}>
             <div className={`${styles.link}`}>
-              <LinkOutlined style={{ fontSize: "22px" }} />
+              <LinkOutlined style={{ fontSize: '22px' }} />
               <span>1</span>
             </div>
-            <ToolOutlined style={{ fontSize: "22px" }} />
+            <ToolOutlined style={{ fontSize: '22px' }} />
           </div>
           <div className={`${styles.switchContainer}`}>
             <Switch