+<script>
+import ContactForm from "@/components/ContactForm.vue";
+import Language from "@/components/Language.vue";
+import Settings from "@/components/Settings.vue";
+import UpsertUser from "@/components/UpsertUser.vue";
+import Welcome from "@/components/Welcome.vue";
+import { store } from "./store.js";
+import { processModalClick } from "./utils/modalClick.js";
+export default {
+ components: {
+ ContactForm,
+ Language,
+ Settings,
+ UpsertUser,
+ Welcome,
+ },
+ data: function() {
+ return {
+ st: store.state,
+ };
+ },
+ computed: {
+ flagImage: function() {
+ return `/images/flags/${this.st.lang}.svg`;
+ },
+ },
+ mounted: function() {
+ let dialogs = document.querySelectorAll("div[role='dialog']");
+ dialogs.forEach(d => {
+ d.addEventListener("click", processModalClick);
+ });
+ if (!localStorage.getItem("welcomed"))
+ setTimeout( () => { doClick("modalWelcome"); }, 2000);
+ },
+ methods: {
+ hideDrawer: function(e) {
+ if (e.target.innerText == "Forum")
+ return; //external link
+ e.preventDefault(); //TODO: why is this needed?
+ document.getElementsByClassName("drawer")[0].checked = false;
+ },
+ },
+};
+</script>
+