diff --git a/src/components/MailTable.vue b/src/components/MailTable.vue
index 1a4da1d..a670acd 100644
--- a/src/components/MailTable.vue
+++ b/src/components/MailTable.vue
@@ -32,7 +32,7 @@
   import MailView from '@/components/MailView.vue';
   import ModalView from '@/components/ModalView.vue';
   import BulkActionBar from '@/components/BulkActionBar.vue';
-  import { reactive } from 'vue';
+  import { ref } from 'vue';
   import useEmailSelection from '@/composables/use-email-selection'
 
   export default {
@@ -42,8 +42,8 @@
       return {
         emailSelection: useEmailSelection(),
         format,
-        emails,
-        openedEmail: null
+        emails: ref(emails),
+        openedEmail: ref(null)
       }
     },
     components: {