fix: website eslint config

weiran-zsd · Nov 29, 2021 · 6b8be5b · 6b8be5b
1 parent 6f0e341
commit 6b8be5b
Show file tree

Hide file tree

Showing 6 changed files with 764 additions and 40 deletions.
diff --git a/docs/.eslintrc.js b/docs/.eslintrc.js
@@ -2,4 +2,11 @@ module.exports = {
   extends: [
     'plugin:@next/next/recommended',
   ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    }
+  }
 };
diff --git a/docs/components/features.js b/docs/components/features.js
@@ -1,5 +1,5 @@
-import React from "react";
-import styles from "./features.module.css";
+import React from 'react';
+import styles from './features.module.css';
 
 const Feature = ({ text, icon }) => (
   <div className={styles.feature}>
@@ -723,7 +723,7 @@ const Logo = () => (
                   fill="#1F9CF0"
                 />
               </g>
-              <g style={{ mixBlendMode: "overlay" }} opacity="0.25">
+              <g style={{ mixBlendMode: 'overlay' }} opacity="0.25">
                 <path
                   fillRule="evenodd"
                   clipRule="evenodd"

diff --git a/docs/components/release.js b/docs/components/release.js
@@ -1,19 +1,19 @@
-import { Box, Text } from "@chakra-ui/react";
-import Markdown from "markdown-to-jsx";
+import { Box, Text } from '@chakra-ui/react';
+import Markdown from 'markdown-to-jsx';
 
 const Release = (props) => {
   const { url, name, date, body } = props;
 
   return (
     <Box>
       <Text fontWeight="bold" fontSize="3xl">
-        #{" "}
+        #{' '}
         <a href={url} target="_blank" rel="noopener">
           {name}
         </a>
       </Text>
       <Text>
-        Published on{" "}
+        Published on{' '}
         <Text as="span" color="blue.500">{`${new Date(
           date
         ).toDateString()}.`}</Text>

diff --git a/docs/package.json b/docs/package.json
@@ -21,6 +21,7 @@
     },
     "devDependencies": {
         "@next/eslint-plugin-next": "^11.1.2",
-        "compose-function": "^3.0.3"
+        "compose-function": "^3.0.3",
+        "eslint-config-next": "^12.0.4"
     }
 }
diff --git a/docs/pages/_app.jsx b/docs/pages/_app.jsx
@@ -1,8 +1,8 @@
-import { DokzProvider, GithubLink, ColorModeSwitch } from "dokz";
-import React, { Fragment } from "react";
-import Head from "next/head";
-import { ChakraProvider } from "@chakra-ui/react";
-import Logo from "../components/logo";
+import { DokzProvider, GithubLink, ColorModeSwitch } from 'dokz';
+import React, { Fragment } from 'react';
+import Head from 'next/head';
+import { ChakraProvider } from '@chakra-ui/react';
+import Logo from '../components/logo';
 
 export default function App(props) {
   const { Component, pageProps } = props;
@@ -22,13 +22,12 @@ export default function App(props) {
           <ColorModeSwitch key="1" />,
         ]}
         sidebarOrdering={{
-          "index.mdx": true,
-          "api-reference.mdx": true,
-          "customization.mdx": true,
-          "change-log.mdx": true,
+          'index.mdx': true,
+          'api-reference.mdx': true,
+          'customization.mdx': true,
+          'change-log.mdx': true,
         }}
       >
-
         <Component {...pageProps} />
       </DokzProvider>
     </ChakraProvider>