feat: title

latus.yml

@@ -19,7 +19,9 @@
   docker: 'cached',
 }
 '@latus/governor': {}
-'@latus/http': {}
+'@latus/http': {
+  title: 'Rooted',
+}
 '@latus/http/client': {
   up: [
     '@latus/socket/client',

packages/core/src/components/title/index.jsx

@@ -16,13 +16,13 @@ const Title = () => (
   <div className="title">
     <div className="title__muted">
       <Switch>
-        {/* <Route path="/title/local">
-          <Local />
-        </Route> */}
         <Route path="/title/main">
           <Main />
         </Route>
-        {/* <Route path="/title/remote">
+        {/* <Route path="/title/local">
+          <Local />
+        </Route>
+        <Route path="/title/remote">
           <Remote />
         </Route> */}
         <Route path={['/title', '/title/*']}>

packages/core/src/components/title/main/index.jsx

@@ -1,13 +1,18 @@
 import './index.scss';
 
-import {React} from '@latus/react';
+import {
+  React,
+  useLatus,
+} from '@latus/react';
 import {
   Link,
 } from 'react-router-dom';
 
-const Main = () => (
+const Main = () => {
+  const latus = useLatus();
+  return (
     <div className="title-main">
-    <h1 className="title-main__title">Rooted</h1>
+      <h1 className="title-main__title">{latus.get('@latus/http.title')}</h1>
       <ul className="title-main__actions">
         <li className="title-main__action">
           <Link to="/title/local" className="button title-main__button">Local play</Link>
@@ -17,6 +22,7 @@ const Main = () => (
         </li>
       </ul>
     </div>
-);
+  );
+};
 
 export default Main;