Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-11-01 10:43:25 -04:00
Code Issues Packages Projects Releases Wiki Activity

Enrich page title with context (#296)

Browse Source 
- Static pages have their own titles
- The name of the recipe is displayed when viewing it
This commit is contained in:
sephrat
2021-04-14 17:12:22 +02:00
committed by GitHub
parent 2c3fa81227
commit f3ea467e20
6 changed files with 81 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/main.js
View File

@@ -18,6 +18,20 @@ const router = new VueRouter({
mode: process.env.NODE_ENV === "production" ? "history" : "hash",
});
const DEFAULT_TITLE = 'Mealie';
const TITLE_SEPARATOR = '🍴';
const TITLE_SUFFIX = " " + TITLE_SEPARATOR + " " + DEFAULT_TITLE;
router.afterEach( (to) => {
Vue.nextTick( async () => {
if(typeof to.meta.title === 'function' ) {
const title = await to.meta.title(to);
document.title = title + TITLE_SUFFIX;
} else {
document.title = to.meta.title ? to.meta.title + TITLE_SUFFIX : DEFAULT_TITLE;
}
});
});
const vueApp = new Vue({
vuetify,
store,