31 lines
574 B
Vue
31 lines
574 B
Vue
<template>
|
|
<div v-if="course">
|
|
<div class="text-xl font-semibold">
|
|
{{ course.title }}
|
|
</div>
|
|
<div v-if="course.chapters.length">
|
|
{{ course.chapters }}
|
|
</div>
|
|
<div v-else class="border bg-white rounded-md p-5 text-center mt-4">
|
|
<div>
|
|
{{
|
|
__(
|
|
'There are no chapters in this course. Create and manage chapters from here.'
|
|
)
|
|
}}
|
|
</div>
|
|
<Button class="mt-4">
|
|
{{ __('Add Chapter') }}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
const props = defineProps({
|
|
course: {
|
|
type: Object,
|
|
default: {},
|
|
},
|
|
})
|
|
</script>
|