Abstract useEmailSelection into separate function

src/components/MailTable.vue

@@ -23,17 +23,11 @@
 
 <script>
   import { format } from 'date-fns'
-  import { ref } from 'vue';
+  import useEmailSelection from '../composition/useEmailSelection';
+
   export default {
     setup(){
-      let selectedEmailIds = ref(new Set(['1', '5']))
+      let {selectedEmailIds, toggleEmailSelection} = useEmailSelection();
-      let toggleEmailSelection = (id) => {
-        if(selectedEmailIds.value.has(id)) {
-          selectedEmailIds.value.delete(id)
-        } else {
-          selectedEmailIds.value.add(id);
-        }
-      }
       return {format, selectedEmailIds, toggleEmailSelection}
     },
     props: {

src/composition/useEmailSelection.js

@@ -0,0 +1,19 @@
+import { ref } from 'vue';
+
+export const useEmailSelection = function(){
+  let selectedEmailIds = ref(new Set(['1', '5']))
+  let toggleEmailSelection = (id) => {
+    if(selectedEmailIds.value.has(id)) {
+      selectedEmailIds.value.delete(id)
+    } else {
+      selectedEmailIds.value.add(id);
+    }
+  }
+
+  return {
+    selectedEmailIds,
+    toggleEmailSelection
+  }
+}
+
+export default useEmailSelection;