From 6887bec7525ccc1f434b81989d2ca4f73909eb0e Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 27 Mar 2024 09:01:19 +0100
Subject: [PATCH] utilize navigate

---
 .../src/components/language/LanguageSelector.vue  | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/presenter/src/components/language/LanguageSelector.vue b/presenter/src/components/language/LanguageSelector.vue
index 28a83d8ca6..78132f6478 100644
--- a/presenter/src/components/language/LanguageSelector.vue
+++ b/presenter/src/components/language/LanguageSelector.vue
@@ -1,6 +1,6 @@
 <template>
   <v-select
-    v-model="selectedLocale"
+    v-model="$i18n.locale"
     density="compact"
     name="language"
     :items="languages"
@@ -28,6 +28,7 @@
 </template>
 
 <script lang="ts" setup>
+import { navigate } from 'vike/client/router'
 import { ref } from 'vue'
 
 import { usePageContext } from '#context/usePageContext'
@@ -37,15 +38,15 @@ import { localizedLocale } from '#src/locales'
 const pageContext = usePageContext()
 const languages = ref(localizedLocale)
 
-const selectedLocale = ref(i18n.global.locale.value)
-
 const updateLanguage = () => {
   const { locale, urlOriginal } = pageContext
 
-  window.location.href = urlOriginal
-    // eslint-disable-next-line security/detect-non-literal-regexp
-    .replace(new RegExp(`/(${locale})?(.*)`, 'g'), `/${selectedLocale.value}/$2`)
-    .replace(/(\/(#|\?))?/g, '$2')
+  navigate(
+    urlOriginal
+      // eslint-disable-next-line security/detect-non-literal-regexp
+      .replace(new RegExp(`/(${locale})?(.*)`, 'g'), `/${i18n.global.locale.value}/$2`)
+      .replace(/(\/(#|\?))?/g, '$2'),
+  )
 }
 </script>