✨ Added settings page

frontend/src/router/index.ts

@@ -1,6 +1,11 @@
 import {createRouter, createWebHistory, RouteRecordRaw} from 'vue-router';
 import Editor from '@/editor/Editor.vue';
-import SettingsPage from '@/settings/SettingsPage.vue';
+import Settings from '@/settings/Settings.vue';
+import GeneralPage from '@/settings/pages/GeneralPage.vue';
+import EditingPage from '@/settings/pages/EditingPage.vue';
+import AppearancePage from '@/settings/pages/AppearancePage.vue';
+import KeyBindingsPage from '@/settings/pages/KeyBindingsPage.vue';
+import UpdatesPage from '@/settings/pages/UpdatesPage.vue';
 
 const routes: RouteRecordRaw[] = [
   {
@@ -11,7 +16,34 @@ const routes: RouteRecordRaw[] = [
   {
     path: '/settings',
     name: 'Settings',
-    component: SettingsPage
+    component: Settings,
+    children: [
+      {
+        path: 'general',
+        name: 'SettingsGeneral',
+        component: GeneralPage
+      },
+      {
+        path: 'editing',
+        name: 'SettingsEditing',
+        component: EditingPage
+      },
+      {
+        path: 'appearance',
+        name: 'SettingsAppearance',
+        component: AppearancePage
+      },
+      {
+        path: 'key-bindings',
+        name: 'SettingsKeyBindings',
+        component: KeyBindingsPage
+      },
+      {
+        path: 'updates',
+        name: 'SettingsUpdates',
+        component: UpdatesPage
+      }
+    ]
   }
 ];