{title || 'Untitled'}

import { h } from 'preact' import { useCallback, useEffect } from 'preact/hooks' import { LocationProvider, Route, Router } from 'preact-iso' import { get } from 'lowline' import Head from './head.ts' import Footer from './footer.tsx' import Header from './header.tsx' import ErrorPage from './error_page.tsx' import routes from '../routes.ts' import throttle from '../../shared/utils/throttle.ts' import s from './app.module.scss' const remember = throttle(function remember() { window.history.replaceState( { ...window.history.state, scrollTop: window.scrollY, }, '', null, ) }, 100) export default function App({ error, title }) { useEffect(() => { addEventListener('scroll', remember) return () => removeEventListener('scroll', remember) }) const onRouteChange = useCallback(() => { const offset = get(window.history, 'state.scrollTop') setTimeout(() => { window.scrollTo(0, offset || 0) }, 100) }, []) return (

{error ? ( ) : ( {routes.map((route) => ( ))} )}

) }