add admin element editing

frontend/rabbi_gerzi/src/router/index.ts

@@ -3,6 +3,8 @@ import HomePage from '@/views/HomePage.vue'
 import LoginPage from '@/views/LoginPage.vue'
 import MediaPage from '@/views/MediaPage.vue'
 import ElementPage from '@/views/ElementPage.vue'
+import AdminElementPage from '@/views/AdminElementPage.vue'
+import { useAuthStore } from '@/stores/auth'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -27,7 +29,29 @@ const router = createRouter({
       name: 'element',
       component: ElementPage,
     },
+    {
+      path: '/admin/element/:id',
+      name: 'admin-element',
+      component: AdminElementPage,
+    },
   ],
 })
 
+router.beforeEach(async (to) => {
+  if (to.name !== 'admin-element') {
+    return true
+  }
+
+  const authStore = useAuthStore()
+  if (!authStore.isAuthenticated) {
+    await authStore.fetchUser()
+  }
+
+  if (!authStore.isAuthenticated) {
+    return { name: 'login' }
+  }
+
+  return true
+})
+
 export default router