pinafore/routes/settings/about.html

<svelte:head>
  <title>Pinafore – About</title>
</svelte:head>
<Layout page='settings'>
  <LazyPage {pageComponent} {params} />
</Layout>
<script>
  import Layout from '../_components/Layout.html'
  import LazyPage from '../_components/LazyPage.html'
  import pageComponent from '../_pages/settings/about.html'

  export default {
    components: {
      Layout,
      LazyPage
    },
    data: () => ({
      pageComponent
    })
  }
</script>