26 lines
594 B
TypeScript
26 lines
594 B
TypeScript
import { Component, createEffect, Suspense } from 'solid-js';
|
|
import { useRouteData } from 'solid-app-router';
|
|
|
|
export default function About() {
|
|
const name = useRouteData<() => string>();
|
|
|
|
createEffect(() => {
|
|
console.log(name());
|
|
});
|
|
|
|
return (
|
|
<section class="bg-pink-100 text-gray-700 p-8">
|
|
<h1 class="text-2xl font-bold">About</h1>
|
|
|
|
<p class="mt-4">A page all about this website.</p>
|
|
|
|
<p>
|
|
<span>We love</span>
|
|
<Suspense fallback={<span>...</span>}>
|
|
<span> {name()}</span>
|
|
</Suspense>
|
|
</p>
|
|
</section>
|
|
);
|
|
}
|