client/src/components/Welcome.vue

   1 <template lang="pug">
   2 div
   3   input#modalWelcome.modal(type="checkbox")
   4   div(role="dialog")
   5     .card
   6       div(v-html="content")
   7 </template>
   8
   9 <script>
  10 import { store } from "@/store.js";
  11 export default {
  12   name: "my-welcome",
  13   computed: {
  14     content: function() {
  15       // (AJAX) Request to get welcome content (plain text, HTML)
  16       return require("raw-loader!@/translations/welcome/" + store.state.lang + ".pug")
  17         // Next two lines fix a weird issue after last update (2019-11)
  18         .replace(/\\n/g, " ").replace(/\\"/g, '"')
  19         .replace('module.exports = "', '').replace(/"$/, "");
  20     },
  21   },
  22   methods: {
  23     closeAndDisable: function() {
  24       document.getElementById("modalWelcome").checked = false;
  25       localStorage.setItem('welcomed',true);
  26     },
  27   },
  28 };
  29 </script>