From b3aec0c45916bcab137e84bf46f4177cafd68b72 Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Mon, 22 Jan 2024 15:35:40 +0100
Subject: [PATCH] UPD: Change locale file to .json for Easy i18n

---
 src/lang/en.js   | 15 ---------------
 src/lang/en.json | 14 ++++++++++++++
 src/main.js      |  5 +++--
 3 files changed, 17 insertions(+), 17 deletions(-)
 delete mode 100644 src/lang/en.js
 create mode 100644 src/lang/en.json

diff --git a/src/lang/en.js b/src/lang/en.js
deleted file mode 100644
index a6d3e40..0000000
--- a/src/lang/en.js
+++ /dev/null
@@ -1,15 +0,0 @@
-// 'en' Locale
-export default {
-    navbar: {
-        device: {
-            title: 'Device',
-            connect: 'Connect',
-            disconnect: 'Disconnect',
-            about: 'About Device',
-            preferences: 'Preferences',
-            export: 'Export JSON',
-            import: 'Import JSON',
-            quit: 'Quit'
-        }
-    },
-}
\ No newline at end of file
diff --git a/src/lang/en.json b/src/lang/en.json
new file mode 100644
index 0000000..a6fdb85
--- /dev/null
+++ b/src/lang/en.json
@@ -0,0 +1,14 @@
+{
+  "navbar": {
+    "device": {
+      "title": "Device",
+      "connect": "Connect",
+      "disconnect": "Disconnect",
+      "about": "About Device",
+      "preferences": "Preferences",
+      "export": "Export JSON",
+      "import": "Import JSON",
+      "quit": "Quit"
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 80cab27..24fd3f4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,14 +3,15 @@ import './assets/main.css'
 import {createApp} from 'vue'
 import {createI18n} from 'vue-i18n'
 
-import en from './lang/en.js'
+import en from './lang/en.json'
 
 import App from './App.vue'
 
+// Create VueI18n instance with locales loaded from /lang directory
 const i18n = createI18n({
     locale: 'en',
     fallbackLocale: 'en',
-    messages: {en}
+    messages: {en: en}
 })
 
 const app = createApp(App)