Add i18n

Author: ricardovanlaarhoven

generator/index.js

@@ -11,6 +11,8 @@ module.exports = (api, options) => {
       'css-vars-ponyfill': '^2.1.2',
       'qs': '^6.9.4',
       'vue-router': '3.3.4',
+      'vue-i18n': '^8.21.0',
+
     },
   });
   if (options.plugins.includes('fontawesomepro')) {

generator/templates/Default/src/locales/nl/actions.json

@@ -0,0 +1,15 @@
+{
+    "cancel": "annuleren",
+    "continue": "doorgaan",
+    "save": "opslaan",
+    "create": "aanmaken",
+    "remove": "verwijderen",
+    "back": "terug",
+    "loadMore": "Meer laden",
+    "createResource": "{resource} aanmaken",
+    "updateResource": "{resource} bewerken",
+    "deleteConfirmation": {
+        "title": "Weet je het zeker?",
+        "body": "Je staat op het punt om dit {resource} te verwijderen, weet je zeker dat je door wilt gaan?"
+    }
+}

generator/templates/Default/src/locales/nl/authorisation.json

@@ -0,0 +1,38 @@
+{
+    "login": {
+        "title": "Inloggen",
+        "successMessage": "Je bent ingelogd, we sturen je nu door."
+    },
+    "registrationVerify": {
+        "title": "Registratie afronden",
+        "successMessage": "Je registratie is voltooid, je kunt nu inloggen.",
+        "errorMessage": "Er is iets misgegaan. Waarschijnlijk is de registratie link uit je mail verlopen."
+    },
+    "passwordForgotten": {
+        "title": "Wachtwoord vergeten",
+        "successMessage": "Er is een wachtwoord vergeten mail verstuurd mits er een account bestaat met het gegeven email adres.",
+        "request": "Wachtwoord aanvragen"
+    },
+    "passwordReset": {
+        "title": "Wachtwoord opnieuw instellen",
+        "successMessage": "Je wachtwoord is veranderd, je kunt nu inloggen.",
+        "errorMessage": "Er is iets misgegaan. Waarschijnlijk is de wachtwoord reset link uit je mail verlopen.",
+        "request": "Wachtwoord aanvragen"
+    },
+    "invitationAccept": {
+        "title": "Uitnodiging accepteren",
+        "request": "Uitnodiging accepteren",
+        "successMessage": "Je account is geactiveerd, je kunt nu inloggen.",
+        "errorMessage": "Er is iets misgegaan. Waarschijnlijk is de uitnodigings link uit je mail verlopen."
+    },
+    "fields": {
+        "email": "E-mail",
+        "password": "Wachtwoord",
+        "passwordConfirmation": "Wachtwoord herhalen"
+    },
+    "actions": {
+        "login": "Inloggen",
+        "passwordForgotten": "Wachtwoord vergeten",
+        "logOff": "Uitloggen"
+    }
+}

generator/templates/Default/src/locales/nl/errors.json

@@ -0,0 +1,4 @@
+{
+    "422": "De ingevulde gegevens kloppen niet.",
+    "429": "Je hebt te veel foutieve pogingen gedaan. Probeer het over {minutes} minuten opnieuw"
+}

generator/templates/Default/src/locales/nl/validation.json

@@ -0,0 +1,4 @@
+{
+    "validationError": "Niet alle velden zijn juist ingevuld. Pas de rood gemarkeerde velden aan.",
+    "required": "{field} is verplicht"
+}

generator/templates/Default/src/plugins/i18n.js

@@ -0,0 +1,26 @@
+import Vue from 'vue';
+import VueI18n from 'vue-i18n';
+
+const locales = { nl: require.context('@/locales/nl', true, /[A-Za-z0-9-_,\s]+\.json$/i) };
+Vue.use(VueI18n);
+
+function loadLocaleMessages() {
+  const messages = {};
+  Object.keys(locales).forEach((locale) => {
+    messages[locale] = {};
+    const components = locales[locale];
+
+    components.keys().forEach(component => {
+      const matched = component.match(/([A-Za-z0-9-_]+)\./i);
+      const componentName = matched[1];
+      messages[locale][componentName] = components(component);
+    });
+  });
+  return messages;
+}
+
+export default new VueI18n({
+  locale: 'nl' || navigator.language.split('-')[0],
+  fallbackLocale: 'nl',
+  messages: loadLocaleMessages(),
+});

prompts.js

@@ -2,7 +2,7 @@ module.exports = [
     {
         name: 'useCrud',
         type: 'confirm',
-        message: 'Do you want to use a crud system?',
+        message: 'Do you want to use a crud system? (with the package vuetify-resource)',
         default: true,
     },
     {