<script setup lang="ts"></script>

<template>
  <AppCard>
    <section class="course">
      <div class="course-left">
        <router-link to="/course/123">123</router-link>
      </div>
      <div class="course-right"><router-view :key="$route.fullPath"></router-view></div>
    </section>
  </AppCard>
</template>

<style lang="scss">
.course {
  display: flex;
}
.course-left {
  width: 400px;
  overflow-y: auto;
}
.course-right {
  flex: 1;
}
</style>
