/* app.jsx — root, routing, mount */

function App() {
  const route = useRoute();
  let page;
  if (route.name === 'reader') {
    page = <PageReader type={route.type} slug={route.slug} />;
  } else {
    page = <PageLibrary />;
  }
  return (
    <>
      <GlobalNav />
      {page}
      <SiteFooter />
    </>
  );
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <ThemeProvider>
    <LangProvider>
      <AuthProvider>
        <AuthGate>
          <ContentProvider>
            <App />
          </ContentProvider>
        </AuthGate>
      </AuthProvider>
    </LangProvider>
  </ThemeProvider>
);