From 50b19c64056616b4ad0a1370537dd8e86fe5c1b8 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Tue, 19 Dec 2023 20:23:14 +0100
Subject: [PATCH] Add proof of concept component to module, start a little
 refactor

---
 client/src/components/modules/Module.vue | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/client/src/components/modules/Module.vue b/client/src/components/modules/Module.vue
index 9d8815ed..517c703d 100644
--- a/client/src/components/modules/Module.vue
+++ b/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