Yerelleştirme yapıldı

.env

+VUE_APP_I18N_LOCALE=tr
+VUE_APP_I18N_FALLBACK_LOCALE=tr

package.json

@@ -5,15 +5,17 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "i18n:report": "vue-cli-service i18n:report --src \"./src/**/*.?(js|vue)\" --locales \"./src/undefined/**/*.json\""
   },
   "dependencies": {
     "axios": "^0.21.1",
     "bulma": "^0.9.2",
     "core-js": "^3.6.5",
+    "dayjs": "^1.10.4",
     "vue": "^2.6.11",
-    "vue-router": "^3.2.0",
-    "dayjs": "^1.10.4"
+    "vue-i18n": "^8.22.3",
+    "vue-router": "^3.2.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
@@ -23,9 +25,10 @@
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
-    "vue-template-compiler": "^2.6.11",
     "node-sass": "^4.14.1",
-    "sass-loader": "^8.0.2"
+    "sass-loader": "^8.0.2",
+    "vue-cli-plugin-i18n": "^2.1.0",
+    "vue-template-compiler": "^2.6.11"
   },
   "eslintConfig": {
     "root": true,

src/i18n.js

+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+
+Vue.use(VueI18n)
+
+function loadLocaleMessages () {
+  const locales = require.context('./', true, /[A-Za-z0-9-_,\s]+\.json$/i)
+  const messages = {}
+  locales.keys().forEach(key => {
+    const matched = key.match(/([A-Za-z0-9-_]+)\./i)
+    if (matched && matched.length > 1) {
+      const locale = matched[1]
+      messages[locale] = locales(key)
+    }
+  })
+  return messages
+}
+
+export default new VueI18n({
+  locale: process.env.VUE_APP_I18N_LOCALE || 'en',
+  fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',
+  messages: loadLocaleMessages()
+})

src/locales/tr.json

+{
+  "menu": {
+    "containers": "Konteynerler",
+    "images": "Imajlar"
+  }
+}

src/main.js

@@ -3,11 +3,13 @@ import App from "./App.vue";
 import router from "./router";
 
 import style from "./assets/scss/main.module.scss";
+import i18n from "./i18n";
 Vue.prototype.$style = style;
 
 Vue.config.productionTip = false;
 
 new Vue({
   router,
+  i18n,
   render: h => h(App)
 }).$mount("#app");

vue.config.js

@@ -29,5 +29,14 @@ module.exports = {
     }
   },
 
-  productionSourceMap: false
+  productionSourceMap: false,
+
+  pluginOptions: {
+    i18n: {
+      locale: "tr",
+      fallbackLocale: "tr",
+      localeDir: "locales",
+      enableInSFC: false
+    }
+  }
 };