Add proof of concept component to module, start a little refactor

client/src/components/modules/Module.vue

@@ -41,6 +41,8 @@
       </h5>
     </div>
 
+    <text-to-select />
+
     <div class="module__intro-wrapper">
       <bookmark-actions
         :bookmarked="!!module.bookmark"
@@ -95,12 +97,15 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import ObjectiveGroups from '@/components/objective-groups/ObjectiveGroups.vue';
 import Chapter from '@/components/Chapter.vue';
 import BookmarkActions from '@/components/notes/BookmarkActions.vue';
 import Pill from '@/components/ui/Pill.vue';
+import TextToSelect from '@/components/TextToSelect.vue';
+</script>
 
+<script lang="ts">
 export default {
   props: {
     module: {
@@ -109,13 +114,6 @@ export default {
     },
   },
 
-  components: {
-    Pill,
-    BookmarkActions,
-    ObjectiveGroups,
-    Chapter,
-  },
-
   computed: {
     languageCommunicationObjectiveGroups() {
       return this.module.objectiveGroups