diff --git a/src/modules/record/components/TaskRecord.vue b/src/modules/record/components/TaskRecord.vue
new file mode 100644
index 0000000..1ce667d
--- /dev/null
+++ b/src/modules/record/components/TaskRecord.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+const props = defineProps<{
+  taskId: string
+}>()
+</script>
+
+<template>
+  <div class="task-record"></div>
+</template>
+
+<style scoped lang="scss">
+.task-record {
+}
+</style>
diff --git a/src/modules/record/stores/useTaskRecordStore.ts b/src/modules/record/stores/useTaskRecordStore.ts
new file mode 100644
index 0000000..63a7e2a
--- /dev/null
+++ b/src/modules/record/stores/useTaskRecordStore.ts
@@ -0,0 +1,20 @@
+import { defineStore } from 'pinia'
+import type { Recordable } from '../interfaces/recordable'
+
+interface StoredTaskRecordable
+  extends Omit<Recordable, 'start' | 'end' | 'stepRecords'> {
+  start: string
+  end?: string
+  stepRecords: Record<string, { start: string; end?: string }>
+}
+
+export interface TaskRecordStoreState {
+  records: { [taskId: string]: StoredTaskRecordable[] }
+}
+
+export const useTaskRecordStore = defineStore('task-record-store', {
+  persist: true,
+  state: (): TaskRecordStoreState => ({
+    records: {}
+  })
+})