✨ Adding new template with automatique routing

2021-02-22 13:40:00 +01:00
parent 97a4535c81
commit 9648bb5230
14 changed files with 961 additions and 0 deletions
@@ -0,0 +1,46 @@
+import { Component } from "solid-js";
+import { Link, Route, useRouter } from "solid-app-router";
+
+const App: Component = () => {
+  const router = useRouter();
+
+  return (
+    <>
+      <nav class="bg-gray-200 text-gray-900 px-4">
+        <ul class="flex items-center">
+          <li class="py-2 px-4">
+            <Link href="/" class="no-underline hover:underline">
+              Home
+            </Link>
+          </li>
+          <li class="py-2 px-4">
+            <Link href="/about" class="no-underline hover:underline">
+              About
+            </Link>
+          </li>
+          <li class="py-2 px-4">
+            <Link href="/error" class="no-underline hover:underline">
+              Error
+            </Link>
+          </li>
+
+          <li class="text-sm flex items-center space-x-1 ml-auto">
+            <span>URL:</span>
+            <input
+              class="w-75px p-1 bg-white text-sm rounded-lg"
+              type="text"
+              readOnly
+              value={router.location}
+            />
+          </li>
+        </ul>
+      </nav>
+
+      <main>
+        <Route />
+      </main>
+    </>
+  );
+};
+
+export default App;