diff --git a/src/components/MailTable.vue b/src/components/MailTable.vue
index c424aed..14a6dde 100644
--- a/src/components/MailTable.vue
+++ b/src/components/MailTable.vue
@@ -22,13 +22,14 @@
 <script>
   import { format } from 'date-fns';
   import axios from 'axios';
+  import { ref } from 'vue';
 
   export default {
     async setup(){
       let {data: emails} = await axios.get('http://localhost:3000/emails')
       return {
         format,
-        emails
+        emails: ref(emails)
       }
     },
     computed: {