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 <!-- Not scoped, because code is injected -->
  27 <style lang="sass">
  28 #links
  29   margin: var(--universal-margin);
  30   & > a
  31     display: block
  32 </style>