update useHead

src/App.vue

@@ -50,10 +50,15 @@
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { useLocalStorage } from '@vueuse/core'
+import { useHead } from '@vueuse/head'
 
 import { ButtonLink, TextButton } from '@ropescore/components'
 import SystemSettingsFooter from './components/SystemSettingsFooter.vue'
 
+useHead({
+  titleTemplate: title => !title ? 'RopeScore Live' : `${title} | RopeScore Live`
+})
+
 const route = useRoute()
 
 const fullscreen = computed(() => {

src/views/DeviceStreamLive.vue

@@ -58,7 +58,7 @@ import TimingLiveScore from '../components/TimingLiveScore.vue'
 import UnsupportedCompetitionEvent from '../components/UnsupportedCompetitionEvent.vue'
 
 useHead({
-  title: 'Device Stream (Live) | RopeScore Live'
+  title: '📺 Device Stream (Live)'
 })
 
 const auth = useAuth()

src/views/DeviceStreamSetup.vue

@@ -199,7 +199,7 @@ import { TextButton, TextField, SelectField, ButtonLink } from '@ropescore/compo
 import IconLoading from 'virtual:icons/mdi/loading'
 
 useHead({
-  title: 'Device Stream | RopeScore Live'
+  title: 'Device Stream'
 })
 
 const auth = useAuth()

src/views/Groups.vue

@@ -77,7 +77,7 @@ import { useHead } from '@vueuse/head'
 import { ButtonLink } from '@ropescore/components'
 
 useHead({
-  title: 'Groups | RopeScore Live'
+  title: 'Groups'
 })
 
 const auth = useAuth()

src/views/Home.vue

@@ -23,11 +23,6 @@
 import { useSW } from '../hooks/sw'
 
 import { TextButton, ButtonLink } from '@ropescore/components'
-import { useHead } from '@vueuse/head'
-
-useHead({
-  title: 'RopeScore Live'
-})
 
 const { needRefresh, updateSW } = useSW()
 </script>

src/views/Live.vue

@@ -49,7 +49,7 @@ import UnsupportedCompetitionEvent from '../components/UnsupportedCompetitionEve
 import { useHead } from '@vueuse/head'
 
 useHead({
-  title: 'Competition (Live) | RopeScore Live'
+  title: '📺 Competition (Live)'
 })
 
 const auth = useAuth()

src/views/NextUp.vue

@@ -52,7 +52,7 @@ import EntryInfoCard from '../components/EntryInfoCard.vue'
 import { useHead } from '@vueuse/head'
 
 useHead({
-  title: 'Competition (Next Up) | RopeScore Live'
+  title: '📺 Competition (Next Up)'
 })
 
 const auth = useAuth()

src/views/OnFloor.vue

@@ -68,7 +68,7 @@ import { useHead } from '@vueuse/head'
 import { formatList } from '../helpers'
 
 useHead({
-  title: 'Competition (On Floor) | RopeScore Live'
+  title: '📺 Competition (On Floor)'
 })
 
 const auth = useAuth()

src/views/PodiumConfig.vue

@@ -59,7 +59,7 @@ import { TextButton, SelectField, ButtonLink } from '@ropescore/components'
 import { useHead } from '@vueuse/head'
 
 useHead({
-  title: 'Podium | RopeScore Live'
+  title: 'Podium'
 })
 
 const bc = new BroadcastChannel('rs-podium')

src/views/PodiumLive.vue

@@ -38,7 +38,7 @@ import { ref } from 'vue'
 import { useHead } from '@vueuse/head'
 
 useHead({
-  title: 'Podium (Live) | RopeScore Live'
+  title: '📺 Podium (Live)'
 })
 
 const bc = new BroadcastChannel('rs-podium')