Language seperation

src/routes/index.tsx

@@ -1,19 +1,11 @@
-import { Title } from "solid-start";
-import Counter from "~/components/Counter";
+import { createEffect } from "solid-js";
+import { Title, useNavigate } from "solid-start";
 
 export default function Home() {
-  return (
-    <main>
-      <Title>Hello World</Title>
-      <h1>Hello world!</h1>
-      <Counter />
-      <p>
-        Visit{" "}
-        <a href="https://start.solidjs.com" target="_blank">
-          start.solidjs.com
-        </a>{" "}
-        to learn how to build SolidStart apps.
-      </p>
-    </main>
-  );
+  const navigate = useNavigate();
+  createEffect(() => {
+    const isGerman = navigator.language.startsWith("de");
+    navigate(isGerman ? "/de/" : "/en/");
+  });
+  return <Title>Language detection...</Title>;
 }