use variable

Author: sandragjacinto

src/components/tutor/ThirdStep.vue

@@ -1,20 +1,9 @@
 <script setup lang="ts">
-import { ref } from 'vue';
 import { marked } from 'marked';
-import axios from 'axios';
+import { syllabus } from './mockedSyllabus.js';
 defineProps<{
   visible?: boolean;
 }>();
-const syllabus = ref('');
-
-const setSyllabusValue = (text) => {
-  syllabus.value = text;
-};
-
-axios
-  .get('./mockedSyllabus.md')
-  .then((res) => setSyllabusValue(res.data))
-  .catch((err) => console.log(err));
 </script>
 <template>
   <div class="wrapper" :class="{ visible: visible && syllabus.length }">

mockedSyllabus.md src/components/tutor/mockedSyllabus.jsmockedSyllabus.md renamed to src/components/tutor/mockedSyllabus.js

@@ -1,4 +1,4 @@
-# Syllabus: Introducing Sociolinguistics
+export const syllabus = `# Syllabus: Introducing Sociolinguistics
 
 ## Course Description
 
@@ -63,4 +63,4 @@ This course encourages the development of several competencies, including:
 
 ## Competencies Integration
 
-Integrating the GreenComp competencies, students will engage with sustainability themes, reflecting on their values and political agency in relation to language use and social justice, thereby fostering a holistic understanding of sociolinguistics in contemporary society.
+Integrating the GreenComp competencies, students will engage with sustainability themes, reflecting on their values and political agency in relation to language use and social justice, thereby fostering a holistic understanding of sociolinguistics in contemporary society.i`;