create webapp stencil with side bar, routes and fake login

cmd/cli/templates/vue/router-index.ts.tmpl

@@ -0,0 +1,76 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import { useAuthenticationStore } from '@/stores/authentication.ts'
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/login',
+      name: 'Login',
+      component: () => import('../layouts/Login.vue'), // Lazy-loaded
+      meta: { public: true }, // Indicates this route doesn’t require auth
+      children: [
+        {
+          path: '',
+          name: 'Password',
+          component: () => import('../views/Password.vue'),
+        },
+      ],
+    },
+    {
+      path: '/',
+      component: () => import('../layouts/MainLayout.vue'), // Protected layout
+      meta: { requiresAuth: true },
+      children: [
+        {
+          path: '',
+          name: 'Home',
+          component: () => import('../views/HomeView.vue'),
+        },
+        {
+          path: '/overview',
+          name: 'Overview',
+          component: () => import('../views/AboutView.vue'),
+        },
+        {
+          path: '/settings',
+          name: 'Settings',
+          component: () => import('../views/HomeView.vue'),
+        },
+      ],
+    },
+    {
+      path: '/logout',
+      name: 'Logout',
+      meta: { public: true },
+      redirect: '/login',
+    },
+  ],
+});
+
+router.beforeEach(async (to, from, next) => {
+  const authenticationStore = useAuthenticationStore();
+
+  if (to.redirectedFrom?.path === '/logout') {
+    authenticationStore.logout();
+  }
+
+  const isAuthenticated = await Promise.resolve(authenticationStore.isAuthenticated); /* logic to check auth state, e.g., from a store */
+  if (to.meta.requiresAuth && !isAuthenticated) {
+    // save the desired route in localStorage and redirect to login
+    localStorage.setItem('redirect', to.fullPath);
+    return next({ path: '/login' });
+  }
+  // if (to.meta.public && isAuthenticated) {
+  //   // TODO: Decide if you want to redirect to a different page if the user is already authenticated
+  // }
+  const deepLink = localStorage.getItem('redirect');
+  if (to.meta.requiresAuth && isAuthenticated && !!deepLink) {
+    // remove redirect from localStorage and redirect to the deep link
+    localStorage.removeItem('redirect');
+    return next({ path: deepLink });
+  }
+  next();
+});
+
+export default router