24 lines
484 B
Vue
24 lines
484 B
Vue
<script setup lang="ts">
|
|
import { type Class } from '@/api/classroom_compliance'
|
|
|
|
defineProps<{
|
|
cls: Class
|
|
}>()
|
|
</script>
|
|
<template>
|
|
<div class="class-item">
|
|
<h3>Class <span v-text="cls.number"></span></h3>
|
|
<p v-text="cls.schoolYear"></p>
|
|
<div>
|
|
<RouterLink :to="'/classroom-compliance/classes/' + cls.id">View</RouterLink>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<style scoped>
|
|
.class-item {
|
|
border: 1px solid black;
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
</style>
|