From 9d58d29127aed19203d451c5c5c3757bd9a5c83e Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Fri, 1 Jul 2022 21:52:17 +0200
Subject: [PATCH] Update title when language switch

---
 src/pages/index.vue       | 6 +++++-
 src/pages/maintenance.vue | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index 064813d..5881d37 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,10 +1,14 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n()
+const { t, locale } = useI18n()
 
 const title = useTitle()
 title.value = `Fallback - ${t('error')}`
+
+watch(locale, () => {
+  title.value = `Fallback - ${t('error')}`
+})
 </script>
 
 <template>
diff --git a/src/pages/maintenance.vue b/src/pages/maintenance.vue
index 226aa61..9118378 100644
--- a/src/pages/maintenance.vue
+++ b/src/pages/maintenance.vue
@@ -1,10 +1,14 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n()
+const { t, locale } = useI18n()
 
 const title = useTitle()
 title.value = `Fallback - ${t('maintenance')}`
+
+watch(locale, () => {
+  title.value = `Fallback - ${t('maintenance')}`
+})
 </script>
 
 <template>