classroomio/src/routes/courses.svelte

<script>
  import { stores } from '@sapper/app';
  import PageNav from '../components/PageNav/index.svelte';
  import Courses from '../components/Courses/index.svelte';

  const { page } = stores();
  let tab = '';

  $: tab = $page.query.tab || 'mine';
</script>

<svelte:head>
  <title>Courses</title>
</svelte:head>

<div class="root">
  <PageNav title="Courses" />
  <Courses />
</div>

<style>
  .root {
    min-width: 600px;
    margin: 0 auto;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
  }
</style>