refactor: version 2.0 (React)

packages/renderer/src/components/Router.tsx

@@ -0,0 +1,33 @@
+import { Fragment } from 'react'
+import type { RouteObject } from 'react-router-dom'
+import { useRoutes } from 'react-router-dom'
+import Album from '@/pages/Album'
+import Home from '@/pages/Home'
+import Login from '@/pages/Login'
+import Playlist from '@/pages/Playlist'
+
+const routes: RouteObject[] = [
+  {
+    path: '/',
+    element: <Home />,
+  },
+  {
+    path: '/login',
+    element: <Login />,
+  },
+  {
+    path: '/playlist/:id',
+    element: <Playlist />,
+  },
+  {
+    path: '/album/:id',
+    element: <Album />,
+  },
+]
+
+const router = () => {
+  const element = useRoutes(routes)
+  return <Fragment>{element}</Fragment>
+}
+
+export default router