feat(ui): page title

Author: Guillaume Chau

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"
   },

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"

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 () {

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(

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,

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>

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',

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: {},

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: {

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"