client/src/views/About.vue

   1 <template lang="pug">
   2 main
   3   .row
   4     .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
   5       div(v-html="content")
   6 </template>
   7
   8 <script>
   9 import { store } from "@/store";
  10 export default {
  11   name: "my-about",
  12   computed: {
  13     content: function() {
  14       return (
  15         require("raw-loader!@/translations/about/" + store.state.lang + ".pug")
  16         // Next two lines fix a weird issue after last update (2019-11)
  17         .replace(/\\[n"]/g, " ")
  18         .replace('module.exports = "', "")
  19         .replace(/"$/, "")
  20       );
  21     }
  22   }
  23 };
  24 </script>
  25
  26 <style lang="sass">
  27 #links
  28   margin: var(--universal-margin);
  29   & > a
  30     display: block
  31 </style>