feat(tutor): Adds download button (#12)

* feat(tutor): adds download

* feat(tutor): adds lis to convert md to docx

* copy package instead of importing

Author: sandragjacinto

package.json

@@ -18,6 +18,8 @@
   },
   "dependencies": {
     "axios": "^1.8.2",
+    "docx": "^9.3.0",
+    "file-saver": "^2.0.5",
     "marked": "^12.0.2",
     "pinia": "^2.1.4",
     "vue": "^3.3.4",

src/components/CardSimpleComponent.vue

@@ -17,8 +17,8 @@ defineProps<{
   hideRefIndicator?: boolean;
   shouldDisplayScore?: boolean;
   score?: number;
-  toggleBookmark: () => void;
-  isBookmarked: boolean;
+  toggleBookmark?: () => void;
+  isBookmarked?: boolean;
 }>();
 
 const isModalActive = ref(false);
@@ -73,7 +73,11 @@ const handleModalOpen = () => {
             <TooltipComponent class="tltip" :tooltipText="$t('cardArticle.seeDetails')" isLeft />
           </div>
 
-          <BookmarkComponent :isBookmarked="isBookmarked" :toggleBookmark="toggleBookmark" />
+          <BookmarkComponent
+            v-if="toggleBookmark"
+            :isBookmarked="isBookmarked"
+            :toggleBookmark="toggleBookmark"
+          />
           <a class="icon-wrapper" target="_blank" :href="url">
             <OpenUrlIcon class="icon is-small" />
             <TooltipComponent class="tltip" :tooltipText="$t('cardArticle.openArticle')" isLeft />

src/components/tutor/SecondStep.vue

@@ -18,6 +18,7 @@ defineProps<{
           :corpus="source.payload.document_corpus"
           :url="source.payload.document_url"
           :details="source.payload.document_details"
+          :sdg="source.payload.document_sdg"
         />
       </div>
     </div>

src/components/tutor/ThirdStep.vue

@@ -12,6 +12,7 @@ defineProps<{
     <!-- syllabus -->
     <p
       contenteditable="true"
+      id="syllabus"
       class="syllabus content"
       v-if="syllabus.length"
       v-html="marked.parse(syllabus)"