First translation-working version

Tweak to eslint config to support translation better

.eslintrc.cjs

@@ -101,6 +101,10 @@ module.exports = {
     'no-unused-vars': 'off',
 
     // allow debugger during development only
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+
+    // CUSTOM RULES
+    'object-shorthand': 'off',
+    'quote-props': 'off'
   }
 }

src/i18n/de/index.ts

@@ -0,0 +1,6 @@
+// This is just an example,
+// so you can safely delete all default props below
+
+export default {
+  appName: 'FA - but in german!'
+}

src/i18n/en-US/index.ts

@@ -2,6 +2,5 @@
 // so you can safely delete all default props below
 
 export default {
-  failed: 'Action failed',
-  success: 'Action was successful'
+  appName: 'FA - but in english!'
 }

src/i18n/index.ts

@@ -1,5 +1,7 @@
+import de from './de'
 import enUS from './en-US'
 
 export default {
-  'en-US': enUS
+  'en-US': enUS,
+  'de': de
 }

src/layouts/MainLayout.vue

@@ -12,7 +12,7 @@
         />
 
         <q-toolbar-title>
-          Quasar App
+          {{ $t('appName') }}
         </q-toolbar-title>
 
         <div>Quasar v{{ $q.version }}</div>