diff --git a/src/App.vue b/src/App.vue
index b1f1280..d825bff 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,7 +8,8 @@
 	import Status from './components/status.vue'
 	
 	const currentWorkingCategoryID = ref(1)
-	const summaryRef = ref(null);
+	const summaryRef = ref(null)
+	const statusRef = ref(null)
 
 	const updateCurrentWorkingCategoryID = (id) =>{
 		currentWorkingCategoryID.value = id
@@ -16,6 +17,7 @@
 
 	const refreshPage = () => {
 		summaryRef.value.loadData()
+		statusRef.value.loadData()
 	}
 	
 </script>
@@ -23,7 +25,7 @@
 <template>
 	<main>
 		<section id="timer">
-			<Status />
+			<Status ref="statusRef"/>
 			<Timer @loggedTime="refreshPage" :currentWorkingCategoryID="currentWorkingCategoryID"/>
 		</section>
 		<section id="summary">
diff --git a/src/components/status.vue b/src/components/status.vue
index c61c110..a4b609e 100644
--- a/src/components/status.vue
+++ b/src/components/status.vue
@@ -1,6 +1,6 @@
 <script setup>
 	import { formatSeconds } from '../libs/time.js'
-	import { onMounted, ref } from 'vue'
+	import { onMounted, ref, defineExpose } from 'vue'
 
 	const practiceStatus = ref({})
 
@@ -11,6 +11,7 @@
 	}
 
 	onMounted(loadData)
+	defineExpose({loadData})
 </script>
 <template>
 	<h2 @click="loadData">Practice Status</h2>