export function App() {
return (
<MetaProvider>
<Title>SferaDel</Title>
<I18n>
<div>App outline</div>
<SPARouter />
<Toaster />
</I18n>
</MetaProvider>
)
}
// spa_router.tsx:
import { LoginPage } from '~/views/login.tsx'
export const AppRoute = Object.freeze({
Index: '/',
Login: '/login',
})
export function SPARouter() {
return (
<Router>
<Routes>
<Route
path={AppRoute.Index}
component={() => {
return (
<div>
<Link href={AppRoute.Login}>login</Link>
</div>
)
}}
/>
<Route path={AppRoute.Login} component={LoginPage} />
<Route path="*" element="[SPA] Not found" />
</Routes>
</Router>
)
}
export function App() {
return (
<MetaProvider>
<Title>SferaDel</Title>
<I18n>
<div>App outline</div>
<SPARouter />
<Toaster />
</I18n>
</MetaProvider>
)
}
// spa_router.tsx:
import { LoginPage } from '~/views/login.tsx'
export const AppRoute = Object.freeze({
Index: '/',
Login: '/login',
})
export function SPARouter() {
return (
<Router>
<Routes>
<Route
path={AppRoute.Index}
component={() => {
return (
<div>
<Link href={AppRoute.Login}>login</Link>
</div>
)
}}
/>
<Route path={AppRoute.Login} component={LoginPage} />
<Route path="*" element="[SPA] Not found" />
</Routes>
</Router>
)
}