diff --git a/docs/content/docs/2.components/locale-select.md b/docs/content/docs/2.components/locale-select.md
index 0a76cf0739..33e3f397a7 100644
--- a/docs/content/docs/2.components/locale-select.md
+++ b/docs/content/docs/2.components/locale-select.md
@@ -68,11 +68,15 @@ You can use it with Nuxt i18n:
 import * as locales from '@nuxt/ui/locale'
 
 const { locale, setLocale } = useI18n()
+const selectedLang = ref(locale.value) // This ref is needed for lazy loaded translations
+watch(locale, newLocale => {
+    selectedLang.value = newLocale
+})
 </script>
 
 <template>
   <ULocaleSelect
-    v-model="locale"
+    v-model="selectedLang"
     :locales="Object.values(locales)"
     @update:model-value="setLocale($event)"
   />