_layout.svelte 597 B

123456789101112131415161718192021222324252627282930
  1. <script lang="typescript">
  2. import { stores } from "@sapper/app";
  3. // You may not want to use `segment`, but it is passed for the time being and will
  4. // https://github.com/sveltejs/sapper/issues/824
  5. export let segment: string = "";
  6. const { page } = stores();
  7. let path: string;
  8. $: path = $page.path.slice(1);
  9. </script>
  10. <style global>
  11. @import "tailwindcss/base";
  12. @import "tailwindcss/components";
  13. @import "tailwindcss/utilities";
  14. * {
  15. @apply font-sans;
  16. }
  17. </style>
  18. <svelte:head>
  19. <title>
  20. {path ? path.charAt(0).toUpperCase() + path.slice(1) : "Index"}
  21. </title>
  22. </svelte:head>
  23. <slot />