package.json

 {
   "name": "@coscine/project",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "private": true,
   "directories": {
     "doc": "docs"
@@ -13,7 +13,8 @@
   },
   "dependencies": {
     "@coscine/api-connection": "^1.1.0",
-    "@coscine/project-creation": "^1.0.0",
+    "@coscine/app-util": "^1.0.0",
+    "@coscine/project-creation": "^1.0.1",
     "@itcenter-layout/bootstrap": "^1.4.3",
     "@itcenter-layout/masterpage": "^1.2.5",
     "@types/jquery": "^3.3.31",

src/App.vue

 <template>
   <div id="project" class="container">
     <h4 style="text-align: left;">{{ $t('headline') }}:</h4>
-    <component :is="currentComponent" @back="back" @openCreate="openCreate" />
+    <component :is="currentComponent" @back="back" @openCreate="openCreate" v-bind:languageLocale="language"/>
   </div>
 </template>
 
@@ -9,6 +9,7 @@
 import Vue from 'vue';
 import List from './components/List.vue';
 import CreateProject from '@coscine/project-creation';
+import { LanguageUtil } from '@coscine/app-util';
 
 Vue.use(CreateProject);
 
@@ -17,6 +18,7 @@ export default Vue.extend({
   data() {
     return {
       currentComponent: 'List',
+      language: LanguageUtil.getLanguage(),
     };
   },
   methods: {

src/locale/de.ts

 export default {
     addProject: 'Projekt hinzufügen',
     back: 'Zurück',
-    createProjectMenuText: 'Projekt erstellen',
     headline: 'Projekte',
-    projectName: 'Projektname',
-    projectNameHelp: 'Dieses Feld ist erforderlich und besitzt eine Maximallänge von 200 Zeichen.',
-    projectDescription: 'Projektbeschreibung',
-    projectDescriptionHelp: 'Dieses Feld ist erforderlich und besitzt eine Maximallänge von 1000 Zeichen!',
-    projectOrganization: 'Projektorganisation',
-    projectOrganizationHelp: 'Dieses Feld ist erforderlich und besitzt eine Maximallänge von 50 Zeichen.',
-    projectStart: 'Projektstart',
-    projectEnd: 'Projektende',
-    projectKeywords: 'Projektschlagwörter, trennen mit ";"',
-    projectKeywordsHelp: 'Dieses Feld ist erforderlich und besitzt eine Maximallänge von 1000 Zeichen!',
-    save: 'Speichern',
 };

src/locale/en.ts

 export default {
     addProject: 'Add Project',
     back: 'Back',
-    createProjectMenuText: 'Create a project',
     headline: 'Projects',
-    projectName: 'Project Name',
-    projectNameHelp: 'This is a required field and can only be up to 200 characters long.',
-    projectDescription: 'Project Description',
-    projectDescriptionHelp: 'This is a required field and can only be up to 1000 characters!',
-    projectOrganization: 'Project Organization',
-    projectOrganizationHelp: 'This is a required field and can only be up to 50 characters long.',
-    projectStart: 'Project Start',
-    projectEnd: 'Project End',
-    projectKeywords: 'Project Keywords, seperate with ";"',
-    projectKeywordsHelp: 'This is a required field and can only be up to 1000 characters!',
-    save: 'Save',
 };

src/main.ts

@@ -7,6 +7,7 @@ import Vue from 'vue';
 import App from './App.vue';
 import locales from './locale/locales';
 import VueI18n from 'vue-i18n';
+import { LanguageUtil } from '@coscine/app-util';
 
 Vue.config.productionTip = false;
 Vue.use(BootstrapVue);
@@ -14,7 +15,7 @@ Vue.use(VueI18n);
 
 jQuery(() => {
     const i18n = new VueI18n({
-      locale: 'en', // set locale
+      locale: LanguageUtil.getLanguage(), // set locale
       messages: locales, // set locale messages
       silentFallbackWarn: true,
     });

src/shims-vue.d.ts

@@ -5,6 +5,7 @@ declare module '*.vue' {
 
 declare module '@coscine/api-connection';
 declare module '@coscine/project-creation';
+declare module '@coscine/app-util';
 
 declare module "*.png" {
   const value: any;