pinafore/routes/_components/Title.html
Nolan Lawson 62ac7330fc
feat(title): add dynamic document title (#645)
* feat(title): add dynamic document title

fixes #490 and #643

* fix code style
2018-11-12 18:28:43 -08:00

24 lines
862 B
HTML

<svelte:head>
<title>{instanceIndicator} · {name}{notificationsIndicator}</title>
</svelte:head>
<script>
import { store } from '../_store/store'
export default {
data: () => ({
settingsPage: false
}),
store: () => store,
computed: {
instanceIndicator: ({ $isUserLoggedIn, $currentInstance, settingsPage }) => (
// If the user is not logged in, or if they're on a settings page (which
// is more general than instance-specific), of if this is server-rendered, then
// show "Pinafore". Otherwise show the instance name.
`${($isUserLoggedIn && !settingsPage && $currentInstance) ? $currentInstance : 'Pinafore'}`
),
notificationsIndicator: ({ $hasNotifications, $numberOfNotifications }) => (
$hasNotifications ? ` (${$numberOfNotifications})` : ''
)
}
}
</script>