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 require("raw-loader!@/translations/about/" + store.state.lang + ".pug")
  15         // Next two lines fix a weird issue after last update (2019-11)
  16         .replace(/\\[n"]/g, " ")
  17         .replace('module.exports = "', '').replace(/"$/, "");
  18     },
  19   },
  20 };
  21 </script>
  22
  23 <style lang="sass">
  24 #links
  25   margin: var(--universal-margin);
  26   & > a
  27     display: block
  28 </style>