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
  11 export default {
  12   name: 'my-about',
  13   computed: {
  14     content: function() {
  15       return 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 = "', '').replace(/"$/, "");
  19     },
  20   },
  21 };
  22 </script>
  23
  24 <style lang="sass">
  25 #links
  26   margin: var(--universal-margin);
  27   & > a
  28     display: block
  29 </style>