website: add backToUp button.

Author: jaywcjlove

package.json

@@ -79,9 +79,10 @@
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
     "@types/react-test-renderer": "^18.0.0",
+    "@uiw/react-back-to-top": "^1.2.0",
     "@uiw/react-github-corners": "^1.5.14",
-    "@uiw/react-markdown-preview": "^4.0.22",
     "@uiw/react-loader": "^4.21.14",
+    "@uiw/react-markdown-preview": "^4.0.22",
     "@wcj/dark-mode": "^1.0.14",
     "code-example": "^3.3.6",
     "compile-less-cli": "^1.8.13",

website/App.tsx

@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview';
 import GitHubCorners from '@uiw/react-github-corners';
 import Loader from '@uiw/react-loader';
+import BackToUp from '@uiw/react-back-to-top';
 import exts from 'code-example/ext.json';
 import '@wcj/dark-mode';
 import TextareaCodeEditor from '../';
@@ -50,15 +51,14 @@ const useFetch = (language: string) => {
 const App: React.FC = () => {
   const [language, setLanguage] = useState('jsx');
   const { lang, loading, code, setCode } = useFetch(language);
-  // @ts-ignore
-  const version = VERSION;
   return (
     <div className="App wmde-markdown-var">
+      <BackToUp>Top</BackToUp>
       <dark-mode dark="Dark" light="Light" style={{ position: 'fixed', top: 8, left: 10 }}></dark-mode>
       <GitHubCorners fixed href="https://github.com/uiwjs/react-textarea-code-editor" />
       <h1 className="App-title">
         React Textarea Code Editor
-        <sup>{version}</sup>
+        <sup>{VERSION}</sup>
       </h1>
       <div className="App-editor">
         <TextareaCodeEditor

website/react-app-env.d.ts

@@ -9,3 +9,5 @@ declare module '*.md' {
   const src: string;
   export default src;
 }
+
+declare var VERSION: string;