Сверстал loginPage поправил аватар сайдбара

src/router.js

@@ -2,12 +2,24 @@ import { createRouter, createWebHashHistory } from "vue-router";
 import TheCalendar from "@/pages/calendar/TheCalendar";
 import TheUser from "@/pages/clients/TheClients";
 import TheSettings from "@/pages/settings/TheSettings";
+import TheLogin from "@/pages/login/TheLogin";
+import LoggedInLayout from "@/components/LoggedInLayout/LoggedInLayout";
 
 export default createRouter({
   history: createWebHashHistory(),
   routes: [
-    { path: "/", component: TheCalendar },
-    { path: "/clients", component: TheUser },
-    { path: "/settings", component: TheSettings },
+    {
+      path: "/login",
+      component: TheLogin,
+    },
+    {
+      path: "/",
+      component: LoggedInLayout,
+      children: [
+        { path: "calendar", component: TheCalendar },
+        { path: "clients", component: TheUser },
+        { path: "settings", component: TheSettings },
+      ],
+    },
   ],
 });