Removed vue html-directive to obtain cleaner UI text without special …

…encoding.

Signed-off-by: marijnvg-tng <marijn.vangeest@tngtech.com>

WebUI/src/assets/i18n/en-US.json

@@ -127,10 +127,10 @@
   "ANSWER_RAG_OPEN_DIALOG":"Open File Uploader",
   "REQUEST_LLM_MODEL_NAME":"Add a model of your choice from huggingface.co",
   "REQUEST_LLM_MODEL_DESCRIPTION": "You can download a model repository with the syntax",
-  "REQUEST_LLM_MODEL_EXAMPLE": "<namespace>/<repo_name>, e.g. 'openai-community/gpt2'",
-  "REQUEST_LLM_SINGLE_EXAMPLE": "<namespace>/<file_path>, e.g. 'microsoft/Phi-3-mini-4k-instruct-gguf/Phi-3-mini-4k-instruct-q4.gguf'",
-  "REQUEST_LLM_MODEL_DESCRIPTION_tmp":"You can either download a model repository by providing <namespace>/<repo_name>, e.g. 'openai-community/gpt2' or a single model file, by typing <namespace>/<file_path>, e.g. 'microsoft/Phi-3-mini-4k-instruct-gguf/Phi-3-mini-4k-instruct-q4.gguf'",
-  "REQUEST_LLM_MODEL_DISCLAIMER":"NOTE: Not every model on huggingface.co is suited for the task you want it to perform. <br />Carefully read the model introduction and requirements before downloading.",
+  "REQUEST_LLM_MODEL_EXAMPLE": "<namespace>/<repo_name>, e.g. 'facebook/opt-1.3b'",
+  "REQUEST_LLM_SINGLE_EXAMPLE": "<namespace>/<file_path>, e.g. 'microsoft/Phi-3-mini-4k-instruct-gguf/Phi-3-mini-4k-instruct-q4.gguf'",
+  "REQUEST_LLM_MODEL_DISCLAIMER_1": "NOTE: Not every model on huggingface.co is suited for the task you want it to perform.",
+  "REQUEST_LLM_MODEL_DISCLAIMER_2": "Carefully read the model introduction and requirements before downloading.",
   "DOWNLOADER_CONFRIM_TIP":"You are missing one or more models needed to run. Would you like to download the model(s) listed below?",
   "DOWNLOADER_MODEL":"Model",
   "DOWNLOADER_INFO":"Info",

WebUI/src/components/AddLLMDialog.vue

@@ -6,7 +6,8 @@
         :class="{ 'animate-scale-in': animate }">
         <b v-html="i18nState.REQUEST_LLM_MODEL_NAME"></b>
         <div class="flex flex-col items-center gap-2 p-4 border border-yellow-600 bg-yellow-600/10 rounded-lg">
-          <p v-html="i18nState.REQUEST_LLM_MODEL_DISCLAIMER"></p>
+          <p>{{ i18nState.REQUEST_LLM_MODEL_DISCLAIMER_1 }}</p>
+          <p>{{ i18nState.REQUEST_LLM_MODEL_DISCLAIMER_2 }}</p>
         </div>
         <div class="container flex">
           <span @mouseover="showInfo = true" @mouseout="showInfo = false" style="vertical-align: middle;" class="svg-icon i-info w-7 h-7 px-6"></span>
@@ -15,7 +16,7 @@
         <span v-if="showInfo" class="hover-box w-0.6">
            <p v-html="i18nState.REQUEST_LLM_MODEL_DESCRIPTION"></p>
           <ul>
-            <li v-html="i18nState.REQUEST_LLM_MODEL_EXAMPLE"></li>
+            <li>{{ i18nState.REQUEST_LLM_MODEL_EXAMPLE }}</li>
 <!--            <li v-html="i18nState.REQUEST_LLM_SINGLE_EXAMPLE"></li>-->
           </ul>
         </span>