initial setup

src/routes/(editor).tsx

@@ -0,0 +1,21 @@
+import { Title } from "@solidjs/meta";
+import { FilesProvider } from "~/features/file";
+import { MenuRoot, MenuProvider } from "~/features/menu";
+
+
+export default function Editor(props) {
+    return <MenuProvider>
+        <nav>
+            <Title>Translation-Tool</Title>
+            <a href="/">Index</a>
+            <a href="/about">About</a>
+            <MenuRoot />
+        </nav>
+
+        <main>
+            <FilesProvider>
+                {props.children}  
+            </FilesProvider>
+        </main>
+    </MenuProvider>
+}

src/routes/(editor)/[...404].tsx

@@ -3,7 +3,7 @@ import { HttpStatusCode } from "@solidjs/start";
 
 export default function NotFound() {
   return (
-    <main>
+    <>
       <Title>Not Found</Title>
       <HttpStatusCode code={404} />
       <h1>Page Not Found</h1>
@@ -14,6 +14,6 @@ export default function NotFound() {
         </a>{" "}
         to learn how to build SolidStart apps.
       </p>
-    </main>
+    </>
   );
 }

src/routes/(editor)/index.tsx

@@ -0,0 +1,21 @@
+import { Menu, MenuItem } from "~/features/menu";
+
+export default function Index() {
+  return (
+    <>
+      <Menu>
+        <MenuItem label="file">
+          <MenuItem label="open" />
+
+          <MenuItem label="save" />
+        </MenuItem>
+
+        <MenuItem label="edit" />
+
+        <MenuItem label="selection" />
+
+        <MenuItem label="view" />
+      </Menu>
+    </>
+  );
+}

src/routes/index.tsx

@@ -1,19 +0,0 @@
-import { Title } from "@solidjs/meta";
-import Counter from "~/components/Counter";
-
-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>
-  );
-}