diff --git a/template/src/boot/i18n.js b/template/src/boot/i18n.js
index 63091ec..a0f6cca 100644
--- a/template/src/boot/i18n.js
+++ b/template/src/boot/i18n.js
@@ -3,7 +3,7 @@ import { createI18n } from 'vue-i18n'
 import messages from 'src/i18n'
 
 const i18n = createI18n({
-  locale: 'en-US',
+  locale: navigator.language || 'en-US',
   messages
 })
 
diff --git a/template/src/boot/i18n.ts b/template/src/boot/i18n.ts
index 55f3a9b..ff43e09 100644
--- a/template/src/boot/i18n.ts
+++ b/template/src/boot/i18n.ts
@@ -4,7 +4,7 @@ import { createI18n } from 'vue-i18n';
 import messages from 'src/i18n';
 
 const i18n = createI18n({
-  locale: 'en-US',
+  locale: navigator.language || 'en-US',
   messages,
 });