Merge pull request #806 from chimalm1/refactor/upgrade-solid-router-dep-version

Refactor/upgrade solid router dep version

Author: chimalm1

04-frameworks/13-solidjs/07-router/README.md

@@ -107,7 +107,7 @@ We are going to use `SolidJS Router` components to create our routes and assign
 _/index.tsx:_
 
 ```diff
-+ import { Router, Route, Routes } from "@solidjs/router";
++ import { Router, Route } from "@solidjs/router";
 import { render } from "solid-js/web";
 import "./styles.css";
 import { MemberProvider } from "./members.store";
@@ -118,10 +118,8 @@ const App = () => {
 - return <MemberListPage />;
 + return (
 +   <Router>
-+     <Routes>
-+       <Route path="/" element={<MemberListPage />} />
-+       <Route path="/member/:id" element={<MemberDetailPage />} />
-+     </Routes>
++       <Route path="/" component={MemberListPage} />
++       <Route path="/member/:id" component={MemberDetailPage} />
 +   </Router>
 + );
 };

04-frameworks/13-solidjs/07-router/package.json

@@ -10,7 +10,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@solidjs/router": "^0.8.2",
+    "@solidjs/router": "^0.15.3",
     "solid-js": "^1.7.7"
   },
   "devDependencies": {

04-frameworks/13-solidjs/07-router/src/index.tsx

@@ -1,4 +1,4 @@
-import { Router, Route, Routes } from "@solidjs/router";
+import { Router, Route } from "@solidjs/router";
 import { render } from "solid-js/web";
 import "./styles.css";
 import { MemberProvider } from "./members.store";
@@ -8,10 +8,8 @@ import { MemberDetailPage } from "./member-detail.page";
 const App = () => {
   return (
     <Router>
-      <Routes>
-        <Route path="/" element={<MemberListPage />} />
-        <Route path="/member/:id" element={<MemberDetailPage />} />
-      </Routes>
+      <Route path="/" component={MemberListPage} />
+      <Route path="/member/:id" component={MemberDetailPage} />
     </Router>
   );
 };