lukecarr/tiny-todo

import { $fetch, FetchOptions } from 'ohmyfetch'
import { SWRConfig } from 'swr'

import Footer from 'src/components/Footer'
import Header from 'src/components/Header'
import Router from 'src/components/Router'
import Welcome from 'src/components/Welcome'

import type { FunctionalComponent } from 'preact'

const Layout: FunctionalComponent = () => {
  return <div flex="~ col" min-h="screen">
    <Header />
    <main m="y-8" flex="1" container="~" max-w="screen-md">
      <Welcome />
      <Router />
    </main>
    <Footer />
  </div>
}

const fetcher = (url: string, opts?: FetchOptions<'json'>) => $fetch(`/api${url}`, opts)

const App: FunctionalComponent = () => {
  return <SWRConfig value={{ fetcher }}>
    <Layout />
  </SWRConfig>
}

export default App