Implement an authentication gate
<!-- In Main.xmlui -->
<Fragment var.authenticated="{false}">
<AuthenticatedApp when="{authenticated}" />
<CVStack when="{!authenticated}">
<H1>Authentication Required</H1>
<Button
label="Authenticate"
onClick="authenticated = true"
/>
</CVStack>
</Fragment><Component name="AuthenticatedApp">
<App name="Authenticated App">
<NavPanel>
<NavLink icon="home" label="Home" to="/" />
</NavPanel>
<Pages>
<Page url="/">
<Text>This is only visible when authenticated.</Text>
</Page>
</Pages>
</App>
</Component><!-- In Main.xmlui -->
<Fragment var.authenticated="{false}">
<AuthenticatedApp when="{authenticated}" />
<CVStack when="{!authenticated}">
<H1>Authentication Required</H1>
<Button
label="Authenticate"
onClick="authenticated = true"
/>
</CVStack>
</Fragment><Component name="AuthenticatedApp">
<App name="Authenticated App">
<NavPanel>
<NavLink icon="home" label="Home" to="/" />
</NavPanel>
<Pages>
<Page url="/">
<Text>This is only visible when authenticated.</Text>
</Page>
</Pages>
</App>
</Component>