Add namespace paths.

app/src/frontend/components/form/login-form.tsx

@@ -1,5 +1,5 @@
 import { FC } from "hono/jsx"
-import ErrorMessage from "./error-message";
+import ErrorMessage from "@slovo/frontend/components/form/error-message";
 
 export const LoginForm: FC = (props) => {
   return (

app/src/frontend/components/form/register-form.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'hono/jsx';
-import ErrorMessage from './error-message';
+import ErrorMessage from '@slovo/frontend/components/form/error-message';
 
 
 export const RegisterForm: FC = (props) => {

app/src/frontend/layout/footer.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'hono/jsx';
 
-const currentYear = new Date().getFullYear();
+// const currentYear = new Date().getFullYear();
 
 const Footer: FC = (props) => {
   return (

app/src/frontend/pages/home.tsx

@@ -1,6 +1,6 @@
-import { Layout } from "../layout";
+import { Layout } from "@slovo/frontend/layout";
 
-export const HomePage = (props) => {
+export const HomePage = () => {
   return (
     <Layout title="Home">
       <div>Welcome to Slovocast</div>

app/src/frontend/pages/login.tsx

@@ -1,5 +1,5 @@
-import { Layout } from '../layout';
+import { Layout } from '@slovo/frontend/layout';
-import { LoginForm } from '../components/login-form';
+import { LoginForm } from '@slovo/frontend/components/form/login-form';
 
 export const LoginPage = (props: { error?: any }) => {
   return (

app/src/frontend/pages/register.tsx

@@ -1,5 +1,5 @@
-import { RegisterForm } from '../components/register-form';
+import { RegisterForm } from '@slovo/frontend/components/form/register-form';
-import { Layout } from '../layout';
+import { Layout } from '@slovo/frontend/layout';
 
 export const RegisterPage = (props: { error?: any }) => {
   return (

app/src/handlers/user.tsx

@@ -1,7 +1,7 @@
 import { Hono } from 'hono';
 import { Context } from 'hono';
-import { LoginPage } from '../frontend/pages/login';
+import { LoginPage } from '@slovo/frontend/pages/login';
-import { RegisterPage } from '../frontend/pages/register';
+import { RegisterPage } from '@slovo/frontend/pages/register';
 
 const UserHandler = new Hono();
 

app/src/middleware/siteData.ts

@@ -1,5 +1,5 @@
 import { Context } from 'hono';
-import SiteData from '../model/SiteData';
+import SiteData from '@slovo/model/SiteData';
 
 const currentYear = new Date().getFullYear();
 

app/src/model/Channel.ts

@@ -1,6 +1,6 @@
-import Category from './Category';
+import Category from '@slovo/model/Category';
-import Image from './Image';
+import Image from '@slovo/model/Image';
-import Episode from './Episode';
+import Episode from '@slovo/model/Episode';
 
 type Channel = {
   name: string,

app/src/model/Episode.ts

@@ -1,4 +1,4 @@
-import Image from './Image';
+import Image from '@slovo/model/Image';
 
 type Episode = {
   title: string,

app/tsconfig.json

@@ -2,6 +2,9 @@
   "compilerOptions": {
     "strict": true,
     "jsx": "react-jsx",
-    "jsxImportSource": "hono/jsx"
+    "jsxImportSource": "hono/jsx",
+    "paths": {
+      "@slovo/*": [ "src/*" ]
+    }
   }
 }