X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FFaq.vue;h=05b1e25ac7ab575a91bedaee2f05a8b48853922b;hb=70c9745d34b705eb8a4dc72b6e4655739d31347c;hp=a87e6bd7098dd8558a160220abe20241a11daf06;hpb=ff0150d1eb0ce3778310e67bb4ce87d0666a37d7;p=vchess.git

diff --git a/client/src/views/Faq.vue b/client/src/views/Faq.vue
index a87e6bd7..05b1e25a 100644
--- a/client/src/views/Faq.vue
+++ b/client/src/views/Faq.vue
@@ -7,6 +7,7 @@ main
 
 <script>
 import { store } from "@/store";
+import afterRawLoad from "@/utils/afterRawLoad";
 export default {
   name: "my-faq",
   data: function() {
@@ -14,14 +15,12 @@ export default {
   },
   computed: {
     content: function() {
-      // (AJAX) Request to get FAQ content (plain text, HTML)
       return (
-        require("raw-loader!@/translations/faq/" + this.st.lang + ".pug")
-        // Next two lines fix a weird issue after last update (2019-11)
-        .replace(/\\n/g, " ")
-        .replace(/\\"/g, '"')
-        .replace('module.exports = "', "")
-        .replace(/"$/, "")
+        afterRawLoad(
+          require(
+            "raw-loader!@/translations/faq/" + this.st.lang + ".pug"
+          ).default
+        )
       );
     }
   },
@@ -50,6 +49,7 @@ export default {
 
 <style lang="sass">
 #faqDiv
+  margin-bottom: 10px
   @media screen and (max-width: 767px)
     margin-left: var(--universal-margin)
     margin-right: var(--universal-margin)
@@ -61,6 +61,7 @@ export default {
   cursor: pointer
 
 .answer
+  margin-bottom: 10px
   ol, ul
     margin-top: 0
     margin-bottom: 0