change title to the room name #26

audon-fe/src/main.js

@@ -53,6 +53,7 @@ axios.interceptors.response.use(undefined, (error) => {
   return Promise.reject(error);
 });
 router.beforeEach(async (to) => {
+  document.title = to.meta.title ?? "Audon";
   const donStore = useMastodonStore();
   if ((!to.meta.noauth || to.name === "login") && !donStore.authorized) {
     try {

audon-fe/src/views/HomeView.vue

@@ -13,12 +13,6 @@ export default {
       query: "",
     };
   },
-  mounted() {
-    removeEventListener("beforeunload", (event) => {
-      event.preventDefault();
-      return (event.returnValue = "");
-    });
-  },
   methods: {
     async onLogout() {
       // if (!confirm(this.$t("logoutConfirm"))) return;

audon-fe/src/views/RoomView.vue

@@ -203,6 +203,11 @@ export default {
     setInterval(this.refreshRemoteMuteStatus, 100);
     setInterval(this.refreshTimeElapsed, 1000);
   },
+  watch: {
+    "roomInfo.title"(newValue) {
+      document.title = `Audon: ${newValue}`;
+    },
+  },
   computed: {
     iamMuted() {
       const myAudonID = this.donStore.oauth.audon?.audon_id;