feat: add searched summoner name in page title

This commit is contained in:
Valentin Kaelin 2020-06-26 17:27:22 +02:00
parent 7bbf5edb4a
commit 6638d8b6b9
10 changed files with 56 additions and 2 deletions

View file

@ -11750,6 +11750,21 @@
"vue-style-loader": "^4.1.0" "vue-style-loader": "^4.1.0"
} }
}, },
"vue-meta": {
"version": "2.4.0",
"resolved": "https://registry.npmjs.org/vue-meta/-/vue-meta-2.4.0.tgz",
"integrity": "sha512-XEeZUmlVeODclAjCNpWDnjgw+t3WA6gdzs6ENoIAgwO1J1d5p1tezDhtteLUFwcaQaTtayRrsx7GL6oXp/m2Jw==",
"requires": {
"deepmerge": "^4.2.2"
},
"dependencies": {
"deepmerge": {
"version": "4.2.2",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
"integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
}
}
},
"vue-router": { "vue-router": {
"version": "3.3.4", "version": "3.3.4",
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.3.4.tgz", "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.3.4.tgz",

View file

@ -13,6 +13,7 @@
"vue": "^2.6.11", "vue": "^2.6.11",
"vue-content-loader": "^0.2.3", "vue-content-loader": "^0.2.3",
"vue-gtag": "^1.6.5", "vue-gtag": "^1.6.5",
"vue-meta": "^2.4.0",
"vue-router": "^3.3.4", "vue-router": "^3.3.4",
"vuex": "^3.4.0" "vuex": "^3.4.0"
}, },

View file

@ -13,12 +13,12 @@
<meta name="msapplication-TileColor" content="#38b2ac"> <meta name="msapplication-TileColor" content="#38b2ac">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<title>LeagueStats</title> <title>LeagueStats.gg</title>
<meta name="description" <meta name="description"
content="LeagueStats.gg is an Open source website for League of Legends Summoners statistics."> content="LeagueStats.gg is an Open source website for League of Legends Summoners statistics.">
</head> </head>
<body class="relative min-w-1200 bg-blue-900"> <body class="relative bg-blue-900 min-w-1200">
<noscript> <noscript>
<strong>We're sorry but LeagueStats doesn't work properly without JavaScript enabled. Please enable it to <strong>We're sorry but LeagueStats doesn't work properly without JavaScript enabled. Please enable it to
continue.</strong> continue.</strong>

View file

@ -248,6 +248,12 @@ export default {
}, },
...mapActions('settings', ['updateSettings']), ...mapActions('settings', ['updateSettings']),
...mapActions('summoner', ['basicRequest']), ...mapActions('summoner', ['basicRequest']),
},
metaInfo() {
return {
titleTemplate: this.summonerFound ? `${this.basic.account.name} | LeagueStats.gg %s` : 'LeagueStats.gg %s',
}
} }
} }
</script> </script>

View file

@ -1,6 +1,7 @@
import Vue from 'vue' import Vue from 'vue'
import VueAxios from './plugins/axios' import VueAxios from './plugins/axios'
import VueGtag from 'vue-gtag' import VueGtag from 'vue-gtag'
import VueMeta from 'vue-meta'
import '@/assets/css/main.css' import '@/assets/css/main.css'
@ -13,6 +14,7 @@ Vue.use(VueAxios)
Vue.use(VueGtag, { Vue.use(VueGtag, {
config: { id: 'UA-113251543-3' } config: { id: 'UA-113251543-3' }
}, router) }, router)
Vue.use(VueMeta)
Vue.filter('capitalize', (value) => { Vue.filter('capitalize', (value) => {
return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase() return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase()

View file

@ -44,6 +44,12 @@ export default {
redirect(summoner, region) { redirect(summoner, region) {
this.$router.push(`/summoner/${region}/${summoner}`) this.$router.push(`/summoner/${region}/${summoner}`)
}, },
},
metaInfo() {
return {
title: 'LeagueStats.gg',
}
} }
} }
</script> </script>

View file

@ -140,6 +140,12 @@ export default {
}, },
...mapActions('summoner', ['moreMatches', 'overviewRequest']), ...mapActions('summoner', ['moreMatches', 'overviewRequest']),
}, },
metaInfo() {
return {
title: 'Summoner Overview',
}
}
} }
</script> </script>

View file

@ -81,6 +81,12 @@ export default {
this.searchChampions = search this.searchChampions = search
}, },
...mapActions('summoner', ['championsRequest']), ...mapActions('summoner', ['championsRequest']),
},
metaInfo() {
return {
title: 'Summoner Champions',
}
} }
} }
</script> </script>

View file

@ -68,6 +68,12 @@ export default {
} }
}, },
...mapActions('summoner', ['liveMatchRequest']), ...mapActions('summoner', ['liveMatchRequest']),
},
metaInfo() {
return {
title: 'Summoner Live Game',
}
} }
} }
</script> </script>

View file

@ -191,6 +191,12 @@ export default {
} }
}, },
...mapActions('summoner', ['recordsRequest']), ...mapActions('summoner', ['recordsRequest']),
},
metaInfo() {
return {
title: 'Summoner Records',
}
} }
} }
</script> </script>