feat(application): update document title with app title

ecomplus · Apr 1, 2021 · 7c9b88e · 7c9b88e
1 parent 0fb7acd
commit 7c9b88e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/src/views/Application.vue b/src/views/Application.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="application">
     <ec-application
-      :application="application"
+      :application.sync="application"
       @click:back="goToMarket"
       @install="onInstall"
       @uninstall="goToMarket"

diff --git a/src/views/js/Application.js b/src/views/js/Application.js
@@ -7,11 +7,12 @@ export default {
     EcApplication
   },
 
-  computed: {
-    application () {
-      return {
+  data () {
+    return {
+      application: {
         app_id: this.$route.params.appId,
-        _id: this.$route.params.objectId
+        _id: this.$route.params.objectId,
+        title: ''
       }
     }
   },
@@ -32,5 +33,12 @@ export default {
         name: 'marketplace'
       })
     }
+  },
+
+  watch: {
+    'application.title' (appTitle) {
+      const pageTitle = document.title.replace(/\[[^]+\]\s·\s/, '')
+      document.title = `[${appTitle.replace(/[[\]]/, '-')}] · ${pageTitle}`
+    }
   }
 }