Fix some bugs with the text highlighter

components/search_results/free_text/FreeTextResults.vue

 <template>
-  <v-tabs show-arrows :vertical="makeTabsVertical">
-    <v-tab> Compounds </v-tab>
-    <v-tab> Targets </v-tab>
-    <v-tab-item> <CompoundsResults /> </v-tab-item>
-    <v-tab-item> <TargetsResults /> </v-tab-item>
-    <v-tab-item> <HeatmapResults /> </v-tab-item>
-  </v-tabs>
+  <div>
+    <v-container>
+      <div class="d-flex flex-column align-center">
+        <div class="text-overline">Searching...</div>
+        <br />
+
+        <v-progress-linear indeterminate />
+      </div>
+      <TextHighlighter
+        full-text="The quick brown fox jumps over the lazy dog"
+        highlighted-text="bro"
+      />
+      <TextHighlighter
+        full-text="The quick brown fox jumps over the lazy dog"
+        highlighted-text="Bra"
+      />
+      <TextHighlighter
+        full-text="The aminohydrolase"
+        highlighted-text="amino"
+      />
+      <TextHighlighter full-text="The aminohydrolase" highlighted-text="box" />
+    </v-container>
+    <v-tabs show-arrows :vertical="makeTabsVertical">
+      <v-tab> Compounds </v-tab>
+      <v-tab> Targets </v-tab>
+      <v-tab-item> <CompoundsResults /> </v-tab-item>
+      <v-tab-item> <TargetsResults /> </v-tab-item>
+      <v-tab-item> <HeatmapResults /> </v-tab-item>
+    </v-tabs>
+  </div>
 </template>
 
 <script>
 import CompoundsResults from '~/components/search_results/free_text/CompoundsResults.vue'
 import TargetsResults from '~/components/search_results/free_text/TargetsResults.vue'
 import HeatmapResults from '~/components/search_results/free_text/HeatmapResults.vue'
+import TextHighlighter from '~/web-components-submodule/components/common/Highlighting/TextHighlighter.vue'
+
 export default {
   components: {
     CompoundsResults,
     TargetsResults,
     HeatmapResults,
+    TextHighlighter,
   },
   props: {
     searchTerm: {
@@ -36,6 +62,12 @@ export default {
       }
     },
   },
+  mounted() {
+    this.getSearchParams()
+  },
+  methods: {
+    getSearchParams() {},
+  },
 }
 </script>