功能：添加eslint，prettier

.eslintignore

+node_modules
\ No newline at end of file

.eslintrc.json

 {
-  "extends": "next/core-web-vitals"
+  "extends": "next/core-web-vitals",
+  "env": {
+    "es6": true,
+    "node": true
+  },
+  "plugins": ["prettier"],
+  "rules": {
+    "prettier/prettier": "error"
+  }
 }

.prettierignore

+node_modules
+yarn.lock
\ No newline at end of file

.prettierrc

+{
+  "jsxSingleQuote": true,
+  "singleQuote": true,
+  "semi": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "printWidth": 100,
+  "bracketSameLine": false,
+  "useTabs": false,
+  "arrowParens": "always",
+  "endOfLine": "auto"
+}

components/filter/index.tsx

@@ -24,10 +24,9 @@ export type FilterResult = {
   provinceId?: FilterOptionResp
 }
 
-type itemType = "地域";
 
 type Props = {
-  types: itemType[] //需要包含的筛选条件项
+  types: string[] //需要包含的筛选条件项
   showResultItem: Boolean //显示结果栏
   onChange: (
     filterResult: FilterResult,

package.json

@@ -6,9 +6,14 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint:next": "next lint",
     "predev": "ts-node --project ./tsconfig.node.json ./scripts/genAntdCss.tsx",
-    "prebuild": "cross-env NODE_ENV=production ts-node --project ./tsconfig.node.json ./scripts/genAntdCss.tsx"
+    "prebuild": "cross-env NODE_ENV=production ts-node --project ./tsconfig.node.json ./scripts/genAntdCss.tsx",
+    "lint": "npx eslint src",
+    "lint:fix": "npm run lint -- --fix",
+    "prettier": "npx prettier src --check",
+    "prettier:fix": "npm run prettier -- --write",
+    "format": "npm run prettier:fix && npm run lint:fix"
   },
   "devDependencies": {
     "@ant-design/cssinjs": "^1.3.0",
@@ -18,9 +23,11 @@
     "@types/react-dom": "^18.0.10",
     "antd": "^5.1.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.30.0",
+    "eslint": "^8.42.0",
     "eslint-config-next": "^13.1.1",
+    "eslint-plugin-prettier": "^4.2.1",
     "next": "^13.1.1",
+    "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "sass": "^1.62.1",
@@ -36,6 +43,7 @@
     "babel-plugin-styled-components": "^2.1.1",
     "babel-plugin-styled-components-px2rem": "^1.5.5",
     "cookie": "^0.5.0",
+    "dayjs": "^1.11.8",
     "moment": "^2.29.4",
     "next-connect": "^1.0.0",
     "passport": "^0.6.0",

pages/home/index.page.tsx

 import React from 'react';
-import {Box} from './styled';
-import Layout from "~/components/layout";
-import WaterfallFlowBody from './waterfallFlowBody'
+import { Box } from './styled';
+import Layout from '~/components/layout';
+import WaterfallFlowBody from './waterfallFlowBody';
 export default function Home() {
   return (
     <Layout>
-        <Box>
-          <WaterfallFlowBody/>
-        </Box>
+      <Box>
+        <WaterfallFlowBody />
+      </Box>
     </Layout>
-  )
+  );
 }