feat: add react router pages

- using ArnaudBarre/eslint-plugin-react-refresh#25 fix eslint warn of react-refresh

src/App.tsx

@@ -1,12 +1,11 @@
-import { RouterProvider } from 'react-router-dom'
-import router from './router'
+import Routes from './router'
 import './App.scss'
 // import List from './pages/Manage/List'
 
 function App() {
   return (
     <>
-      <RouterProvider router={router} />
+      <Routes />
       {/* <header>
         <h3>问卷调查</h3>
       </header>

src/pages/Account/Login/index.tsx

@@ -0,0 +1,13 @@
+import React, { FC } from 'react'
+
+type PropTypes = {}
+
+const Login: FC<PropTypes> = () => {
+  return (
+    <>
+      <div>Login</div>
+    </>
+  )
+}
+
+export default Login

src/pages/Account/Register/index.tsx

@@ -0,0 +1,13 @@
+import React, { FC } from 'react'
+
+type PropTypes = {}
+
+const Register: FC<PropTypes> = () => {
+  return (
+    <>
+      <div>Register</div>
+    </>
+  )
+}
+
+export default Register

src/pages/Home/index.tsx

@@ -0,0 +1,13 @@
+import React, { FC } from 'react'
+
+type PropTypes = {}
+
+const Home: FC<PropTypes> = () => {
+  return (
+    <>
+      <div>Home</div>
+    </>
+  )
+}
+
+export default Home

src/pages/NotFound/index.tsx

@@ -0,0 +1,13 @@
+import React, { FC } from 'react'
+
+type PropTypes = {}
+
+const NotFound: FC<PropTypes> = () => {
+  return (
+    <>
+      <div>NotFound</div>
+    </>
+  )
+}
+
+export default NotFound

src/pages/Survey/Edit/index.tsx

@@ -0,0 +1,13 @@
+import React, { FC } from 'react'
+
+type PropTypes = {}
+
+const Edit: FC<PropTypes> = () => {
+  return (
+    <>
+      <div>Edit</div>
+    </>
+  )
+}
+
+export default Edit

src/router/index.tsx

@@ -1,13 +1,44 @@
 import React from 'react'
-import { createBrowserRouter } from 'react-router-dom'
+import { createBrowserRouter, RouteObject, RouterProvider } from 'react-router-dom'
 
+const Home = React.lazy(() => import('@/pages/Home'))
+const Login = React.lazy(() => import('@/pages/Account/Login'))
+const Register = React.lazy(() => import('@/pages/Account/Register'))
 const List = React.lazy(() => import('@/pages/Manage/List'))
+const Edit = React.lazy(() => import('@/pages/Survey/Edit'))
+const NotFound = React.lazy(() => import('@/pages/NotFound'))
 
-const router = createBrowserRouter([
+const routes: RouteObject[] = [
   {
     path: '/',
+    element: <Home />,
+  },
+  {
+    path: '/login',
+    element: <Login />,
+  },
+  {
+    path: '/register',
+    element: <Register />,
+  },
+  {
+    path: '/list',
     element: <List />,
   },
-])
+  {
+    path: '/edit',
+    element: <Edit />,
+  },
+  {
+    path: '*',
+    element: <NotFound />,
+  },
+]
+
+const router = createBrowserRouter(routes)
+
+const Routes: React.FC = () => {
+  return <RouterProvider router={router} />
+}
 
-export default router
+export default Routes