From d51e5f165be00c40d917106b9e3f7bfe608bf93a Mon Sep 17 00:00:00 2001
From: Guillaume Chau <alphadelta.fg@gmail.com>
Date: Thu, 12 Apr 2018 21:08:37 +0200
Subject: [PATCH] feat(ui): page title

---
 packages/@vue/cli-ui/package.json                  |  1 +
 packages/@vue/cli-ui/src/App.vue                   |  9 +++++++++
 packages/@vue/cli-ui/src/main.js                   |  2 ++
 .../cli-ui/src/views/ProjectConfigurations.vue     |  6 ++++++
 packages/@vue/cli-ui/src/views/ProjectCreate.vue   |  6 ++++++
 packages/@vue/cli-ui/src/views/ProjectPlugins.vue  |  8 +++++++-
 .../@vue/cli-ui/src/views/ProjectPluginsAdd.vue    |  6 ++++++
 packages/@vue/cli-ui/src/views/ProjectSelect.vue   |  6 ++++++
 packages/@vue/cli-ui/src/views/ProjectTasks.vue    |  6 ++++++
 yarn.lock                                          | 14 +++++++++++++-
 10 files changed, 62 insertions(+), 2 deletions(-)

diff --git a/packages/@vue/cli-ui/package.json b/packages/@vue/cli-ui/package.json
index 39f71cd1c7..106ed53489 100644
--- a/packages/@vue/cli-ui/package.json
+++ b/packages/@vue/cli-ui/package.json
@@ -39,6 +39,7 @@
     "vue-apollo": "^3.0.0-beta.5",
     "vue-i18n": "^7.6.0",
     "vue-instantsearch": "^1.5.1",
+    "vue-meta": "^1.5.0",
     "vue-router": "^3.0.1",
     "xterm": "^3.2.0"
   },
diff --git a/packages/@vue/cli-ui/src/App.vue b/packages/@vue/cli-ui/src/App.vue
index d503819e7e..f6d6bcf34d 100644
--- a/packages/@vue/cli-ui/src/App.vue
+++ b/packages/@vue/cli-ui/src/App.vue
@@ -9,6 +9,15 @@
   </div>
 </template>
 
+<script>
+export default {
+  metaInfo: {
+    titleTemplate: chunk => chunk ? `[Beta] ${chunk} - Vue CLI` : '[Beta] Vue CLI'
+  }
+}
+</script>
+
+
 <style lang="stylus">
 @import "~@vue/ui/dist/vue-ui.css"
 @import "~file-icons-js/css/style.css"
diff --git a/packages/@vue/cli-ui/src/main.js b/packages/@vue/cli-ui/src/main.js
index 2f9d3e83db..e20f09157b 100644
--- a/packages/@vue/cli-ui/src/main.js
+++ b/packages/@vue/cli-ui/src/main.js
@@ -5,6 +5,7 @@ import i18n from './i18n'
 import { apolloProvider } from './vue-apollo'
 import VueUi from '@vue/ui'
 import InstantSearch from 'vue-instantsearch'
+import VueMeta from 'vue-meta'
 import * as Filters from './filters'
 import './register-components'
 import ClientAddonApi from './util/ClientAddonApi'
@@ -18,6 +19,7 @@ window.gql = gql
 Vue.use(SharedData)
 Vue.use(PluginAction)
 Vue.use(InstantSearch)
+Vue.use(VueMeta)
 Vue.use(Responsive, {
   computed: {
     mobile () {
diff --git a/packages/@vue/cli-ui/src/views/ProjectConfigurations.vue b/packages/@vue/cli-ui/src/views/ProjectConfigurations.vue
index 6e32d2446f..7855e0200c 100644
--- a/packages/@vue/cli-ui/src/views/ProjectConfigurations.vue
+++ b/packages/@vue/cli-ui/src/views/ProjectConfigurations.vue
@@ -40,6 +40,12 @@ export default {
     RestoreRoute()
   ],
 
+  metaInfo () {
+    return {
+      title: this.$t('views.project-configurations.title')
+    }
+  },
+
   methods: {
     generateItems (configurations) {
       return configurations.map(
diff --git a/packages/@vue/cli-ui/src/views/ProjectCreate.vue b/packages/@vue/cli-ui/src/views/ProjectCreate.vue
index 294b04ea67..b442c6ad8d 100644
--- a/packages/@vue/cli-ui/src/views/ProjectCreate.vue
+++ b/packages/@vue/cli-ui/src/views/ProjectCreate.vue
@@ -407,6 +407,12 @@ export default {
     })
   ],
 
+  metaInfo () {
+    return {
+      title: this.$t('views.project-create.title')
+    }
+  },
+
   data () {
     return {
       formData: formData,
diff --git a/packages/@vue/cli-ui/src/views/ProjectPlugins.vue b/packages/@vue/cli-ui/src/views/ProjectPlugins.vue
index 708d3f0a4d..be537d3369 100644
--- a/packages/@vue/cli-ui/src/views/ProjectPlugins.vue
+++ b/packages/@vue/cli-ui/src/views/ProjectPlugins.vue
@@ -44,6 +44,12 @@
 
 <script>
 export default {
-  name: 'ProjectPlugins'
+  name: 'ProjectPlugins',
+
+  metaInfo () {
+    return {
+      title: this.$t('views.project-plugins.title')
+    }
+  }
 }
 </script>
diff --git a/packages/@vue/cli-ui/src/views/ProjectPluginsAdd.vue b/packages/@vue/cli-ui/src/views/ProjectPluginsAdd.vue
index 90dc709ca5..de2a42965c 100644
--- a/packages/@vue/cli-ui/src/views/ProjectPluginsAdd.vue
+++ b/packages/@vue/cli-ui/src/views/ProjectPluginsAdd.vue
@@ -187,6 +187,12 @@ export default {
     })
   ],
 
+  metaInfo () {
+    return {
+      title: this.$t('views.project-plugins-add.title')
+    }
+  },
+
   data () {
     return {
       tabId: 'search',
diff --git a/packages/@vue/cli-ui/src/views/ProjectSelect.vue b/packages/@vue/cli-ui/src/views/ProjectSelect.vue
index 41a2635ea6..e1ce8c19b5 100644
--- a/packages/@vue/cli-ui/src/views/ProjectSelect.vue
+++ b/packages/@vue/cli-ui/src/views/ProjectSelect.vue
@@ -63,6 +63,12 @@ import PROJECT_IMPORT from '../graphql/projectImport.gql'
 export default {
   name: 'ProjectSelect',
 
+  metaInfo () {
+    return {
+      title: this.$t('views.project-select.title')
+    }
+  },
+
   data () {
     return {
       folderCurrent: {},
diff --git a/packages/@vue/cli-ui/src/views/ProjectTasks.vue b/packages/@vue/cli-ui/src/views/ProjectTasks.vue
index b3f41b6ec7..b3fd089b17 100644
--- a/packages/@vue/cli-ui/src/views/ProjectTasks.vue
+++ b/packages/@vue/cli-ui/src/views/ProjectTasks.vue
@@ -41,6 +41,12 @@ export default {
     RestoreRoute()
   ],
 
+  metaInfo () {
+    return {
+      title: this.$t('views.project-tasks.title')
+    }
+  },
+
   apollo: {
     $subscribe: {
       taskChanged: {
diff --git a/yarn.lock b/yarn.lock
index 98d19a0445..e74a044cc9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3294,6 +3294,10 @@ deepmerge@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
 
+deepmerge@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-2.1.0.tgz#511a54fff405fc346f0240bb270a3e9533a31102"
+
 deepmerge@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-2.0.1.tgz#25c1c24f110fb914f80001b925264dd77f3f4312"
@@ -7031,7 +7035,7 @@ lodash.isobject@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/lodash.isobject/-/lodash.isobject-3.0.2.tgz#3c8fb8d5b5bf4bf90ae06e14f2a530a4ed935e1d"
 
-lodash.isplainobject@^4.0.0:
+lodash.isplainobject@^4.0.0, lodash.isplainobject@^4.0.6:
   version "4.0.6"
   resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"
 
@@ -11002,6 +11006,14 @@ vue-loader@^14.2.1:
     vue-style-loader "^4.0.1"
     vue-template-es2015-compiler "^1.6.0"
 
+vue-meta@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/vue-meta/-/vue-meta-1.5.0.tgz#02a9f166a1e87763a87bfd47431122ed575bcdde"
+  dependencies:
+    deepmerge "^2.0.0"
+    lodash.isplainobject "^4.0.6"
+    object-assign "^4.1.1"
+
 vue-parser@^1.1.5:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/vue-parser/-/vue-parser-1.1.6.tgz#3063c8431795664ebe429c23b5506899706e6355"