website: document display version information.

Author: jaywcjlove

website/App.module.less

@@ -18,4 +18,10 @@ html {
   font-size: 26px;
   margin-bottom: 26px;
   text-align: center;
+  sup {
+    font-size: 14px;
+    color: #939393;
+    position: absolute;
+    padding-left: 5px;
+  }
 }

website/App.tsx

@@ -5,17 +5,19 @@ import DocumentStr from '../README.md';
 import styles from './App.module.less';
 import Example from './Example';
 
-export default class App extends React.PureComponent<{}, {}> {
-  render() {
-    let DocumentStrSource = DocumentStr;
-    if (DocumentStrSource) DocumentStrSource = DocumentStr.replace(/([\s\S]*)<!--dividing-->/, '');
-    return (
-      <div className={styles.warpper}>
-        <GitHubCorners fixed href="https://github.com/uiwjs/react-code-preview" target="__blank" />
-        <h1 className={styles.title}>React Code Preview</h1>
-        <Example />
-        <Markdown style={{ paddingTop: 25 }} source={DocumentStrSource} />
-      </div>
-    );
-  }
+export default function App() {
+  // @ts-ignore
+  const version = VERSION;
+  let DocumentStrSource = DocumentStr;
+  if (DocumentStrSource) DocumentStrSource = DocumentStr.replace(/([\s\S]*)<!--dividing-->/, '');
+  return (
+    <div className={styles.warpper}>
+      <GitHubCorners fixed href="https://github.com/uiwjs/react-code-preview" target="__blank" />
+      <h1 className={styles.title}>
+        React Code Preview <sup>{version}</sup>
+      </h1>
+      <Example />
+      <Markdown style={{ paddingTop: 25 }} source={DocumentStrSource} />
+    </div>
+  );
 }