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 import afterRawLoad from "@/utils/afterRawLoad";
  11 export default {
  12   name: "my-about",
  13   computed: {
  14     content: function() {
  15       return (
  16         afterRawLoad(
  17           require(
  18             "raw-loader!@/translations/about/" + store.state.lang + ".pug"
  19           ).default
  20         )
  21       );
  22     }
  23   }
  24 };
  25 </script>
  26
  27 <!-- Not scoped, because code is injected -->
  28 <style lang="sass">
  29 #links
  30   margin: var(--universal-margin);
  31   & > a
  32     display: block
  33 </style>