From f65bf10d2fbebbf78af7ff776aa7ba76c428211f Mon Sep 17 00:00:00 2001
From: Svante Bengtson <svante@swantzter.se>
Date: Mon, 10 Jul 2023 18:13:55 +0200
Subject: [PATCH] update useHead

---
 src/App.vue                     | 5 +++++
 src/views/DeviceStreamLive.vue  | 2 +-
 src/views/DeviceStreamSetup.vue | 2 +-
 src/views/Groups.vue            | 2 +-
 src/views/Home.vue              | 5 -----
 src/views/Live.vue              | 2 +-
 src/views/NextUp.vue            | 2 +-
 src/views/OnFloor.vue           | 2 +-
 src/views/PodiumConfig.vue      | 2 +-
 src/views/PodiumLive.vue        | 2 +-
 10 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 15d16bd..1bf1de4 100644
--- a/src/App.vue
+++ b/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(() => {
diff --git a/src/views/DeviceStreamLive.vue b/src/views/DeviceStreamLive.vue
index 1355c5e..a4c2e5c 100644
--- a/src/views/DeviceStreamLive.vue
+++ b/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()
diff --git a/src/views/DeviceStreamSetup.vue b/src/views/DeviceStreamSetup.vue
index 0842a6f..cb02dc4 100644
--- a/src/views/DeviceStreamSetup.vue
+++ b/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()
diff --git a/src/views/Groups.vue b/src/views/Groups.vue
index 5426dda..0551965 100644
--- a/src/views/Groups.vue
+++ b/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()
diff --git a/src/views/Home.vue b/src/views/Home.vue
index a52329e..500da30 100644
--- a/src/views/Home.vue
+++ b/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>
diff --git a/src/views/Live.vue b/src/views/Live.vue
index b87c434..c10bdf9 100644
--- a/src/views/Live.vue
+++ b/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()
diff --git a/src/views/NextUp.vue b/src/views/NextUp.vue
index c2e4de0..0efdd19 100644
--- a/src/views/NextUp.vue
+++ b/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()
diff --git a/src/views/OnFloor.vue b/src/views/OnFloor.vue
index 427ae9b..3d934f9 100644
--- a/src/views/OnFloor.vue
+++ b/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()
diff --git a/src/views/PodiumConfig.vue b/src/views/PodiumConfig.vue
index 4a860e1..70b3fee 100644
--- a/src/views/PodiumConfig.vue
+++ b/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')
diff --git a/src/views/PodiumLive.vue b/src/views/PodiumLive.vue
index 19e7720..a0dd2e6 100644
--- a/src/views/PodiumLive.vue
+++ b/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')