<script setup lang="ts">
import { computed } from 'vue'
import EditableStudentGrid from '@/components/maint/EditableGrid.vue'
import type { MaintenancePageModel } from '@/models/page'
import { useStudentStore } from '@/stores/students'

const studentStore = useStudentStore()
const pageModel = computed<MaintenancePageModel>(() => ({
  type: 'maintenance',
  title: '可編輯表格維護示範',
  records: studentStore.students,
  loading: false,
  error: null,
}))
</script>

<template>
  <EditableStudentGrid :title="pageModel.title" />
</template>
