diff --git a/src/common/interfaces/Event.ts b/src/common/interfaces/Event.ts
new file mode 100644
index 0000000..9ec8875
--- /dev/null
+++ b/src/common/interfaces/Event.ts
@@ -0,0 +1,7 @@
+interface Event {
+  time: string
+  name: string
+  description: string
+}
+
+export { Event }
diff --git a/src/pages/events.vue b/src/pages/events.vue
index 62bcf55..ce1d7e8 100644
--- a/src/pages/events.vue
+++ b/src/pages/events.vue
@@ -1,7 +1,24 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import _events from '~/assets/jsons/events.json'
+import type { Event } from '~/common/interfaces/Event'
+
+const events = _events as Event[]
+</script>
 
 <template>
-  <h1>events</h1>
+  <h1>事件</h1>
+
+  <v-timeline side="end">
+    <v-timeline-item
+      v-for="event, i in events"
+      :key="i"
+      size="small"
+    >
+      <v-alert :value="true">
+        {{ event.description }}
+      </v-alert>
+    </v-timeline-item>
+  </v-timeline>
 </template>
 
 <style scoped></style>