Moved "number selected"... but it doesn't update. Why?

src/components/InboxScreen.vue

@@ -1,18 +1,23 @@
 <template>
   <h1>VMail Inbox</h1>
 
+  Number selected: {{selectedEmailIds.size}}
+
   <MailTable :emails="emails" />
 </template>
 
 <script>
   import MailTable from '@/components/MailTable.vue';
-  import { ref } from 'vue';
+  import useEmailSelection from '../composition/useEmailSelection';
+
   export default {
     async setup(props, {attrs, slots}){
       let response = await fetch('/api/emails');
       let {emails} = await response.json();
 
-      return {emails}
+      let {selectedEmailIds} = useEmailSelection();
+
+      return {emails, selectedEmailIds}
     },
     components: {
       MailTable