Add view configs

src/main/frontend/routes.tsx

@@ -28,19 +28,17 @@
  * exists in the frontend folder (not in generated folder) and you copied the file,
  * as the import isn't updated automatically by Vaadin in this case.
  ******************************************************************************/
-import  Flow  from 'Frontend/generated/flow/Flow';
+import Flow from 'Frontend/generated/flow/Flow';
 import { serverSideRoutes } from 'Frontend/generated/flow/Flow';
 import fileRoutes from 'Frontend/generated/views';
 import Login from "Frontend/views/login";
 import {RouterBuilder} from "@vaadin/hilla-file-router/runtime.js";
 
-
 const routerBuilder = new RouterBuilder()
     .withFileRoutes(fileRoutes)
     .withReactRoutes(
-        { path: '/login', element: <Login />, handle: { title: 'Login' } },
+        { path: '/login', element: <Login />, handle: { title: 'Login' } }
     )
-    // @ts-ignore
     .withServerRoutes(Flow)
     .protect('/login');
 

src/main/frontend/views/about.tsx

@@ -1,4 +1,9 @@
 import { VerticalLayout } from "@vaadin/react-components/VerticalLayout.js";
+import type {ViewConfig} from "@vaadin/hilla-file-router/types.js";
+
+export const config: ViewConfig = {
+    loginRequired: true
+};
 
 /**
  * Hilla views that allows access only for authenticated users.

src/main/frontend/views/hilla.tsx

@@ -3,6 +3,12 @@ import { TextField } from "@vaadin/react-components/TextField.js";
 import { HelloEndpoint } from "Frontend/generated/endpoints";
 import { useState } from "react";
 import {VerticalLayout} from "@vaadin/react-components/VerticalLayout.js";
+import type {ViewConfig} from "@vaadin/hilla-file-router/types.js";
+
+export const config: ViewConfig = {
+    loginRequired: true,
+    rolesAllowed: ['ROLE_USER'],
+};
 
 /**
  * Hilla view that allows access only for users with a role 'USER'