diff --git a/frontend/.dockerignore b/frontend/.dockerignore
index 4ecd8c2b7..9fd5bc54a 100644
--- a/frontend/.dockerignore
+++ b/frontend/.dockerignore
@@ -1,3 +1,8 @@
+# Copyright (c) 2020-2021 - for information on the respective copyright owner
+# see the NOTICE file and/or the repository at
+# https://github.com/hyperledger-labs/business-partner-agent
+#
+# SPDX-License-Identifier: Apache-2.0
 node_modules
 dist
 
diff --git a/frontend/.env b/frontend/.env
index b85781abb..19bce0934 100644
--- a/frontend/.env
+++ b/frontend/.env
@@ -1,3 +1,9 @@
+# Copyright (c) 2020-2021 - for information on the respective copyright owner
+# see the NOTICE file and/or the repository at
+# https://github.com/hyperledger-labs/business-partner-agent
+#
+# SPDX-License-Identifier: Apache-2.0
+
 VUE_APP_TITLE=Business Partner Agent
 VUE_APP_API_BASE_URL=/api
 #VUE_APP_EVENTS_HOST=localhost:8000
diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
index 4a9eeebbf..9a7bad3de 100644
--- a/frontend/.eslintrc.js
+++ b/frontend/.eslintrc.js
@@ -1,3 +1,10 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 module.exports = {
   root: true,
   env: {
@@ -10,5 +17,8 @@ module.exports = {
   rules: {
     "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
     "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "vue/multi-word-component-names": "off",
+    "vue/no-mutating-props": "warn",
+    "vue/valid-v-slot": "warn",
   },
-};
\ No newline at end of file
+};
diff --git a/frontend/babel.config.js b/frontend/babel.config.js
index 162a3ea97..a09a8b475 100644
--- a/frontend/babel.config.js
+++ b/frontend/babel.config.js
@@ -1,3 +1,10 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 module.exports = {
   presets: ["@vue/cli-plugin-babel/preset"],
 };
diff --git a/frontend/jest.config.js b/frontend/jest.config.js
index 2c1e1b75e..84cf2dc58 100644
--- a/frontend/jest.config.js
+++ b/frontend/jest.config.js
@@ -1,3 +1,10 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 module.exports = {
   preset: "@vue/cli-plugin-unit-jest",
   verbose: true,
diff --git a/frontend/package.json b/frontend/package.json
index d8df3e43a..26d91c10e 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,13 +1,14 @@
 {
-  "name": "company-agent-frontend",
+  "name": "business-partner-agent-frontend",
   "version": "0.1.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
     "test:unit": "vue-cli-service test:unit",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "license-check": "license-checker --production --json --onlyAllow 'MIT;Python-2.0;Apache-2.0;BSD-2-Clause;BSD-3-Clause' --excludePackages 'company-agent-frontend@0.1.0'",
+    "lint": "vue-cli-service lint && npm run license-file-headers-add",
+    "license-file-headers-add": "license-check-and-add add -f licenses/config.json -r 2021",
+    "license-check": "license-checker --production --json --onlyAllow 'MIT;Python-2.0;Apache-2.0;BSD-2-Clause;BSD-3-Clause' --excludePackages 'business-partner-agent-frontend@0.1.0'",
     "license": "generate-attribution -o ./licenses",
     "i18n:report": "vue-cli-service i18n:report --src './src/**/*.?(js|vue)' --locales './src/locales/**/*.json'"
   },
@@ -44,10 +45,11 @@
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/test-utils": "^1.1.1",
     "babel-eslint": "^10.1.0",
-    "eslint": "^6.7.2",
+    "eslint": "^6.8.0",
     "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-vue": "^8.1.0",
     "husky": "^4.3.0",
+    "license-check-and-add": "^4.0.3",
     "license-checker": "25.0.1",
     "lint-staged": "^10.4.2",
     "node-sass": "^5.0.0",
@@ -68,6 +70,7 @@
     }
   },
   "lint-staged": {
-    "**/*.{js,vue}": "prettier --write"
+    "**/*.{html,xml,ts,css,scss,env,dockerignore,sh}": "license-check-and-add add -f licenses/config.json -r 2021",
+    "**/*.{js,vue}": ["license-check-and-add add -f licenses/config.json -r 2021", "prettier --write"]
   }
 }
diff --git a/frontend/public/index.html b/frontend/public/index.html
index 1b87b2a63..ddcd31f8e 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -1,3 +1,10 @@
+<!--
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
+ see the NOTICE file and/or the repository at
+ https://github.com/hyperledger-labs/business-partner-agent
+
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!DOCTYPE html>
 <html lang="en">
   <head>
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 67eecf7bf..1405e3c73 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -17,28 +17,32 @@
           >
             <v-list-item-content>
               <v-list-item-title v-if="ux.navigation.avatar.agent.default">
-                <v-img v-if="logo"
-                    contain
-                    max-height="100"
-                    max-width="228"
-                    :src="logo"
+                <v-img
+                  v-if="logo"
+                  contain
+                  max-height="100"
+                  max-width="228"
+                  :src="logo"
                 ></v-img>
-                <v-img v-else
-                       contain
-                       max-height="100"
-                       max-width="228"
-                       src="@/assets/logo_default.svg"
+                <v-img
+                  v-else
+                  contain
+                  max-height="100"
+                  max-width="228"
+                  src="@/assets/logo_default.svg"
                 ></v-img>
               </v-list-item-title>
               <v-list-item-title v-else>
                 <v-img
-                    contain
-                    max-height="100"
-                    max-width="228"
-                    :src="ux.navigation.avatar.agent.src"
+                  contain
+                  max-height="100"
+                  max-width="228"
+                  :src="ux.navigation.avatar.agent.src"
                 ></v-img
-                ></v-list-item-title>
-              <v-list-item-subtitle class="mt-2 text-wrap nav-display-name">{{ getNavDisplayName }}</v-list-item-subtitle>
+              ></v-list-item-title>
+              <v-list-item-subtitle class="mt-2 text-wrap nav-display-name">{{
+                getNavDisplayName
+              }}</v-list-item-subtitle>
             </v-list-item-content>
           </v-list-item>
         </router-link>
@@ -140,10 +144,10 @@
       <template v-slot:append>
         <v-list dense>
           <v-list-item
-              v-if="ux.navigation.settings.location === 'bottom'"
-              bottom
-              link
-              :to="{ name: 'Settings' }"
+            v-if="ux.navigation.settings.location === 'bottom'"
+            bottom
+            link
+            :to="{ name: 'Settings' }"
           >
             <v-list-item-action>
               <v-icon>$vuetify.icons.settings</v-icon>
@@ -182,14 +186,15 @@
     </v-navigation-drawer>
 
     <v-app-bar color="primary" app flat dark>
-      <v-badge v-if="!drawer"
-          overlap
-          bordered
-          :content="notificationsCount"
-          :value="notificationsCount"
-          color="red"
-          offset-x="53"
-          offset-y="53"
+      <v-badge
+        v-if="!drawer"
+        overlap
+        bordered
+        :content="notificationsCount"
+        :value="notificationsCount"
+        color="red"
+        offset-x="53"
+        offset-y="53"
       >
         <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
       </v-badge>
@@ -298,7 +303,8 @@
 import { EventBus } from "./main";
 import Taa from "./components/taa/TransactionAuthorAgreement";
 import BasicMessages from "@/components/messages/BasicMessages";
-import merge from 'deepmerge';
+import merge from "deepmerge";
+import i18n from "@/plugins/i18n";
 
 export default {
   components: {
@@ -333,7 +339,7 @@ export default {
           agent: {
             enabled: true,
             default: true,
-            'show-name': true
+            "show-name": true,
           },
         },
         about: {
@@ -379,10 +385,13 @@ export default {
       return this.$store.getters.messagesCount;
     },
     notificationsCount() {
-      return this.$store.getters.taskNotificationsCount + this.$store.getters.activityNotificationsCount;
+      return (
+        this.$store.getters.taskNotificationsCount +
+        this.$store.getters.activityNotificationsCount
+      );
     },
     getAgentName() {
-      let bpaName = "Business Partner Agent";
+      let bpaName = this.$t("app.bpaDefaultName");
       const nameSettingValue = this.$store.getters.getSettingByKey("agentName");
       if (nameSettingValue) {
         bpaName = nameSettingValue;
@@ -397,7 +406,7 @@ export default {
       return "";
     },
     getNavDisplayName() {
-      if (this.ux.navigation.avatar.agent['show-name']) {
+      if (this.ux.navigation.avatar.agent["show-name"]) {
         const result = this.getOrganizationName;
         return result ? result : this.getAgentName;
       }
@@ -418,18 +427,34 @@ export default {
         this.$vuetify.theme.dark = this.ux.theme.dark
           ? this.ux.theme.dark
           : false;
-        this.$vuetify.theme.themes.light = merge(this.$vuetify.theme.themes.light, this.ux.theme.themes.light);
+        this.$vuetify.theme.themes.light = merge(
+          this.$vuetify.theme.themes.light,
+          this.ux.theme.themes.light
+        );
       }
+
       const uiColor = localStorage.getItem("uiColor");
+
       if (uiColor) {
         // if the user stored an override of the primary color, load it.
         this.$vuetify.theme.themes.light.primary = uiColor;
       }
+
       const uiColorIcons = localStorage.getItem("uiColorIcons");
+
       if (uiColorIcons) {
         // if the user stored an override of the icons color, load it.
         this.$vuetify.theme.themes.light.icons = uiColorIcons;
       }
+
+      const locale =
+        localStorage.getItem("locale") ||
+        navigator.language.split("-")[0] ||
+        process.env.VUE_APP_I18N_LOCALE ||
+        "en";
+      i18n.locale = locale;
+      this.$vuetify.lang.current = locale;
+
       // Load up an alternate favicon
       if (this.ux.favicon) {
         const favicon = document.getElementById("favicon");
@@ -487,7 +512,7 @@ export default {
       }
       // now, open or close it
       this.chatWindow = !this.chatWindow;
-    }
+    },
   },
 };
 </script>
diff --git a/frontend/src/assets/scss/style.scss b/frontend/src/assets/scss/style.scss
index 778a01168..ded51db49 100644
--- a/frontend/src/assets/scss/style.scss
+++ b/frontend/src/assets/scss/style.scss
@@ -1,3 +1,10 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 /*
  * This globally extends the base Vuetify style
  */
diff --git a/frontend/src/components/ActivityList.vue b/frontend/src/components/ActivityList.vue
index d6ac25315..4b3b89a1c 100644
--- a/frontend/src/components/ActivityList.vue
+++ b/frontend/src/components/ActivityList.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -9,7 +9,7 @@
   <v-container>
     <v-layout align-end justify-end>
       <v-combobox
-        label="Filter by"
+        :label="$t('component.activityList.labelFilterCombobox')"
         v-model="filter"
         :items="filterList"
         class="mx-4"
@@ -37,7 +37,9 @@
         clearable
         clear-icon="$vuetify.icons.delete"
       ></v-combobox>
-      <v-bpa-button color="primary" @click="fetchItems()">Refresh</v-bpa-button>
+      <v-bpa-button color="primary" @click="fetchItems()">{{
+        $t("button.refresh")
+      }}</v-bpa-button>
     </v-layout>
     <v-data-table
       :hide-default-footer="items.length < 10"
@@ -96,32 +98,9 @@ export default {
       type: Boolean,
       default: () => true,
     },
-    headers: {
-      type: Array,
-      default: () => [
-        {
-          text: "",
-          value: "indicator",
-          sortable: false,
-          filterable: false,
-        },
-        {
-          text: "Type",
-          value: "type",
-        },
-        {
-          text: "Connection",
-          value: "partner",
-        },
-        {
-          text: "Update at",
-          value: "updatedAt",
-        },
-        {
-          text: "State",
-          value: "state",
-        },
-      ],
+    showRole: {
+      type: Boolean,
+      default: () => false,
     },
   },
   mounted() {
@@ -135,7 +114,6 @@ export default {
       isBusy: true,
       items: [],
       filter: null,
-      filterList: [{ text: "Type", value: "type" }],
       filterValue: null,
       filterValueList: [],
     };
@@ -156,6 +134,46 @@ export default {
     },
   },
   computed: {
+    filterList() {
+      return [
+        {
+          text: this.headers.find((x) => x.value === "type").text,
+          value: "type",
+        },
+      ];
+    },
+    headers() {
+      return [
+        {
+          text: "",
+          value: "indicator",
+          sortable: false,
+          filterable: false,
+        },
+        {
+          text: this.$t("component.activityList.tableHeaders.type"),
+          value: "type",
+        },
+        {
+          text: this.$t("component.activityList.tableHeaders.partner"),
+          value: "partner",
+        },
+        {
+          text: this.$t("component.activityList.tableHeaders.updatedAt"),
+          value: "updatedAt",
+        },
+        this.showRole
+          ? {
+              text: this.$t("component.activityList.tableHeaders.role"),
+              value: "role",
+            }
+          : {},
+        {
+          text: this.$t("component.activityList.tableHeaders.state"),
+          value: "state",
+        },
+      ];
+    },
     newMessageIconType() {
       return this.tasks ? "task" : "activity";
     },
@@ -248,7 +266,9 @@ export default {
       return o ? o.label : role;
     },
     partnerLabel(partner) {
-      return partner ? partner.name : "Unknown";
+      return partner
+        ? partner.name
+        : this.$t("component.activityList.labelPartnerUnknown");
     },
   },
 };
diff --git a/frontend/src/components/AddSchema.vue b/frontend/src/components/AddSchema.vue
index ef4578343..dce7d9f31 100644
--- a/frontend/src/components/AddSchema.vue
+++ b/frontend/src/components/AddSchema.vue
@@ -1,25 +1,27 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
 <template>
   <v-container>
     <v-card class="mx-auto">
-      <v-card-title class="bg-light"> Import Schema </v-card-title>
+      <v-card-title class="bg-light">
+        {{ $t("component.addSchema.title") }}
+      </v-card-title>
       <v-card-text>
         <v-list-item>
           <v-list-item-title
             class="grey--text text--darken-2 font-weight-medium"
           >
-            Schema Name:
+            {{ $t("component.addSchema.schemaName") }}:
           </v-list-item-title>
           <v-list-item-subtitle>
             <v-text-field
               class="mt-6"
-              placeholder="Name"
+              :placeholder="$t('component.addSchema.placeholderName')"
               v-model="schema.label"
               :rules="[rules.required]"
               outlined
@@ -33,12 +35,12 @@
           <v-list-item-title
             class="grey--text text--darken-2 font-weight-medium"
           >
-            Schema ID:
+            {{ $t("component.addSchema.schemaId") }}:
           </v-list-item-title>
           <v-list-item-subtitle>
             <v-text-field
               class="mt-6"
-              placeholder="Schema ID"
+              :placeholder="$t('component.addSchema.placeholderId')"
               v-model="schema.schemaId"
               :rules="[rules.required]"
               outlined
@@ -51,15 +53,15 @@
       </v-card-text>
       <v-card-actions>
         <v-layout align-end justify-end>
-          <v-bpa-button color="secondary" @click="cancel()"
-            >Cancel</v-bpa-button
-          >
+          <v-bpa-button color="secondary" @click="cancel()">{{
+            $t("button.cancel")
+          }}</v-bpa-button>
           <v-bpa-button
             :loading="this.isBusy"
             color="primary"
             @click="submit()"
             :disabled="fieldsEmpty"
-            >Submit</v-bpa-button
+            >{{ $t("button.submit") }}</v-bpa-button
           >
         </v-layout>
       </v-card-actions>
@@ -83,19 +85,20 @@ export default {
         schemaId: "",
       },
       isBusy: false,
-      rules: {
-        required: (value) => !!value || "Can't be empty",
-      },
     };
   },
   computed: {
+    rules() {
+      return {
+        required: (value) => !!value || this.$t("app.rules.required"),
+      };
+    },
     fieldsEmpty() {
       return (
         this.schema.label.length === 0 || this.schema.schemaId.length === 0
       );
     },
   },
-  watch: {},
   methods: {
     async submit() {
       this.isBusy = true;
@@ -104,7 +107,10 @@ export default {
         .then((result) => {
           this.isBusy = false;
           if (result.status === 200) {
-            EventBus.$emit("success", "Schema added successfully");
+            EventBus.$emit(
+              "success",
+              this.$t("component.addSchema.eventSuccess")
+            );
             this.$emit("success");
           }
         })
diff --git a/frontend/src/components/BpaButton.js b/frontend/src/components/BpaButton.js
index 87073f67a..66da9795d 100644
--- a/frontend/src/components/BpaButton.js
+++ b/frontend/src/components/BpaButton.js
@@ -1,10 +1,10 @@
 /*
-  Copyright (c) 2021 - for information on the respective copyright owner
-see the NOTICE file and/or the repository at
-https://github.com/hyperledger-labs/organizational-agent
-
-  SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 import { VBtn } from "vuetify/lib";
 import Routable from "vuetify/es5/mixins/routable/index";
 
diff --git a/frontend/src/components/CreateSchema.vue b/frontend/src/components/CreateSchema.vue
index eb0f8ccc4..1620250a4 100644
--- a/frontend/src/components/CreateSchema.vue
+++ b/frontend/src/components/CreateSchema.vue
@@ -1,34 +1,36 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
 <template>
   <v-container>
     <v-card class="mx-auto">
-      <v-card-title class="bg-light"> Create Schema </v-card-title>
+      <v-card-title class="bg-light">
+        {{ $t("component.createSchema.title") }}
+      </v-card-title>
       <v-card-text>
         <v-form ref="form" v-model="valid">
           <v-row>
             <v-col cols="4" class="pb-0">
               <p class="grey--text text--darken-2 font-weight-medium">
-                Schema Information
+                {{ $t("component.createSchema.schemaInformation") }}
               </p>
             </v-col>
             <v-col cols="8" class="pb-0">
               <v-text-field
-                label="Schema Label"
-                placeholder="Label in your application for this schema"
+                :label="$t('component.createSchema.labelSchema')"
+                :placeholder="$t('component.createSchema.placeholderSchema')"
                 v-model="schemaLabel"
                 :rules="[rules.required]"
                 outlined
                 dense
               ></v-text-field>
               <v-text-field
-                label="Schema Name"
-                placeholder="Published schema name (ex. my-schema)"
+                :label="$t('component.createSchema.labelName')"
+                :placeholder="$t('component.createSchema.placeholderName')"
                 v-model="schemaName"
                 :rules="[rules.required, rules.schemaName]"
                 required
@@ -36,8 +38,8 @@
                 dense
               ></v-text-field>
               <v-text-field
-                label="Schema Version"
-                placeholder="Published schema version (ex. 1.2 or 1.2.3)"
+                :label="$t('component.createSchema.labelVersion')"
+                :placeholder="$t('component.createSchema.placeholderVersion')"
                 v-model="schemaVersion"
                 :rules="[rules.required, rules.version]"
                 required
@@ -49,7 +51,7 @@
           <v-row>
             <v-col cols="4" class="pb-0">
               <p class="grey--text text--darken-2 font-weight-medium">
-                Schema Attributes
+                {{ $t("component.createSchema.schemaAttributes") }}
               </p>
             </v-col>
           </v-row>
@@ -57,12 +59,20 @@
             <v-col class="pb-0">
               <v-row>
                 <v-col cols="8" class="py-0"
-                  ><p class="grey--text">Name</p></v-col
+                  ><p class="grey--text">
+                    {{ $t("component.createSchema.headersColumn.name") }}
+                  </p></v-col
                 >
                 <v-col cols="2" class="py-0"
-                  ><p class="grey--text">Is Default</p></v-col
+                  ><p class="grey--text">
+                    {{ $t("component.createSchema.headersColumn.isDefault") }}
+                  </p></v-col
                 >
-                <v-col class="py-0"><p class="grey--text">Action</p> </v-col>
+                <v-col class="py-0"
+                  ><p class="grey--text">
+                    {{ $t("component.createSchema.headersColumn.action") }}
+                  </p>
+                </v-col>
               </v-row>
               <v-row
                 v-for="(attr, index) in schemaAttributes"
@@ -70,7 +80,9 @@
               >
                 <v-col cols="8" class="py-0">
                   <v-text-field
-                    placeholder="Ex. companyName or company-name"
+                    :placeholder="
+                      $t('component.createSchema.placeholderAttribute')
+                    "
                     v-model="attr.text"
                     :rules="[rules.required, rules.schemaAttributeName]"
                     outlined
@@ -112,15 +124,15 @@
       </v-card-text>
       <v-card-actions>
         <v-layout align-end justify-end>
-          <v-bpa-button color="secondary" @click="cancel()"
-            >Cancel</v-bpa-button
-          >
+          <v-bpa-button color="secondary" @click="cancel()">{{
+            $t("button.cancel")
+          }}</v-bpa-button>
           <v-bpa-button
             :loading="this.isBusy"
             color="primary"
             @click="submit()"
             :disabled="fieldsEmpty"
-            >Submit</v-bpa-button
+            >{{ $t("button.submit") }}</v-bpa-button
           >
         </v-layout>
       </v-card-actions>
@@ -147,30 +159,37 @@ export default {
       schemaAttributeText: "",
       schemaAttributes: [{ defaultAttribute: true, text: "" }],
       isBusy: false,
-      rules: {
-        required: (value) => !!value || "Can't be empty",
-        version: (value) =>
-          textUtils.isValidSchemaVersion(value) ||
-          "Must be follow common version numbering (ex. 1.2 or 1.2.3)",
-        schemaName: (value) =>
-            textUtils.isValidSchemaName(value) ||
-            "Must be alphanumeric with optional '_' or '-'.",
-        schemaAttributeName: (value) =>
-          textUtils.isValidSchemaAttributeName(value) ||
-          "Must be lowercase alpha with optional '_'.",
-      },
     };
   },
   computed: {
     fieldsEmpty() {
       return (
         this.schemaLabel.length === 0 ||
-        this.schemaName.length === 0 || !textUtils.isValidSchemaName(this.schemaName) ||
-        this.schemaVersion.length === 0 || !textUtils.isValidSchemaVersion(this.schemaVersion) ||
-        this.schemaAttributes.filter((x) => x.text.trim().length).length === 0 ||
-        this.schemaAttributes.filter((x) => x.text.trim().length).some(x => !textUtils.isValidSchemaAttributeName(x.text))
+        this.schemaName.length === 0 ||
+        !textUtils.isValidSchemaName(this.schemaName) ||
+        this.schemaVersion.length === 0 ||
+        !textUtils.isValidSchemaVersion(this.schemaVersion) ||
+        this.schemaAttributes.filter((x) => x.text.trim().length).length ===
+          0 ||
+        this.schemaAttributes
+          .filter((x) => x.text.trim().length)
+          .some((x) => !textUtils.isValidSchemaAttributeName(x.text))
       );
     },
+    rules() {
+      return {
+        required: (value) => !!value || this.$t("app.rules.required"),
+        version: (value) =>
+          textUtils.isValidSchemaVersion(value) ||
+          this.$t("app.rules.validVersion"),
+        schemaName: (value) =>
+          textUtils.isValidSchemaName(value) ||
+          this.$t("app.rules.validSchema"),
+        schemaAttributeName: (value) =>
+          textUtils.isValidSchemaAttributeName(value) ||
+          this.$t("app.rules.validAttributeName"),
+      };
+    },
   },
   methods: {
     makeDefaultAttribute(idx, val) {
@@ -229,7 +248,10 @@ export default {
       try {
         const _schema = await this.saveSchema();
         if (_schema) {
-          EventBus.$emit("success", "Schema created successfully");
+          EventBus.$emit(
+            "success",
+            this.$t("component.createSchema.eventSuccess")
+          );
           this.resetForm();
           this.$emit("success");
         }
diff --git a/frontend/src/components/CredExList.vue b/frontend/src/components/CredExList.vue
index 6f9d15439..7cea18a47 100644
--- a/frontend/src/components/CredExList.vue
+++ b/frontend/src/components/CredExList.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -270,37 +270,6 @@ import { CredentialExchangeRoles, CredentialExchangeStates } from "@/constants";
 export default {
   props: {
     items: Array,
-    headers: {
-      type: Array,
-      default: () => [
-        {
-          text: "",
-          value: "indicator",
-          sortable: false,
-          filterable: false,
-        },
-        {
-          text: "Type",
-          value: "displayText",
-        },
-        {
-          text: "Issued to",
-          value: "partner.name",
-        },
-        {
-          text: "Updated at",
-          value: "updatedAt",
-        },
-        {
-          text: "State",
-          value: "state",
-        },
-        {
-          text: "Revocation",
-          value: "revocable",
-        },
-      ],
-    },
     isActiveFn: {
       type: Function,
       default: (item) =>
@@ -309,6 +278,10 @@ export default {
         item.state === CredentialExchangeStates.DONE,
     },
     isLoading: Boolean,
+    headerRole: {
+      type: Boolean,
+      default: false,
+    },
     openItemById: String,
   },
   created() {
@@ -333,6 +306,39 @@ export default {
     }
   },
   computed: {
+    headers() {
+      return [
+        {
+          text: "",
+          value: "indicator",
+          sortable: false,
+          filterable: false,
+        },
+        {
+          text: this.$t("component.credExList.headers.displayText"),
+          value: "displayText",
+        },
+        {
+          text:
+            this.headerRole === true
+              ? this.$t("component.credExList.headers.role")
+              : this.$t("component.credExList.headers.partnerName"),
+          value: this.headerRole === true ? "role" : "partner.name",
+        },
+        {
+          text: this.$t("component.credExList.headers.updatedAt"),
+          value: "updatedAt",
+        },
+        {
+          text: this.$t("component.credExList.headers.state"),
+          value: "state",
+        },
+        {
+          text: this.$t("component.credExList.headers.revocable"),
+          value: "revocable",
+        },
+      ];
+    },
     partnerList: {
       get() {
         return this.$store.getters.getPartnerSelectList;
diff --git a/frontend/src/components/Credential.vue b/frontend/src/components/Credential.vue
index 092aeec4a..aeca85b64 100644
--- a/frontend/src/components/Credential.vue
+++ b/frontend/src/components/Credential.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -16,8 +16,7 @@
     >
       <v-col cols="12" class="pb-0 mt-4">
         <v-text-field
-          label="Label (Optional)"
-          placeholder
+          :label="$t('component.credential.label')"
           outlined
           dense
           :value="intDoc.label"
@@ -26,21 +25,19 @@
         ></v-text-field>
       </v-col>
     </v-row>
-    <!-- <v-row>
-      <v-col> -->
+
     <h3
       v-if="!showOnlyContent && (intDoc.issuer || intDoc.issuedAt)"
       class="mb-4"
     >
-      Issuer
+      {{ $t("component.credential.issuerTitle") }}
     </h3>
-    <!-- </v-col>
-    </v-row> -->
+
     <v-row v-if="!showOnlyContent">
       <v-col>
         <v-text-field
           v-if="intDoc.issuer"
-          label="Issuer Decentralized Identifier (DID)"
+          :label="$t('component.credential.issuerLabel')"
           v-model="intDoc.issuer"
           disabled
           outlined
@@ -48,7 +45,7 @@
         ></v-text-field>
         <v-text-field
           v-if="intDoc.issuedAt"
-          label="Issued at"
+          :label="$t('component.credential.issuedAt')"
           :value="$options.filters.moment(intDoc.issuedAt, 'YYYY-MM-DD HH:mm')"
           disabled
           outlined
@@ -66,9 +63,8 @@
           v-for="field in schema.fields"
           :key="field.type"
           :label="field.label"
-          placeholder
           :disabled="isReadOnly"
-          :rules="[(v) => !!v || 'Item is required']"
+          :rules="[(v) => !!v || $t('app.rules.required')]"
           :required="field.required"
           outlined
           dense
@@ -129,22 +125,20 @@ export default {
   },
   methods: {
     docDataFieldChanged(propertyName, event) {
-      if (this.origIntDoc[this.documentDataType][propertyName] != event) {
+      if (this.origIntDoc[this.documentDataType][propertyName] !== event) {
         this.intDoc[this.documentDataType][propertyName] = event;
       } else {
         this.intDoc[this.documentDataType][propertyName] = event;
       }
 
-      const isDirty = Object.keys(this.origIntDoc[this.documentDataType]).find(
-        (key) => {
-          return this.intDoc[this.documentDataType][key] !=
-            this.origIntDoc[this.documentDataType][key]
-            ? true
-            : false;
-        }
-      )
-        ? true
-        : false;
+      const isDirty = !!Object.keys(
+        this.origIntDoc[this.documentDataType]
+      ).find((key) => {
+        return (
+          this.intDoc[this.documentDataType][key] !==
+          this.origIntDoc[this.documentDataType][key]
+        );
+      });
       this.$emit("doc-data-field-changed", isDirty);
     },
 
@@ -153,12 +147,12 @@ export default {
       // return null if we do not have a schema id.
       if (!schemaId) return null;
       const schemas = this.$store.getters.getSchemas;
-      let schema = schemas.find((schema) => {
-        return schema.schemaId === schemaId;
+      let schema = schemas.find((s) => {
+        return s.schemaId === schemaId;
       });
       if (schema) {
         //TODO check if fields already available
-        let objectTemplate = Object.assign(schema, {
+        return Object.assign(schema, {
           fields: schema.schemaAttributeNames.map((key) => {
             return {
               type: key,
@@ -166,7 +160,6 @@ export default {
             };
           }),
         });
-        return objectTemplate;
       }
       return null;
     },
@@ -178,7 +171,7 @@ export default {
           return val;
         }
       });
-      const s = {
+      return {
         type: objData.type,
         label: "",
         fields: Object.keys(dataType ? objData[dataType] : objData).map(
@@ -190,11 +183,10 @@ export default {
           }
         ),
       };
-      return s;
     },
 
     docFieldChanged(propertyName, event) {
-      if (this.origIntDoc[propertyName] != event) {
+      if (this.origIntDoc[propertyName] !== event) {
         this.intDoc[propertyName] = event;
       } else {
         this.intDoc[propertyName] = event;
@@ -221,7 +213,6 @@ export default {
             this.documentDataType = field;
             this.intDoc = this.document;
             this.intCopy();
-            return;
           }
         });
       }
diff --git a/frontend/src/components/CredentialCard.vue b/frontend/src/components/CredentialCard.vue
index 23e2c11b9..62ab75299 100644
--- a/frontend/src/components/CredentialCard.vue
+++ b/frontend/src/components/CredentialCard.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -31,7 +31,7 @@
       <v-expansion-panels flat>
         <v-expansion-panel>
           <v-expansion-panel-header class="font-weight-medium">
-            Details
+            {{ $t("component.credentialCard.details") }}
             <template v-slot:actions>
               <v-icon color="primary"> $expand </v-icon>
             </template>
diff --git a/frontend/src/components/CredentialDefinitions.vue b/frontend/src/components/CredentialDefinitions.vue
index 43ad6a723..a1c0b4bfc 100644
--- a/frontend/src/components/CredentialDefinitions.vue
+++ b/frontend/src/components/CredentialDefinitions.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -11,174 +11,177 @@
     <v-row v-for="(entry, index) in items" v-bind:key="index">
       <v-col cols="4" class="py-0">
         <v-text-field
-            label="Tag (required)"
-            :disabled="!entry.isEdit"
-            v-model="entry.tag"
-            :rules="[(v) => !!v || 'Tag is required']"
-            outlined
-            dense
+          :label="$t('component.credentialDefinitions.label')"
+          :disabled="!entry.isEdit"
+          v-model="entry.tag"
+          :rules="[(v) => !!v || $t('app.rules.required')]"
+          outlined
+          dense
         ></v-text-field>
       </v-col>
       <v-col class="py-0">
         <v-checkbox
-            class="mt-1"
-            label="Revocable"
-            v-model="entry.supportRevocation"
-            :disabled="!isTailsConfigured || !entry.isEdit"
-            outlined
-            dense
+          class="mt-1"
+          :label="$t('component.credentialDefinitions.labelCheckbox')"
+          v-model="entry.supportRevocation"
+          :disabled="!isTailsConfigured || !entry.isEdit"
+          outlined
+          dense
         >
         </v-checkbox>
       </v-col>
       <v-col cols="3" class="py-0">
         <v-btn
-            v-if="!entry.id && entry.isEdit"
-            :loading="isBusy"
-            :disabled="entry.tag && entry.tag.trim().length === 0"
-            icon
-            @click="saveItem(entry)"
+          v-if="!entry.id && entry.isEdit"
+          :loading="isBusy"
+          :disabled="entry.tag && entry.tag.trim().length === 0"
+          icon
+          @click="saveItem(entry)"
         >
           <v-icon color="primary">$vuetify.icons.save</v-icon>
         </v-btn>
         <v-btn icon v-if="!entry.isEdit" @click="deleteItem(index)">
           <v-icon color="error">$vuetify.icons.delete</v-icon>
         </v-btn>
-        <v-btn icon v-if="!entry.id && entry.isEdit" @click="cancelSaveItem(index)">
+        <v-btn
+          icon
+          v-if="!entry.id && entry.isEdit"
+          @click="cancelSaveItem(index)"
+        >
           <v-icon color="error">$vuetify.icons.cancel</v-icon>
         </v-btn>
       </v-col>
     </v-row>
     <v-row>
-      <v-bpa-button :disabled="isEdit" color="secondary" @click="addItem"
-      >Add Credential Definition</v-bpa-button
-      >
+      <v-bpa-button :disabled="isEdit" color="secondary" @click="addItem">{{
+        $t("component.credentialDefinitions.buttonAddCredDef")
+      }}</v-bpa-button>
     </v-row>
   </v-container>
 </template>
 
 <script>
-  import { EventBus } from "@/main";
-  import issuerService from "@/services/issuerService";
-  import VBpaButton from "@/components/BpaButton";
+import { EventBus } from "@/main";
+import issuerService from "@/services/issuerService";
+import VBpaButton from "@/components/BpaButton";
 
-  export default {
-    components: { VBpaButton },
-    props: {
-      schema: {
-        type: Object,
-        default: () => {},
-      },
-      credentialDefinitions: {
-        type: Array,
-        default: function () {
-          return [];
-        },
-      },
-      reset: {
-        type: Boolean,
-        default: () => false,
-      }
+export default {
+  components: { VBpaButton },
+  props: {
+    schema: {
+      type: Object,
+      default: () => {},
     },
-    watch: {
-      schema() {
-        this.isEdit = false;
-        this.editingItem = false;
+    credentialDefinitions: {
+      type: Array,
+      default: function () {
+        return [];
       },
-      credentialDefinitions(val) {
-        this.items = Array.from(val);
+    },
+    reset: {
+      type: Boolean,
+      default: () => false,
+    },
+  },
+  watch: {
+    schema() {
+      this.isEdit = false;
+      this.editingItem = false;
+    },
+    credentialDefinitions(val) {
+      this.items = Array.from(val);
+      this.isEdit = false;
+      this.editingItem = false;
+    },
+    reset(newVal, oldVal) {
+      // use this to reset the form, remove any outstanding items that are not saved.
+      if (newVal !== oldVal) {
+        this.items = Array.from(this.credentialDefinitions);
         this.isEdit = false;
         this.editingItem = false;
-      },
-      reset(newVal, oldVal) {
-        // use this to reset the form, remove any outstanding items that are not saved.
-        if (newVal !== oldVal) {
-          this.items = Array.from(this.credentialDefinitions);
-          this.isEdit = false;
-          this.editingItem = false;
-        }
       }
     },
-    created() {},
-    mounted() {
-      this.items = Array.from(this.credentialDefinitions);
-    },
-    data: () => {
-      return {
-        items: [],
-        isEdit: false,
-        editingItem: null,
-        isBusy: false,
-      };
+  },
+  mounted() {
+    this.items = Array.from(this.credentialDefinitions);
+  },
+  data: () => {
+    return {
+      items: [],
+      isEdit: false,
+      editingItem: null,
+      isBusy: false,
+    };
+  },
+  computed: {
+    isTailsConfigured() {
+      return this.$config.tailsServerConfigured;
     },
-    computed: {
-      isTailsConfigured() {
-        return this.$config.tailsServerConfigured;
-      },
+  },
+  methods: {
+    addItem() {
+      this.isEdit = true;
+      this.items.push({
+        schemaId: this.id,
+        tag: "",
+        supportRevocation: false,
+        isEdit: true,
+      });
     },
-    methods: {
-      addItem() {
-        this.isEdit = true;
-        this.items.push({
-          schemaId: this.id,
-          tag: "",
-          supportRevocation: false,
-          isEdit: true,
-        });
-      },
-
-      deleteItem(index) {
-        let item = this.items[index];
-        if (item.id) {
-          issuerService
-            .deleteCredDef(item.id)
-            .then((result) => {
-              console.log(result);
-              this.items.splice(index, 1);
-              this.$emit("changed");
-            })
-            .catch((e) => {
-              EventBus.$emit("error", this.$axiosErrorMessage(e));
-            });
-        } else {
-          this.items.splice(index, 1);
-        }
-      },
-
-      saveItem(item) {
-        this.createNewItem(item);
-      },
-
-      createNewItem(item) {
-        this.isBusy = true;
-        const data = {
-          schemaId: this.schema.schemaId,
-          tag: item.tag,
-          supportRevocation: item.supportRevocation,
-        };
+    deleteItem(index) {
+      let item = this.items[index];
+      if (item.id) {
         issuerService
-          .createCredDef(data)
+          .deleteCredDef(item.id)
           .then((result) => {
-            this.isBusy = false;
-
-            if (result.status === 200) {
-              this.isEdit = false;
-              item.isEdit = false;
-              EventBus.$emit("success", "New credential definition added");
-              this.$emit("changed");
-              this.$store.dispatch("loadCredDefSelectList");
-            }
+            console.log(result);
+            this.items.splice(index, 1);
+            this.$emit("changed");
           })
           .catch((e) => {
-            this.isBusy = false;
             EventBus.$emit("error", this.$axiosErrorMessage(e));
           });
-      },
-
-      cancelSaveItem(index) {
-        this.isEdit = false;
-        this.editingItem = false;
+      } else {
         this.items.splice(index, 1);
       }
     },
-  };
+    saveItem(item) {
+      this.createNewItem(item);
+    },
+    createNewItem(item) {
+      this.isBusy = true;
+      const data = {
+        schemaId: this.schema.schemaId,
+        tag: item.tag,
+        supportRevocation: item.supportRevocation,
+      };
+      issuerService
+        .createCredDef(data)
+        .then((result) => {
+          this.isBusy = false;
+
+          if (result.status === 200) {
+            this.isEdit = false;
+            item.isEdit = false;
+            EventBus.$emit(
+              "success",
+              this.$t("component.credentialDefinitions.eventSuccess")
+            );
+            this.$emit("changed");
+            this.$store.dispatch("loadCredDefSelectList");
+          }
+        })
+        .catch((e) => {
+          this.isBusy = false;
+          EventBus.$emit("error", this.$axiosErrorMessage(e));
+        });
+    },
+
+    cancelSaveItem(index) {
+      this.isEdit = false;
+      this.editingItem = false;
+      this.items.splice(index, 1);
+    },
+  },
+};
 </script>
diff --git a/frontend/src/components/DashboardCard.vue b/frontend/src/components/DashboardCard.vue
index 9cbb83100..d20b1d7ff 100644
--- a/frontend/src/components/DashboardCard.vue
+++ b/frontend/src/components/DashboardCard.vue
@@ -1,26 +1,32 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
 <template>
   <v-card class="mx-auto dashboard-card">
-    <v-card-title class="justify-center bg-light card-title" style="text-transform: capitalize">{{this.title}}</v-card-title>
+    <v-card-title
+      class="justify-center bg-light card-title"
+      style="text-transform: capitalize"
+      >{{ this.title }}</v-card-title
+    >
     <v-card-text>
       <v-container>
         <v-row>
           <v-col class="col-6">
-            <div class="container"><v-icon class="graphic">{{this.icon}}</v-icon></div>
+            <div class="container">
+              <v-icon class="graphic">{{ this.icon }}</v-icon>
+            </div>
           </v-col>
           <v-col class="col-6">
             <div class="container">
               <v-row>
-                <v-col class="count">{{this.count}}</v-col>
+                <v-col class="count">{{ this.count }}</v-col>
               </v-row>
               <v-row>
-                <v-col class="new-count">{{this.newCountDisplay}}</v-col>
+                <v-col class="new-count">{{ this.newCountDisplay }}</v-col>
               </v-row>
             </div>
           </v-col>
@@ -28,49 +34,50 @@
       </v-container>
     </v-card-text>
     <v-card-actions class="justify-center">
-      <v-btn v-if="this.destination" icon :to="{ name: this.destination }"><v-icon color="primary">$vuetify.icons.dashboardGo</v-icon></v-btn>
-      <v-btn v-else icon disabled><!-- this is only in place to keep the size of the cards consistent --></v-btn>
+      <v-btn v-if="this.destination" icon :to="{ name: this.destination }"
+        ><v-icon color="primary">$vuetify.icons.dashboardGo</v-icon></v-btn
+      >
+      <v-btn v-else icon disabled
+        ><!-- this is only in place to keep the size of the cards consistent --></v-btn
+      >
     </v-card-actions>
   </v-card>
 </template>
 
 <script>
-
-  export default {
-    name: "DashboardCard",
-    components: { },
-    props: {
-      title: {
-        type: String,
-        default: () => "Title"
-      },
-      icon: {
-        type: String,
-        default: () => "$vuetify.icons.user"
-      },
-      destination: {
-        type: String,
-        default: () => null
-      },
-      count: {
-        type: Number,
-        default: () => 0
-      },
-      newCount: {
-        type: Number,
-        default: () => 0
-      },
+export default {
+  name: "DashboardCard",
+  components: {},
+  props: {
+    title: {
+      type: String,
+      required: true,
+    },
+    icon: {
+      type: String,
+      default: () => "$vuetify.icons.user",
+    },
+    destination: {
+      type: String,
+      default: () => null,
     },
-    created() {
+    count: {
+      type: Number,
+      default: () => 0,
     },
-    data: () => {
-      return { };
+    newCount: {
+      type: Number,
+      default: () => 0,
     },
-    computed: {
-      newCountDisplay() {
-        return (this.newCount) ? `(+ ${this.newCount})`: "";
-      },
+  },
+  data: () => {
+    return {};
+  },
+  computed: {
+    newCountDisplay() {
+      return this.newCount ? `(+ ${this.newCount})` : "";
     },
-    methods: { },
-  };
+  },
+  methods: {},
+};
 </script>
diff --git a/frontend/src/components/IssueCredential.vue b/frontend/src/components/IssueCredential.vue
index 301d7dcb2..faccf14ea 100644
--- a/frontend/src/components/IssueCredential.vue
+++ b/frontend/src/components/IssueCredential.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -115,7 +115,6 @@
                   :key="field.type"
                   :label="field.label"
                   v-model="credentialFields[field.type]"
-                  placeholder=""
                   outlined
                   dense
                   @blur="enableSubmit"
@@ -145,15 +144,15 @@
       </v-card-text>
       <v-card-actions>
         <v-layout align-end justify-end>
-          <v-bpa-button color="secondary" @click="cancel()"
-            >Cancel</v-bpa-button
-          >
+          <v-bpa-button color="secondary" @click="cancel()">{{
+            $t("button.cancel")
+          }}</v-bpa-button>
           <v-bpa-button
             :loading="this.isBusy"
             color="primary"
             @click="submit()"
             :disabled="submitDisabled"
-            >Submit</v-bpa-button
+            >{{ $t("button.submit") }}</v-bpa-button
           >
         </v-layout>
       </v-card-actions>
@@ -367,13 +366,17 @@ export default {
           reader.onerror = (evt) => {
             EventBus.$emit(
               "error",
-              `Error reading file '${v.name}'. ${evt.message}`
+              `${this.$t(
+                "component.issueCredential.expertLoad.errorMessages.readFile"
+              )} '${v.name}'. ${evt.message}`
             );
           };
         } catch (e) {
           EventBus.$emit(
             "error",
-            `Error reading file '${v.name}'. ${e.message}`
+            `${this.$t(
+              "component.issueCredential.expertLoad.errorMessages.readFile"
+            )} '${v.name}'. ${e.message}`
           );
         }
       }
diff --git a/frontend/src/components/ManageSchema.vue b/frontend/src/components/ManageSchema.vue
index fd2d69f06..0899f4c85 100644
--- a/frontend/src/components/ManageSchema.vue
+++ b/frontend/src/components/ManageSchema.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -30,7 +30,7 @@
             readonly
             outlined
             dense
-            label="Schema ID"
+            :label="$t('component.manageSchema.labelSchemaId')"
             :append-icon="'$vuetify.icons.copy'"
             @click:append="copySchemaId"
           ></v-text-field>
@@ -38,7 +38,7 @@
         <v-list-item class="mt-4">
           <v-checkbox
             class="mt-1"
-            label="My Schema"
+            :label="$t('component.manageSchema.labelCheckbox')"
             v-model="schema.isMine"
             :readonly="true"
             outlined
@@ -91,7 +91,9 @@
 
       <v-card-actions>
         <v-layout align-end justify-end>
-          <v-bpa-button color="primary" @click="closed">Close</v-bpa-button>
+          <v-bpa-button color="primary" @click="closed">{{
+            $t("button.close")
+          }}</v-bpa-button>
         </v-layout>
       </v-card-actions>
     </v-card>
@@ -111,7 +113,6 @@ export default {
       type: Boolean,
       default: () => false,
     },
-    schema: Object,
     trustedIssuers: {
       type: Boolean,
       default: () => true,
@@ -120,6 +121,7 @@ export default {
       type: Boolean,
       default: () => true,
     },
+    value: {},
   },
   components: {
     VBpaButton,
@@ -134,7 +136,6 @@ export default {
       }
     },
   },
-  created() {},
   data: () => {
     return {
       tab: null,
@@ -142,15 +143,31 @@ export default {
     };
   },
   computed: {
+    schema: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+      },
+    },
     items() {
-      const tabs = [{ title: "Schema Attributes", key: "schema-attributes" }];
+      const tabs = [
+        {
+          title: this.$t("component.manageSchema.tabs.schemaAttributes"),
+          key: "schema-attributes",
+        },
+      ];
       if (this.credentialDefinitions)
         tabs.push({
-          title: "Credential Definitions",
+          title: this.$t("component.manageSchema.tabs.credentialDefinitions"),
           key: "credential-definitions",
         });
       if (!this.schema.isMine && this.trustedIssuers)
-        tabs.push({ title: "Trusted Issuers", key: "trusted-issuers" });
+        tabs.push({
+          title: this.$t("component.manageSchema.tabs.trustedIssuers"),
+          key: "trusted-issuers",
+        });
       return tabs;
     },
   },
@@ -158,15 +175,21 @@ export default {
     copySchemaId() {
       let idEl = document.querySelector("#schemaId");
       idEl.select();
-      let successfull;
+      let successful;
       try {
-        successfull = document.execCommand("copy");
+        successful = document.execCommand("copy");
       } catch (err) {
-        successfull = false;
+        successful = false;
       }
-      successfull
-        ? EventBus.$emit("success", "Schema ID copied")
-        : EventBus.$emit("error", "Can't copy Schema ID");
+      successful
+        ? EventBus.$emit(
+            "success",
+            this.$t("component.manageSchema.eventSuccessCopy")
+          )
+        : EventBus.$emit(
+            "error",
+            this.$t("component.manageSchema.eventErrorCopy")
+          );
       idEl.blur();
       window.getSelection().removeAllRanges();
     },
@@ -176,7 +199,10 @@ export default {
         .then((result) => {
           console.log(result);
           if (result.status === 200) {
-            EventBus.$emit("success", "Schema deleted");
+            EventBus.$emit(
+              "success",
+              this.$t("component.manageSchema.eventSuccessDelete")
+            );
             this.$emit("changed");
             this.$emit("deleted");
           }
diff --git a/frontend/src/components/MyCredentialList.vue b/frontend/src/components/MyCredentialList.vue
index dc30232c8..ac7674e45 100644
--- a/frontend/src/components/MyCredentialList.vue
+++ b/frontend/src/components/MyCredentialList.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -95,8 +95,8 @@
 </template>
 
 <script>
-import { CredentialTypes } from "../constants";
-import { EventBus } from "../main";
+import { CredentialTypes } from "@/constants";
+import { EventBus } from "@/main";
 import NewMessageIcon from "@/components/NewMessageIcon";
 
 export default {
@@ -116,6 +116,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    useIndy: {
+      type: Boolean,
+      default: false,
+    },
   },
   components: {
     NewMessageIcon,
@@ -155,7 +159,11 @@ export default {
   methods: {
     fetch(type) {
       this.$axios
-        .get(`${this.$apiBaseUrl}/wallet/${type}`)
+        .get(
+          `${this.$apiBaseUrl}/wallet/${type}${
+            this.useIndy ? "?types=INDY" : ""
+          }`
+        )
         .then((result) => {
           if ({}.hasOwnProperty.call(result, "data")) {
             this.isBusy = false;
diff --git a/frontend/src/components/NewMessageIcon.vue b/frontend/src/components/NewMessageIcon.vue
index afbec854e..602ff5a06 100644
--- a/frontend/src/components/NewMessageIcon.vue
+++ b/frontend/src/components/NewMessageIcon.vue
@@ -1,23 +1,29 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
 
 <template>
   <div class="newIconContainer">
-  <span>
-    <v-tooltip right>
-      <template v-slot:activator="{ on, attrs }">
-        <v-icon small :color="color" v-show="show" :class="{ newIconCredential: isCredential }" v-bind="attrs" v-on="on"
-        >$vuetify.icons.newMessage</v-icon
-        >
-      </template>
-      <span>{{ this.text }}</span>
-    </v-tooltip>
-  </span>
+    <span>
+      <v-tooltip right>
+        <template v-slot:activator="{ on, attrs }">
+          <v-icon
+            small
+            :color="color"
+            v-show="show"
+            :class="{ newIconCredential: isCredential }"
+            v-bind="attrs"
+            v-on="on"
+            >$vuetify.icons.newMessage</v-icon
+          >
+        </template>
+        <span>{{ this.text }}</span>
+      </v-tooltip>
+    </span>
   </div>
 </template>
 
@@ -40,27 +46,42 @@ export default {
       // partner will also have a partner state... so could be confusing ?
       return "green";
     },
-    isCredential: function() {
+    isCredential: function () {
       return this.type === "credential";
     },
     show: function () {
       // if this id is in the specified collection, then show it
-      let result = false;
+      let result;
       switch (this.type) {
         case "activity":
-          result = ({}.hasOwnProperty.call(this.$store.getters.activityNotifications, this.id));
+          result = {}.hasOwnProperty.call(
+            this.$store.getters.activityNotifications,
+            this.id
+          );
           break;
         case "credential":
-          result = ({}.hasOwnProperty.call(this.$store.getters.credentialNotifications, this.id));
+          result = {}.hasOwnProperty.call(
+            this.$store.getters.credentialNotifications,
+            this.id
+          );
           break;
         case "partner":
-          result = ({}.hasOwnProperty.call(this.$store.getters.partnerNotifications, this.id));
+          result = {}.hasOwnProperty.call(
+            this.$store.getters.partnerNotifications,
+            this.id
+          );
           break;
         case "presentation":
-          result = ({}.hasOwnProperty.call(this.$store.getters.presentationNotifications, this.id));
+          result = {}.hasOwnProperty.call(
+            this.$store.getters.presentationNotifications,
+            this.id
+          );
           break;
         case "task":
-          result = ({}.hasOwnProperty.call(this.$store.getters.taskNotifications, this.id));
+          result = {}.hasOwnProperty.call(
+            this.$store.getters.taskNotifications,
+            this.id
+          );
           break;
         default:
           result = false;
@@ -72,25 +93,25 @@ export default {
       let result = "";
       switch (this.type) {
         case "activity":
-          result = "New activity";
+          result = this.$t("component.newMessageIcon.activity");
           break;
         case "credential":
-          result = "New activity on Credential";
+          result = this.$t("component.newMessageIcon.credential");
           break;
         case "partner":
-          result = "New activity related to this Partner";
+          result = this.$t("component.newMessageIcon.partner");
           break;
         case "presentation":
-          result = "New activity on Presentation";
+          result = this.$t("component.newMessageIcon.presentation");
           break;
         case "task":
-          result = "New task requires attention";
+          result = this.$t("component.newMessageIcon.task");
           break;
         default:
-          result = "New activity on item";
+          result = this.$t("component.newMessageIcon.default");
       }
       return result;
-    }
+    },
   },
 };
 </script>
diff --git a/frontend/src/components/OrganizationalProfile.vue b/frontend/src/components/OrganizationalProfile.vue
index 208b0fd6b..b69a5323c 100644
--- a/frontend/src/components/OrganizationalProfile.vue
+++ b/frontend/src/components/OrganizationalProfile.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -16,8 +16,7 @@
       </v-col>
       <v-col cols="8" class="pb-0">
         <v-text-field
-          label="Organization Type"
-          placeholder
+          :label="$t('component.organizationProfile.companyInfo.type')"
           v-model="documentData.type"
           outlined
           disabled
@@ -25,9 +24,8 @@
         ></v-text-field>
         <v-text-field
           :label="$t('component.organizationProfile.companyInfo.companyName')"
-          placeholder
           :disabled="isReadOnly"
-          :rules="[(v) => !!v || 'Item is required']"
+          :rules="[(v) => !!v || $t('app.rules.required')]"
           required
           outlined
           dense
@@ -38,7 +36,6 @@
           :label="
             $t('component.organizationProfile.companyInfo.companyAltName')
           "
-          placeholder
           v-model="documentData.altName"
           :disabled="isReadOnly"
           required
@@ -51,7 +48,9 @@
         >
           <v-col cols="4" class="py-0">
             <v-select
-              label="Identifier"
+              :label="
+                $t('component.organizationProfile.companyInfo.identifier')
+              "
               v-model="identifier.type"
               :items="identifierTypes"
               :disabled="isReadOnly"
@@ -61,7 +60,6 @@
           </v-col>
           <v-col class="py-0">
             <v-text-field
-              placeholder
               v-model="identifier.id"
               :disabled="isReadOnly"
               outlined
@@ -101,8 +99,7 @@
       </v-col>
       <v-col cols="8" class="pb-0">
         <v-text-field
-          label="Street (with number)"
-          placeholder
+          :label="$t('component.organizationProfile.addressInfo.street')"
           v-model="documentData.registeredSite.address.streetAddress"
           :disabled="isReadOnly"
           outlined
@@ -111,8 +108,9 @@
         <v-row>
           <v-col cols="4" class="py-0">
             <v-text-field
-              label="Postal Code"
-              placeholder
+              :label="
+                $t('component.organizationProfile.addressInfo.postalCode')
+              "
               v-model="documentData.registeredSite.address.zipCode"
               :disabled="isReadOnly"
               outlined
@@ -121,8 +119,7 @@
           </v-col>
           <v-col cols="8" class="py-0">
             <v-text-field
-              label="City"
-              placeholder
+              :label="$t('component.organizationProfile.addressInfo.city')"
               v-model="documentData.registeredSite.address.city"
               :disabled="isReadOnly"
               outlined
@@ -133,8 +130,7 @@
         <v-row>
           <v-col cols="6" class="py-0">
             <v-text-field
-              label="Country"
-              placeholder
+              :label="$t('component.organizationProfile.addressInfo.country')"
               v-model="documentData.registeredSite.address.country"
               :disabled="isReadOnly"
               outlined
@@ -143,8 +139,7 @@
           </v-col>
           <v-col cols="6" class="py-0">
             <v-text-field
-              label="Region"
-              placeholder
+              :label="$t('component.organizationProfile.addressInfo.region')"
               v-model="documentData.registeredSite.address.region"
               :disabled="isReadOnly"
               outlined
@@ -158,12 +153,12 @@
 </template>
 
 <script>
-import { profileModel } from "../models/model";
+import { profileModel } from "@/models/model";
 import VBpaButton from "@/components/BpaButton";
 export default {
   props: {
     isReadOnly: Boolean,
-    documentData: {
+    value: {
       type: Object,
       default: () => profileModel,
     },
@@ -175,11 +170,19 @@ export default {
   data: () => {
     return {
       identifierTypes: ["LEI", "GLN", "D-U-N-S", "VAT", "USCC"],
-      orgTypes: ["Legal Entity", "Business Unit", "Site"],
       intDoc: Object,
     };
   },
-  computed: {},
+  computed: {
+    documentData: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+      },
+    },
+  },
   methods: {
     addIdentifier() {
       this.documentData.identifier.push({
diff --git a/frontend/src/components/PartnerList.vue b/frontend/src/components/PartnerList.vue
index 7cf5f890d..249f46469 100644
--- a/frontend/src/components/PartnerList.vue
+++ b/frontend/src/components/PartnerList.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -56,11 +56,11 @@
 </template>
 
 <script>
-import { EventBus } from "../main";
-import { getPartnerState } from "../utils/partnerUtils";
+import { EventBus } from "@/main";
+import { getPartnerState } from "@/utils/partnerUtils";
 import PartnerStateIndicator from "@/components/PartnerStateIndicator";
 import NewMessageIcon from "@/components/NewMessageIcon";
-import { CredentialTypes, PartnerStates } from "../constants";
+import { CredentialTypes, PartnerStates } from "@/constants";
 
 export default {
   name: "PartnerList",
@@ -69,18 +69,13 @@ export default {
     NewMessageIcon,
   },
   props: {
-    selectable: {
+    showAllHeaders: {
       type: Boolean,
       default: false,
     },
-    headers: {
-      type: Array,
-      default: () => [
-        {
-          text: "Name",
-          value: "name",
-        },
-      ],
+    selectable: {
+      type: Boolean,
+      default: false,
     },
     onlyAries: {
       type: Boolean,
@@ -115,6 +110,32 @@ export default {
     };
   },
   computed: {
+    headers() {
+      return [
+        {
+          text: this.$t("component.partnerList.headers.name"),
+          value: "name",
+        },
+        this.showAllHeaders
+          ? {
+              text: this.$t("component.partnerList.headers.address"),
+              value: "address",
+            }
+          : {},
+        this.showAllHeaders
+          ? {
+              text: this.$t("component.partnerList.headers.updatedAt"),
+              value: "updatedAt",
+            }
+          : {},
+        this.showAllHeaders
+          ? {
+              text: this.$t("component.partnerList.headers.state"),
+              value: "state",
+            }
+          : {},
+      ];
+    },
     expertMode() {
       return this.$store.state.expertMode;
     },
diff --git a/frontend/src/components/PartnerStateIndicator.vue b/frontend/src/components/PartnerStateIndicator.vue
index ae2f659ba..70ebc2a2a 100644
--- a/frontend/src/components/PartnerStateIndicator.vue
+++ b/frontend/src/components/PartnerStateIndicator.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -14,7 +14,10 @@
           >$vuetify.icons.partnerState</v-icon
         >
       </template>
-      <span>Aries connection state: {{ this.state }}</span>
+      <span
+        >{{ $t("component.partnerStateIndicator.connectionState") }}:
+        {{ this.state }}</span
+      >
     </v-tooltip>
   </span>
 </template>
@@ -27,7 +30,6 @@ export default {
   props: {
     state: String,
   },
-  created() {},
   data: () => {
     return {};
   },
@@ -36,6 +38,5 @@ export default {
       return partnerUtils.getPartnerStateColor(this.state);
     },
   },
-  methods: {},
 };
 </script>
diff --git a/frontend/src/components/PresentationExList.vue b/frontend/src/components/PresentationExList.vue
index 2265bc1db..e86ca37d1 100644
--- a/frontend/src/components/PresentationExList.vue
+++ b/frontend/src/components/PresentationExList.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -150,14 +150,14 @@ import PresentationRecordV2 from "@/components/PresentationRecordV2";
 import VBpaButton from "@/components/BpaButton";
 export default {
   props: {
-    items: Array,
+    value: Array,
     openItemById: String,
   },
   mounted() {
     // Open Item directly. Is used for links from notifications/activity
     if (this.openItemById) {
       // FIXME: items observable is typically not resolved yet. Then items is empty
-      const item = this.items.find((item) => item.id === this.openItemById);
+      const item = this.items.find((i) => i.id === this.openItemById);
       if (item) {
         this.openItem(item);
       } else {
@@ -179,7 +179,19 @@ export default {
       isLoading: false,
       isWaitingForMatchingCreds: false,
       declineReasonText: "",
-      headers: [
+    };
+  },
+  computed: {
+    items: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+      },
+    },
+    headers() {
+      return [
         {
           text: "",
           value: "indicator",
@@ -187,25 +199,23 @@ export default {
           filterable: false,
         },
         {
-          text: "Name",
+          text: this.$t("component.presentationExList.table.label"),
           value: "label",
         },
         {
-          text: "Role",
+          text: this.$t("component.presentationExList.table.role"),
           value: "role",
         },
         {
-          text: "Updated at",
+          text: this.$t("component.presentationExList.table.updatedAt"),
           value: "updatedAt",
         },
         {
-          text: "State",
+          text: this.$t("component.presentationExList.table.state"),
           value: "state",
         },
-      ],
-    };
-  },
-  computed: {
+      ];
+    },
     showV2() {
       return (
         this.record.state &&
@@ -241,7 +251,10 @@ export default {
       const payload = this.prepareApprovePayload();
       try {
         await proofExService.approveProofRequest(this.record.id, payload);
-        EventBus.$emit("success", "Proof has been sent");
+        EventBus.$emit(
+          "success",
+          this.$t("component.presentationExList.eventSuccessApprove")
+        );
         this.closeDialog();
         this.$emit("changed");
       } catch (e) {
@@ -254,7 +267,10 @@ export default {
           this.record.id,
           this.declineReasonText
         );
-        EventBus.$emit("success", "Presentation request declined");
+        EventBus.$emit(
+          "success",
+          this.$t("component.presentationExList.eventSuccessDecline")
+        );
         this.closeDialog();
         this.$emit("changed");
       } catch (e) {
@@ -302,7 +318,10 @@ export default {
             (item) => item.id === this.record.id
           );
           this.items.splice(idx, 1);
-          EventBus.$emit("success", "Presentation record deleted");
+          EventBus.$emit(
+            "success",
+            this.$t("component.presentationExList.eventSuccessDelete")
+          );
           this.closeDialog();
         }
       } catch (e) {
@@ -411,7 +430,6 @@ export default {
         });
 
         this.record.canBeFullfilled = this.canBeFullfilled();
-
         this.isWaitingForMatchingCreds = false;
       });
     },
diff --git a/frontend/src/components/PresentationRecord.vue b/frontend/src/components/PresentationRecord.vue
index 31da093ca..b301e3912 100644
--- a/frontend/src/components/PresentationRecord.vue
+++ b/frontend/src/components/PresentationRecord.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -10,7 +10,7 @@
   <v-container>
     <v-list-item>
       <v-list-item-title class="grey--text text--darken-2 font-weight-medium">
-        Role
+        {{ $t("view.presentationRecord.role") }}
       </v-list-item-title>
       <v-list-item-subtitle align="">
         {{ record.role | capitalize }}
@@ -19,7 +19,7 @@
 
     <v-list-item>
       <v-list-item-title class="grey--text text--darken-2 font-weight-medium">
-        State
+        {{ $t("view.presentationRecord.state") }}
       </v-list-item-title>
       <v-list-item-subtitle align="">
         {{ (record.state ? record.state.replace("_", " ") : "") | capitalize }}
@@ -28,7 +28,7 @@
 
     <v-list-item>
       <v-list-item-title class="grey--text text--darken-2 font-weight-medium">
-        Request Name
+        {{ $t("view.presentationRecord.requestName") }}
       </v-list-item-title>
       <v-list-item-subtitle align="">
         {{ record.proofRequest ? record.proofRequest.name : "" }}
@@ -39,7 +39,7 @@
 
     <!-- Request Content -->
     <template v-if="!isStateProposalSent">
-      <h4 class="my-4">Request Content:</h4>
+      <h4 class="my-4">{{ $t("view.presentationRecord.requestContent") }}:</h4>
 
       <!-- Requested Attributes -->
 
@@ -62,14 +62,16 @@
                 class="ml-n4 mb-4"
               >
                 <v-list-item-title>
-                  <strong>Issuer</strong>
+                  <strong>{{ $t("view.presentationRecord.issuer") }}</strong>
                 </v-list-item-title>
                 <v-list-item-subtitle>
                   {{ group.proofData.identifier.issuerLabel }}
                 </v-list-item-subtitle>
               </v-list-item>
 
-              <h4 class="mb-4">Data fields</h4>
+              <h4 class="mb-4">
+                {{ $t("view.presentationRecord.dataFields") }}
+              </h4>
 
               <template v-if="type === 'requestedAttributes'">
                 <v-list-item v-for="name in names(group)" :key="name">
@@ -104,9 +106,10 @@
               <v-expansion-panels accordion flat class="ml-n6">
                 <v-expansion-panel>
                   <v-expansion-panel-header class="bg-light"
-                    ><strong>Restrictions</strong></v-expansion-panel-header
+                    ><strong>{{
+                      $t("view.presentationRecord.restrictions")
+                    }}</strong></v-expansion-panel-header
                   >
-
                   <v-expansion-panel-content class="bg-light">
                     <v-list-item-group
                       v-for="(restr, idy) in group.restrictions"
@@ -163,11 +166,11 @@
 
     <v-container v-if="isStateVerified">
       <v-alert v-if="record.valid" dense border="left" type="success">
-        Presentation is valid
+        {{ $t("view.presentationRecord.presentationValid") }}
       </v-alert>
 
       <v-alert v-else dense border="left" type="error">
-        Presentation is not valid
+        {{ $t("view.presentationRecord.presentationNotValid") }}
       </v-alert>
     </v-container>
 
@@ -273,7 +276,9 @@ export default {
           return `${credInfo.credentialId} ${revokedLabel}`;
         }
       } else {
-        return "No info found";
+        return this.$t(
+          "view.presentationRecord.matchingCredentials.noInfoFound"
+        );
       }
     },
     renderSchemaLabel(attrGroupName) {
diff --git a/frontend/src/components/PresentationRecordV2.vue b/frontend/src/components/PresentationRecordV2.vue
index 142a776ad..b1efaf42c 100644
--- a/frontend/src/components/PresentationRecordV2.vue
+++ b/frontend/src/components/PresentationRecordV2.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -11,16 +11,16 @@
     <!-- Valid/Invalid info for role verifier -->
     <v-container v-if="isStateVerified">
       <v-alert v-if="record.valid" dense border="left" type="success">
-        Presentation is valid
+        {{ $t("view.presentationRecord.presentationValid") }}
       </v-alert>
 
       <v-alert v-else dense border="left" type="error">
-        Presentation is not valid
+        {{ $t("view.presentationRecord.presentationNotValid") }}
       </v-alert>
     </v-container>
 
     <!-- Request Content -->
-    <h4 class="my-4">Request Content:</h4>
+    <h4 class="my-4">{{ $t("view.presentationRecord.requestContent") }}</h4>
     <v-container
       v-if="!isStateProposalSent"
       class="d-flex flex-wrap justify-space-between"
@@ -38,7 +38,9 @@
 
     <!-- About -->
     <v-card class="mb-3">
-      <v-card-title height="40"> About </v-card-title>
+      <v-card-title height="40">{{
+        $t("view.presentationRecord.about")
+      }}</v-card-title>
       <v-divider></v-divider>
 
       <v-list dense>
@@ -46,7 +48,7 @@
           <v-list-item-title
             class="grey--text text--darken-2 font-weight-medium"
           >
-            Role
+            {{ $t("view.presentationRecord.role") }}
           </v-list-item-title>
           <v-list-item-subtitle align="">
             {{ record.role | capitalize }}
@@ -57,7 +59,7 @@
           <v-list-item-title
             class="grey--text text--darken-2 font-weight-medium"
           >
-            State
+            {{ $t("view.presentationRecord.state") }}
           </v-list-item-title>
           <v-list-item-subtitle align="">
             {{
@@ -72,7 +74,7 @@
           <v-list-item-title
             class="grey--text text--darken-2 font-weight-medium"
           >
-            Request Name
+            {{ $t("view.presentationRecord.requestName") }}
           </v-list-item-title>
           <v-list-item-subtitle align="">
             {{ record.proofRequest ? record.proofRequest.name : "" }}
@@ -181,7 +183,9 @@ export default {
           return credInfo.credentialId;
         }
       } else {
-        return "No info found";
+        return this.$t(
+          "view.presentationRecord.matchingCredentials.noInfoFound"
+        );
       }
     },
     renderSchemaLabel(attrGroupName) {
diff --git a/frontend/src/components/Profile.vue b/frontend/src/components/Profile.vue
index e7aa59189..614414b26 100644
--- a/frontend/src/components/Profile.vue
+++ b/frontend/src/components/Profile.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -13,7 +13,7 @@
         $t("component.profile.organizationalProfile.title")
       }}</v-card-title>
       <OrganizationalProfile
-        v-bind:documentData="profile"
+        v-model="profile"
         v-if="profile"
         isReadOnly
       ></OrganizationalProfile>
@@ -87,15 +87,14 @@
 </template>
 
 <script>
-import { CredentialTypes } from "../constants";
+import { CredentialTypes } from "@/constants";
 import OrganizationalProfile from "@/components/OrganizationalProfile";
 import Credential from "@/components/Credential";
 import {
   getPartnerProfile,
   getPartnerProfileRoute,
 } from "@/utils/partnerUtils";
-import { mdiCalendarCheck } from "@mdi/js";
-import { mdiCalendarRemove } from "@mdi/js";
+import { mdiCalendarCheck, mdiCalendarRemove } from "@mdi/js";
 import VBpaButton from "@/components/BpaButton";
 
 export default {
@@ -109,9 +108,8 @@ export default {
     organizationProfileEditVisible: {
       type: Boolean,
       default: false,
-    }
+    },
   },
-  created() {},
   data: () => {
     return {
       CredentialTypes: CredentialTypes,
@@ -147,8 +145,8 @@ export default {
             credential.id = value;
             delete credential.credentialData.id;
           } else if (typeof value === "object" && value !== null) {
-            Object.keys(value).map(function (key) {
-              credential.credentialData[key] = value[key];
+            Object.keys(value).map(function (key2) {
+              credential.credentialData[key2] = value[key2];
             });
             delete credential.credentialData[key];
           }
@@ -157,7 +155,7 @@ export default {
       return credential;
     },
     editProfile() {
-      let route = getPartnerProfileRoute(this.partner);
+      const route = getPartnerProfileRoute(this.partner);
       if (route) {
         this.$router.push(route);
       }
diff --git a/frontend/src/components/SchemaList.vue b/frontend/src/components/SchemaList.vue
index 83aa69eb4..3f26702e2 100644
--- a/frontend/src/components/SchemaList.vue
+++ b/frontend/src/components/SchemaList.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -32,7 +32,7 @@
     <v-dialog v-model="dialog" persistent max-width="800px">
       <ManageSchema
         :dialog="dialog"
-        :schema="schema"
+        v-model="schema"
         :credential-definitions="manageCredentialDefinitions"
         :trusted-issuers="manageTrustedIssuers"
         @closed="onClosed"
@@ -47,27 +47,6 @@ import ManageSchema from "@/components/ManageSchema";
 import store from "@/store";
 export default {
   props: {
-    headers: {
-      type: Array,
-      default: () => [
-        {
-          text: "Name",
-          value: "label",
-        },
-        {
-          text: "Can Issue",
-          value: "canIssue",
-        },
-        {
-          text: "Mine",
-          value: "isMine",
-        },
-        {
-          text: "Trusted Issuers",
-          value: "trustedIssuer",
-        },
-      ],
-    },
     isLoading: Boolean,
     manageTrustedIssuers: {
       type: Boolean,
@@ -86,6 +65,26 @@ export default {
     };
   },
   computed: {
+    headers() {
+      return [
+        {
+          text: this.$t("component.schemaList.label"),
+          value: "label",
+        },
+        {
+          text: this.$t("component.schemaList.canIssue"),
+          value: "canIssue",
+        },
+        {
+          text: this.$t("component.schemaList.isMine"),
+          value: "isMine",
+        },
+        {
+          text: this.$t("component.schemaList.trustedIssuer"),
+          value: "trustedIssuer",
+        },
+      ];
+    },
     schemas: {
       get() {
         return this.$store.getters.getSchemaBasedSchemas;
diff --git a/frontend/src/components/Timeline.vue b/frontend/src/components/Timeline.vue
index ef4ac34a5..e28396ab7 100644
--- a/frontend/src/components/Timeline.vue
+++ b/frontend/src/components/Timeline.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -10,7 +10,7 @@
     <v-expansion-panel>
       <v-expansion-panel-header
         class="grey--text text--darken-2 font-weight-medium bg-light"
-        >Timeline</v-expansion-panel-header
+        >{{ $t("component.timeline.title") }}</v-expansion-panel-header
       >
       <v-expansion-panel-content class="bg-light">
         <v-timeline dense>
diff --git a/frontend/src/components/TrustedIssuers.vue b/frontend/src/components/TrustedIssuers.vue
index 0a69d1729..b9b69946c 100644
--- a/frontend/src/components/TrustedIssuers.vue
+++ b/frontend/src/components/TrustedIssuers.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -11,7 +11,7 @@
     <v-row v-for="(entry, index) in items" v-bind:key="index">
       <v-col cols="4" class="py-0">
         <v-text-field
-          label="DID"
+          :label="$t('component.trustedIssuers.labelDid')"
           :disabled="entry.isReadOnly || !isNew(entry)"
           v-model="entry.issuerDid"
           outlined
@@ -21,7 +21,7 @@
       </v-col>
       <v-col class="py-0">
         <v-text-field
-          label="Name"
+          :label="$t('component.trustedIssuers.labelName')"
           :disabled="entry.isReadOnly || !entry.isEdit"
           v-model="entry.label"
           outlined
@@ -38,7 +38,6 @@
           @click="editTrustedIssuer(index)"
           ><v-icon>$vuetify.icons.pencil</v-icon></v-btn
         >
-
         <v-btn
           v-if="!entry.isReadOnly && entry.isEdit"
           :loading="isBusy"
@@ -47,7 +46,6 @@
           @click="saveTrustedIssuer(entry)"
           ><v-icon>$vuetify.icons.save</v-icon></v-btn
         >
-
         <v-btn
           v-if="!entry.isReadOnly && entry.isEdit"
           color="error"
@@ -55,7 +53,6 @@
           @click="cancelEditTrustedIssuer(index)"
           ><v-icon>$vuetify.icons.cancel</v-icon></v-btn
         >
-
         <v-btn
           icon
           v-if="!entry.isReadOnly && !entry.isEdit"
@@ -70,14 +67,14 @@
         :disabled="isEdit"
         color="secondary"
         @click="addTrustedIssuer"
-        >Add trusted issuer</v-bpa-button
+        >{{ $t("component.trustedIssuers.addTrustedIssuer") }}</v-bpa-button
       >
     </v-row>
   </v-container>
 </template>
 
 <script>
-import { EventBus } from "../main";
+import { EventBus } from "@/main";
 import VBpaButton from "@/components/BpaButton";
 export default {
   components: { VBpaButton },
@@ -116,7 +113,6 @@ export default {
       }
     },
   },
-  created() {},
   mounted() {
     this.items = Array.from(this.trustedIssuers);
   },
@@ -199,7 +195,6 @@ export default {
         trustedIssuer.isEdit = false;
       }
     },
-
     createNewTrustedIssuer(trustedIssuer) {
       this.isBusy = true;
       let data = Object.assign({}, trustedIssuer);
@@ -217,7 +212,10 @@ export default {
             this.isEdit = false;
             trustedIssuer.isEdit = false;
             this.editingTrustedIssuer = null;
-            EventBus.$emit("success", "New trusted issuer added");
+            EventBus.$emit(
+              "success",
+              this.$t("component.trustedIssuers.eventSuccessCreate")
+            );
             this.$emit("changed");
           }
         })
@@ -226,7 +224,6 @@ export default {
           EventBus.$emit("error", this.$axiosErrorMessage(e));
         });
     },
-
     updateTrustedIssuer(trustedIssuer) {
       this.isBusy = true;
       let data = Object.assign({}, trustedIssuer);
@@ -244,7 +241,10 @@ export default {
           this.editingTrustedIssuer = null;
 
           if (result.status === 200) {
-            EventBus.$emit("success", "Trusted issuer updated");
+            EventBus.$emit(
+              "success",
+              this.$t("component.trustedIssuers.eventSuccessUpdate")
+            );
             this.$emit("changed");
           }
         })
diff --git a/frontend/src/components/UpdatePartner.vue b/frontend/src/components/UpdatePartner.vue
index d766d8162..70afd48ff 100644
--- a/frontend/src/components/UpdatePartner.vue
+++ b/frontend/src/components/UpdatePartner.vue
@@ -1,39 +1,45 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
 <template>
   <v-container>
     <v-card class="mx-auto">
-      <v-card-title class="bg-light mb-4"> Update Partner </v-card-title>
+      <v-card-title class="bg-light mb-4">{{
+        $t("component.updatePartner.title")
+      }}</v-card-title>
       <v-card-text>
         <v-row>
           <v-col cols="4">
-            <p class="grey--text text--darken-2 font-weight-medium">Name</p>
+            <p class="grey--text text--darken-2 font-weight-medium">
+              {{ $t("component.updatePartner.name") }}
+            </p>
           </v-col>
           <v-col cols="8">
             <v-text-field
-              label="Name"
-              placeholder=""
+              :label="$t('component.updatePartner.labelName')"
               v-model="alias"
               outlined
               dense
+              :rules="[rules.required]"
             >
             </v-text-field>
           </v-col>
         </v-row>
         <v-row>
           <v-col cols="4">
-            <p class="grey--text text--darken-2 font-weight-medium">Tags</p>
+            <p class="grey--text text--darken-2 font-weight-medium">
+              {{ $t("component.updatePartner.tags") }}
+            </p>
           </v-col>
           <v-col cols="8">
             <v-autocomplete
               multiple
               v-model="selectedTags"
-              label="Tags"
+              :label="$t('component.updatePartner.labelTags')"
               :items="tags"
               chips
               deletable-chips
@@ -45,7 +51,6 @@
               class="grey--text text--darken-2 font-weight-medium"
               >{{ $t("view.addPartner.trustPing") }}</v-list-item-title
             >
-
             <v-list-item-action>
               <v-switch v-model="trustPing"></v-switch>
             </v-list-item-action>
@@ -54,11 +59,15 @@
       </v-card-text>
       <v-card-actions>
         <v-layout align-end justify-end>
-          <v-bpa-button color="secondary" @click="cancel()"
-            >Cancel</v-bpa-button
-          >
-          <v-btn :loading="this.isBusy" color="primary" text @click="submit()"
-            >Submit</v-btn
+          <v-bpa-button color="secondary" @click="cancel()">{{
+            $t("button.cancel")
+          }}</v-bpa-button>
+          <v-btn
+            :loading="this.isBusy"
+            color="primary"
+            text
+            @click="submit()"
+            >{{ $t("button.submit") }}</v-btn
           >
         </v-layout>
       </v-card-actions>
@@ -84,9 +93,6 @@ export default {
     return {
       isBusy: false,
       updatedTags: [],
-      rules: {
-        required: (value) => !!value || "Can't be empty",
-      },
     };
   },
   mounted() {
@@ -95,6 +101,11 @@ export default {
     this.updatedTrustPing = this.trustPing;
   },
   computed: {
+    rules() {
+      return {
+        required: (value) => !!value || this.$t("app.rules.required"),
+      };
+    },
     alias: {
       get() {
         return this.partner.alias;
@@ -128,7 +139,6 @@ export default {
         : [];
     },
   },
-  watch: {},
   methods: {
     async submit() {
       this.isBusy = true;
@@ -146,7 +156,10 @@ export default {
         .then((result) => {
           this.isBusy = false;
           if (result.status === 200) {
-            EventBus.$emit("success", "Partner updated successfully");
+            EventBus.$emit(
+              "success",
+              this.$t("component.updatePartner.eventSuccess")
+            );
             this.$emit("success");
           }
         })
diff --git a/frontend/src/components/helper/TextFieldColorPicker.vue b/frontend/src/components/helper/TextFieldColorPicker.vue
index 2860de30e..1a72f3fdf 100644
--- a/frontend/src/components/helper/TextFieldColorPicker.vue
+++ b/frontend/src/components/helper/TextFieldColorPicker.vue
@@ -1,3 +1,10 @@
+<!--
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
+ see the NOTICE file and/or the repository at
+ https://github.com/hyperledger-labs/business-partner-agent
+
+ SPDX-License-Identifier: Apache-2.0
+-->
 <template>
   <v-form ref="form" v-model="valid" lazy-validation>
     <div style="min-width: 250px">
@@ -35,9 +42,11 @@
             </v-card>
           </v-menu>
           <span justify>
-            <v-btn class="" x-small text @click="cancel()"> Cancel </v-btn>
+            <v-btn class="" x-small text @click="cancel()">{{
+              $t("button.cancel")
+            }}</v-btn>
             <v-btn class="" color="#000" x-small text @click="saveColor()">
-              Save
+              {{ $t("button.save") }}
             </v-btn>
           </span>
         </template>
@@ -68,11 +77,10 @@ export default {
       intColor: "",
       menu: false,
       hexReg: [
-        (value) => !!value || "Color should begin with #",
-
+        (value) => !!value || this.$t("app.rules.colorPrefix"),
         (value) => {
           const pattern = /^#([0-9A-F]{3}){1,2}$/i;
-          return pattern.test(value) || "Invalid color (e.g. #FF00FF)";
+          return pattern.test(value) || this.$t("app.rules.colorInvalid");
         },
       ],
     };
diff --git a/frontend/src/components/messages/BasicMessages.vue b/frontend/src/components/messages/BasicMessages.vue
index d8807e8a9..8e60a9ad8 100644
--- a/frontend/src/components/messages/BasicMessages.vue
+++ b/frontend/src/components/messages/BasicMessages.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -92,8 +92,7 @@ export default {
       const _rooms = [];
       const partners = await partnerService.listPartners();
       if (Array.isArray(partners.data)) {
-        for (let i = 0; i < partners.data.length; i++) {
-          const p = partners.data[i];
+        for (const p of partners.data) {
           // assume they have a connection id, but check to make sure this partner is ARIES
           if (p.ariesSupport && p.state !== PartnerStates.INVITATION.value) {
             const name = p.name;
@@ -111,7 +110,7 @@ export default {
                 },
                 {
                   _id: CHAT_CURRENT_USERID,
-                  username: "Me",
+                  username: this.$t("app.chat.usernameDefault"),
                 },
               ],
             };
@@ -140,8 +139,7 @@ export default {
 
         let newMessages = false;
         if (Array.isArray(_pms.data)) {
-          for (let i = 0; i < _pms.data.length; i++) {
-            const msg = _pms.data[i];
+          for (const msg of _pms.data) {
             const _seen = this.markSeen(msg.id);
             if (!_seen) {
               newMessages = true;
diff --git a/frontend/src/components/proof-templates/AttributeEdit.vue b/frontend/src/components/proof-templates/AttributeEdit.vue
index f0a6882c2..d42996443 100644
--- a/frontend/src/components/proof-templates/AttributeEdit.vue
+++ b/frontend/src/components/proof-templates/AttributeEdit.vue
@@ -1,5 +1,5 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
  https://github.com/hyperledger-labs/business-partner-agent
 
@@ -35,14 +35,14 @@
       class="elevation-1"
     >
       <!-- attribute conditions -->
-      <template v-slot:item.operator="{ item }">
+      <template v-slot:[`item.operator`]="{ item }">
         <v-select
           :items="operators"
           v-model="item.conditions[0].operator"
           dense
         />
       </template>
-      <template v-slot:item.value="{ item }">
+      <template v-slot:[`item.value`]="{ item }">
         <v-text-field
           :type="
             item.conditions[0].operator !== undefined &&
@@ -74,7 +74,7 @@ import proofTemplateService from "@/services/proofTemplateService";
 export default {
   name: "AttributeEdit",
   props: {
-    attributeGroup: {},
+    value: {},
   },
   data: () => {
     return {
@@ -89,6 +89,14 @@ export default {
     });
   },
   computed: {
+    attributeGroup: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+      },
+    },
     attributeGroupHeaders() {
       return [
         {
diff --git a/frontend/src/components/proof-templates/AttributeGroup.vue b/frontend/src/components/proof-templates/AttributeGroup.vue
index bc3beefdd..01f17ca12 100644
--- a/frontend/src/components/proof-templates/AttributeGroup.vue
+++ b/frontend/src/components/proof-templates/AttributeGroup.vue
@@ -1,21 +1,10 @@
 <!--
-  - Copyright (c) 2020-2021 - for information on the respective copyright owner
-  - see the NOTICE file and/or the repository at
-  - https://github.com/hyperledger-labs/business-partner-agent
-  -
-  - Licensed under the Apache License, Version 2.0 (the "License");
-  - you may not use this file except in compliance with the License.
-  - You may obtain a copy of the License at
-  -
-  -      http://www.apache.org/licenses/LICENSE-2.0
-  -
-  - Unless required by applicable law or agreed to in writing, software
-  - distributed under the License is distributed on an "AS IS" BASIS,
-  - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  - See the License for the specific language governing permissions and
-  - limitations under the License.
-  -->
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
+ see the NOTICE file and/or the repository at
+ https://github.com/hyperledger-labs/business-partner-agent
 
+ SPDX-License-Identifier: Apache-2.0
+-->
 <template>
   <v-container>
     <v-expansion-panels focusable>
@@ -172,7 +161,7 @@
                   </v-simple-table>
                 </td>
               </template>
-              <template v-slot:item.issuerLabel="{ item }">
+              <template v-slot:[`item.issuerLabel`]="{ item }">
                 {{ getIssuerLabel(item) }}
               </template>
             </v-data-table>
diff --git a/frontend/src/components/proof-templates/ProofTemplatesList.vue b/frontend/src/components/proof-templates/ProofTemplatesList.vue
index b97856aed..430bae128 100644
--- a/frontend/src/components/proof-templates/ProofTemplatesList.vue
+++ b/frontend/src/components/proof-templates/ProofTemplatesList.vue
@@ -1,21 +1,10 @@
 <!--
-  - Copyright (c) 2020-2021 - for information on the respective copyright owner
-  - see the NOTICE file and/or the repository at
-  - https://github.com/hyperledger-labs/business-partner-agent
-  -
-  - Licensed under the Apache License, Version 2.0 (the "License");
-  - you may not use this file except in compliance with the License.
-  - You may obtain a copy of the License at
-  -
-  -      http://www.apache.org/licenses/LICENSE-2.0
-  -
-  - Unless required by applicable law or agreed to in writing, software
-  - distributed under the License is distributed on an "AS IS" BASIS,
-  - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  - See the License for the specific language governing permissions and
-  - limitations under the License.
-  -->
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
+ see the NOTICE file and/or the repository at
+ https://github.com/hyperledger-labs/business-partner-agent
 
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!--
 This component lists all proof templates in a table allowing the user to manage existing proof templates and
 create new ones
@@ -40,7 +29,7 @@ create new ones
       single-select
       @click:row="viewProofTemplate"
     >
-      <template v-slot:item.createdAt="{ item }">
+      <template v-slot:[`item.createdAt`]="{ item }">
         {{ item.createdAt | formatDateLong }}
       </template>
     </v-data-table>
diff --git a/frontend/src/components/proof-templates/RestrictionsEdit.vue b/frontend/src/components/proof-templates/RestrictionsEdit.vue
index be05d56c2..e55dee501 100644
--- a/frontend/src/components/proof-templates/RestrictionsEdit.vue
+++ b/frontend/src/components/proof-templates/RestrictionsEdit.vue
@@ -1,5 +1,5 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
  https://github.com/hyperledger-labs/business-partner-agent
 
@@ -108,7 +108,7 @@
             </v-simple-table>
           </td>
         </template>
-        <template v-slot:item.issuerLabel="{ item }">
+        <template v-slot:[`item.issuerLabel`]="{ item }">
           {{ getIssuerLabel(item) }}
         </template>
       </v-data-table>
@@ -164,7 +164,7 @@ export default {
   name: "RestrictionsEdit",
   components: { VBpaButton },
   props: {
-    attributeGroup: {},
+    value: {},
   },
   data: () => {
     return {
@@ -175,6 +175,14 @@ export default {
     };
   },
   computed: {
+    attributeGroup: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+      },
+    },
     restrictionsHeaders() {
       return [
         {
diff --git a/frontend/src/components/taa/TransactionAuthorAgreement.vue b/frontend/src/components/taa/TransactionAuthorAgreement.vue
index b5809e2be..e45b7792d 100644
--- a/frontend/src/components/taa/TransactionAuthorAgreement.vue
+++ b/frontend/src/components/taa/TransactionAuthorAgreement.vue
@@ -1,18 +1,20 @@
+<!--
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
+ see the NOTICE file and/or the repository at
+ https://github.com/hyperledger-labs/business-partner-agent
+
+ SPDX-License-Identifier: Apache-2.0
+-->
 <template>
   <v-row justify="center">
     <v-dialog v-model="showDialog" max-width="640" persistent id="taa">
       <v-form ref="form" v-model="valid" lazy-validation>
         <v-card>
           <v-card-title class="headline">
-            Transaction Author Agreement
+            {{ $t("component.transactionAuthorAgreement.title") }}
           </v-card-title>
           <v-card-text>
-            To allow other companies to communicate with this agent, some
-            configuration has to be written to the ledger - the endpoint
-            configuration. In order to do so, the transaction author has to
-            accept the Transaction Author Agreement for this session which is
-            the following:
-            <br /><br />
+            {{ $t("component.transactionAuthorAgreement.text") }}: <br /><br />
             <hr />
             <br />
             <span v-if="isTaaLoaded()">
@@ -25,22 +27,27 @@
                   indeterminate
                   color="primary"
                 ></v-progress-circular>
-                <div>Loading</div>
+                <div>
+                  {{ $t("component.transactionAuthorAgreement.loading") }}
+                </div>
               </div>
             </span>
             <hr />
-            <small v-show="isTaaLoaded()">Version: {{ getTaaVersion() }}</small>
+            <small v-show="isTaaLoaded()"
+              >{{ $t("component.transactionAuthorAgreement.labelVersion") }}:
+              {{ getTaaVersion() }}</small
+            >
             <v-checkbox
               v-model="agree"
-              :rules="[(v) => !!v || 'You must agree to continue!']"
-              label="As transaction author I reviewed and accept the above Transaction Author Agreement for this session."
+              :rules="[(v) => !!v || $t('app.rules.agree')]"
+              :label="$t('component.transactionAuthorAgreement.labelCheckbox')"
               required
             ></v-checkbox>
           </v-card-text>
           <v-card-actions>
             <v-spacer></v-spacer>
             <v-bpa-button :disabled="!valid" color="primary" @click="register">
-              Write endpoints to ledger
+              {{ $t("button.writeToLedger") }}
             </v-bpa-button>
           </v-card-actions>
         </v-card>
diff --git a/frontend/src/components/tableHeaders/WalletHeaders.js b/frontend/src/components/tableHeaders/WalletHeaders.js
deleted file mode 100644
index 2a1073d3b..000000000
--- a/frontend/src/components/tableHeaders/WalletHeaders.js
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- Copyright (c) 2020 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
- 
- SPDX-License-Identifier: Apache-2.0
-*/
-
-export const credHeaders = [
-  {
-    text: "Label",
-    value: "label",
-  },
-  {
-    text: "Type",
-    value: "type",
-  },
-  {
-    text: "Issued by",
-    value: "issuer",
-  },
-  {
-    text: "Issued at",
-    value: "issuedAt",
-  },
-  {
-    text: "Revocation",
-    value: "revoked",
-  },
-  {
-    text: "Public",
-    value: "isPublic",
-  },
-];
-
-export const docHeaders = [
-  {
-    text: "Label",
-    value: "label",
-  },
-  {
-    text: "Type",
-    value: "type",
-  },
-  {
-    text: "Created at",
-    value: "createdDate",
-  },
-  {
-    text: "Updated at",
-    value: "updatedDate",
-  },
-  {
-    text: "Public",
-    value: "isPublic",
-  },
-];
diff --git a/frontend/src/constants.js b/frontend/src/constants.js
index 010d719c6..dab1990a8 100644
--- a/frontend/src/constants.js
+++ b/frontend/src/constants.js
@@ -1,11 +1,10 @@
 /*
- Copyright (c) 2020 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
-
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 import i18n from "@/plugins/i18n";
 
 export const CHAT_CURRENT_USERID = "__self__";
diff --git a/frontend/src/filters/index.js b/frontend/src/filters/index.js
index f986bc191..0a2ac4b2e 100644
--- a/frontend/src/filters/index.js
+++ b/frontend/src/filters/index.js
@@ -1,3 +1,10 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 import Vue from "vue";
 import moment from "moment";
 
diff --git a/frontend/src/locales/bcgov.json b/frontend/src/locales/bcgov.json
index a415a5641..a73fdf30d 100644
--- a/frontend/src/locales/bcgov.json
+++ b/frontend/src/locales/bcgov.json
@@ -1,4 +1,9 @@
 {
+  "meta": {
+    "label": "BC Gov",
+    "langNameEnglish": "English",
+    "langNameNative": "English"
+  },
   "nav": {
     "identity": "Identity",
     "dashboard": "Dashboard",
@@ -6,14 +11,6 @@
     "about": "About",
     "signout": "Sign out"
   },
-  "dashboard": {
-    "credentialsSent": "Credentials Your Organization Issued",
-    "credentialsReceived": "Credentials Issued to Your Organization",
-    "presentationRequestsSent": "Proof Requests Sent",
-    "presentationRequestsReceived": "Proof Requests Received",
-    "partners": "Secure Connections",
-    "tasks": "Pending Actions"
-  },
   "view": {
     "notifications": {
       "title": "Notifications",
@@ -24,6 +21,14 @@
         "title": "Pending Actions"
       }
     },
+    "dashboard": {
+      "credentialsSent": "Credentials Your Organization Issued",
+      "credentialsReceived": "Credentials Issued to Your Organization",
+      "presentationRequestsSent": "Proof Requests Sent",
+      "presentationRequestsReceived": "Proof Requests Received",
+      "partners": "Secure Connections",
+      "tasks": "Pending Actions"
+    },
     "profile": {
       "title": "Your Organization",
       "subtitle": "This is the public information of your organization."
@@ -58,7 +63,9 @@
       },
       "credentialExchanges": {
         "title": "Credential Exchanges With This Organization",
-        "button": "Issue Credential"
+        "button": {
+          "issueCredential": "Issue Credential"
+        }
       }
     },
     "addPartner": {
@@ -75,59 +82,59 @@
       "invitationURL": "Send the QR code or the equivalent URL below as the connection invitiation",
       "useOOB": "Out of Band (advanced users only)"
     },
-  "sendPresentation": {
-    "title": "Send Proof",
-    "selectCredential": "Select a credential to send"
-  },
-  "presentationRequestDetails": {
-    "header": "Proof Request Details"
-  },
-  "issueCredentials": {
-    "title": "Credential Issuance",
-    "cards": {
-      "action": {
-        "partnerLabel": "Select a connection to issue credential to",
-        "credDefLabel": "Select a template to issue credential with"
-      },
-      "table": {
-        "title": "Credentials Your Organization Issued"
+    "sendPresentation": {
+      "title": "Send Proof",
+      "selectCredential": "Select a credential to send"
+    },
+    "presentationRequestDetails": {
+      "header": "Proof Request Details"
+    },
+    "issueCredentials": {
+      "title": "Credential Issuance",
+      "cards": {
+        "action": {
+          "partnerLabel": "Select a connection to issue credential to",
+          "credDefLabel": "Select a template to issue credential with"
+        },
+        "table": {
+          "title": "Credentials Your Organization Issued"
+        }
       }
+    },
+    "settings": {
+      "walletDID": "Your Organization's Decentalized Identifier (DID)",
+      "schemaManagement": "Schema, Credentials Definition, and Trusted Issuer Configuration"
     }
   },
-  "settings": {
-    "walletDID": "Your Organization's Decentalized Identifier (DID)",
-    "schemaManagement": "Schema, Credentials Definition, and Trusted Issuer Configuration"
-  }
-},
-"component": {
-  "organizationProfile": {
-    "companyInfo": {
-      "sectionTitle": "Administrative Information",
-      "companyName": "Organization Legal Name",
-      "companyAltName": "Organization Alternate Name"
+  "component": {
+    "organizationProfile": {
+      "companyInfo": {
+        "sectionTitle": "Administrative Information",
+        "companyName": "Organization Legal Name",
+        "companyAltName": "Organization Alternate Name"
+      },
+      "addressInfo": {
+        "sectionTitle": "Address"
+      }
+    },
+    "issueCredential": {
+      "attributesTitle":"Credential Details"
     },
-    "addressInfo": {
-      "sectionTitle": "Address"
+    "profile":{
+      "noProfileMsg": "This organization does not share anything"
     }
   },
-  "issueCredential": {
-    "attributesTitle":"Credential Details"
-  },
-  "profile":{
-    "noProfileMsg": "This organization does not share anything"
-  }
-},
-"constants": {
-  "activityTypes": {
-    "presentationExchange": "Proof Request"
-  },
-  "activityStates": {
-    "presentationExchange": {
-      "accepted": "Proof accepted",
-      "declined": "Request for proof has been declined",
-      "received": "A Proof has been requested",
-      "sent": "Request for Proof sent"
+  "constants": {
+    "activityTypes": {
+      "presentationExchange": "Proof Request"
+    },
+    "activityStates": {
+      "presentationExchange": {
+        "accepted": "Proof accepted",
+        "declined": "Request for proof has been declined",
+        "received": "A Proof has been requested",
+        "sent": "Request for Proof sent"
+      }
     }
   }
-}
 }
\ No newline at end of file
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
new file mode 100644
index 000000000..dd98a8ec4
--- /dev/null
+++ b/frontend/src/locales/de.json
@@ -0,0 +1,705 @@
+{
+  "meta": {
+    "langNameEnglish": "German",
+    "langNameNative": "Deutsch"
+  },
+  "app": {
+    "bpaDefaultName": "Business Partner Agent",
+    "snackBar": {
+      "close": "Schließen"
+    },
+    "chat": {
+      "usernameDefault": "Ich"
+    },
+    "search": "Suche",
+    "rules": {
+      "required": "Erforderlich",
+      "onlyInteger": "Wert ist keine ganze Zahl",
+      "valueMin": "Der Wert muss höher sein als",
+      "valueMax":  "Der Wert darf nicht höher sein als",
+      "colorPrefix": "Farbwert sollte mit # beginnen",
+      "colorInvalid": "Ungültige Farbe (e.g. #FF00FF)",
+      "agree": "Sie müssen zustimmen um fortzufahren",
+      "validVersion": "Muss der allgemeinen Versionsnummerierung entsprechen (e.g. 1.2 oder 1.2.3)",
+      "validSchema": "Muss alphanumerisch sein mit optionalem '_' oder '-'.",
+      "validAttributeName": "Darf nur aus Kleinbuchstaben bestehen mit optionalem '_'."
+    },
+    "sessionDialog": {
+      "headline": "Sitzung abgelaufen",
+      "text": "Ihre Sitzung ist abgelaufen. Möchten Sie sich erneut anmelden?",
+      "yes": "Ja",
+      "no": "Nein"
+    },
+    "footer": {
+      "imprintUrl": {
+        "text": "Unternehmensdaten"
+      },
+      "privacyPolicyUrl": {
+        "text": "Datenschutzrichtlinie"
+      }
+    }
+  },
+  "nav": {
+    "identity": "Identität",
+    "dashboard": "Übersicht",
+    "wallet": "Wallet",
+    "settings": "Einstellungen",
+    "about": "Über",
+    "signout": "Abmelden",
+    "requestPresentation": "Präsentationsanfrage"
+  },
+  "button": {
+    "accept": "Akzeptieren",
+    "save": "Speichern",
+    "saveAndSend": "Speichern und senden",
+    "saveAndClose": "Speichern und schließen",
+    "submit": "Abschicken",
+    "create": "Erstellen",
+    "createAndSend": "Erstellen und schicken",
+    "cancel": "Abbrechen",
+    "decline": "Ablehnen",
+    "yes": "Ja",
+    "no": "Nein",
+    "close": "Schließen",
+    "return": "Zurück",
+    "sendCounterOffer": "Gegenvorschlag senden",
+    "refresh": "Aktualisieren",
+    "revoke": "Widerrufen",
+    "reissue": "Neu ausstellen",
+    "useV2": "V2 verwenden",
+    "writeToLedger": "Endpunkte auf Register schreiben"
+  },
+  "view": {
+    "notifications": {
+      "title": "Mitteilungen",
+      "activities": {
+        "title": "Aktivitätsprotokoll"
+      },
+      "tasks": {
+        "title": "Aufgaben"
+      }
+    },
+    "identity": {
+      "title": "Identität",
+      "titleInfo": "Informationen zur Identität"
+    },
+    "about": {
+      "title": "Über",
+      "textLicense": "Der Business Partner Agent ist ein Hyperledger Labs Open Source Projekt, lizenziert unter Apache 2.0.",
+      "textRepo": "Wenn Sie ein Problem finden, können Sie es unter folgender Adresse melden:",
+      "titleImages": "Grafiken",
+      "titlePackages": "Bibliotheken und Abhängigkeiten",
+      "illustrationsBy": "Illustrationen werden zur Verfügung gestellt von",
+      "logoBy": "Das Standardlogo wird bereitgestellt von",
+      "labelVersion": "Version",
+      "labelLicense": "Lizenz",
+      "labelLicenseText": "Lizenztext"
+    },
+    "credential": {
+      "title": "Details Berechtigungsnachweis",
+      "eventSuccessUpdate": "Berechtigungsnachweis aktualisiert",
+      "eventSuccessDelete": "Berechtigungsnachweis gelöscht"
+    },
+    "schema": {
+      "title": "Schema",
+      "id": "Schema ID",
+      "attributes": "Schema-Attribute",
+      "eventSuccessDelete": "Schema gelöscht"
+    },
+    "document": {
+      "verification": "Verifizierung",
+      "verificationSubtitle": "Verifizierung anfordern",
+      "modified": "Dokument wurde geändert, bitte vor der Verifizierung speichern",
+      "titleExisting": "Dokument bearbeiten",
+      "titleEdit": "Bearbeiten",
+      "titleNew": "Neues Dokument anlegen",
+      "eventSuccessSaveEdit": "Änderungen wurden gespeichert",
+      "eventSuccessSaveNew": "Neues Dokument wurde gespeichert",
+      "eventSuccessDelete": "Dokument wurde gelöscht"
+    },
+    "dashboard": {
+      "title": "Übersicht",
+      "setupMessage": "Hallo, wir haben bereits eine Identität für Sie eingerichtet!",
+      "setupProfile": "Ihr Profil einrichten",
+      "credentialsSent": "Ausgestellte Berechtigungsnachweise",
+      "credentialsReceived": "Wallet Berechtigungsnachweise",
+      "presentationRequestsSent": "Präsentationsanfrage gesendet",
+      "presentationRequestsReceived": "Präsentationsanfrage erhalten",
+      "partners": "Geschäftspartner",
+      "tasks": "Ausstehende Aufgaben"
+    },
+    "contactPerson": {
+      "title": "Kontaktperson",
+      "labelSelect": "Kontaktperson",
+      "labelSalutation": "Anrede",
+      "labelAcademicTitle": "Akademischer Titel",
+      "labelFirstName": "Vorname",
+      "labelLastName": "Nachname",
+      "labelMail": "E-Mail",
+      "labelPhone": "Telefon",
+      "labelMobile": "Mobiltelefon",
+      "labelCountry": "Land",
+      "contactPersonTypes": {
+        "ceo": "CEO",
+        "directorLogistics": "Direktor Logistik",
+        "directorQuality": "Direktor Qualität",
+        "complianceResponsible": "Compliance Verantwortlicher",
+        "productSafetyExpert": "Experte für Produktsicherheit",
+        "directorFinance": "Direktor Finanzen",
+        "hseResponsible": "Arbeitsschutz Verantwortlicher"
+      },
+      "salutationTypes": {
+        "mr": "Herr",
+        "mrs": "Frau"
+      },
+      "academicTitleTypes": {
+        "dr": "Dr.",
+        "profDr": "Prof. Dr."
+      }
+    },
+    "profile": {
+      "title": "Öffentliches Profil",
+      "subtitle": "Sie können die Sichtbarkeit von Dokumenten und verifizierten Berechtigungsnachweisen unter <strong>Wallet</strong> ändern, um Ihr öffentliches Profil zu aktualisieren.",
+      "noProfileTitle": "Sie haben noch kein öffentliches Profil eingerichtet",
+      "buttonNoProfile": "Profil erstellen"
+    },
+    "comingSoon": {
+      "title": "Demnächst verfügbar",
+      "text": "Diese Funktion wird in Kürze verfügbar sein."
+    },
+    "wallet": {
+      "title": "Wallet",
+      "credentials": {
+        "title": "Verifizierbare Berechtigungsnachweise",
+        "headers": {
+          "label": "Label",
+          "type": "Typ",
+          "issuer": "Ausgestellt von",
+          "issuedAt": "Ausgestellt am",
+          "revoked": "Widerruf",
+          "isPublic": "Öffentlich"
+        }
+      },
+      "documents": {
+        "title": "Dokumente",
+        "headers": {
+          "label" : "Label",
+          "type" : "Typ",
+          "createdDate" : "Erstellt am",
+          "updatedDate" : "Aktualisiert am",
+          "isPublic" : "Öffentlich"
+        }
+      },
+      "visibility": {
+        "title": "Öffentliches Profil",
+        "subtitle": "Sichtbar im öffentlichen Profil"
+      }
+    },
+    "addSchema": {
+      "title": "Schema hinzufügen",
+      "schemaName": "Schema Name",
+      "schemaId": "Schema ID",
+      "placeholderName": "Name",
+      "placeholderSchemaId": "Schema ID",
+      "eventSuccessSchemaAdd": "Schema erfolgreich hinzugefügt",
+      "eventErrorSchemaExists": "Schema existiert bereits"
+    },
+    "schemaSettings": {
+      "title": "Schema Einstellungen",
+      "buttonCreateSchema": "Schema erstellen",
+      "buttonImportSchema": "Schema importieren"
+    },
+    "tagManagement": {
+      "title": "Tag Verwaltung",
+      "availableTags": "Verfügbare Tags",
+      "addNewTag": "Neues Tag erstellen",
+      "addTag": "Tag hinzufügen",
+      "deleteTag": "Tag entfernen",
+      "labelName": "Name",
+      "confirmMessageDeleteTag": "Wollen Sie dieses Tag wirklich bei allen Geschäftspartnern entfernen?",
+      "eventSuccessTagAdded": "Tag erfolgreich hinzugefügt",
+      "eventSuccessTagRemoved": "Tag erfolgreich entfernt"
+    },
+    "proofTemplates":{
+      "title": "Nachweisvorlagen",
+      "tableTitle": "Nachweisvorlagen"
+    },
+    "partners": {
+      "title": "Geschäftspartner",
+      "showInvitations": "Einladungen anzeigen"
+    },
+    "partner": {
+      "title": "Partner",
+      "refreshProfile": "Profil aktualisieren",
+      "requestReceived": "Verbindungsanfrage erhalten",
+      "requestReceivedSubtitle": "{alias} möchte eine Verbindung zu Ihnen herstellen.",
+      "removePartner": "Partner entfernen",
+      "acceptPartner": "Akzeptieren",
+      "requestSent": "Verbindungsanfrage gesendet",
+      "requestSentSubtitle": "Warten auf Antwort...",
+      "eventSuccessPartnerDelete": "Partner entfernt",
+      "eventSuccessConnectionAccepted": "Verbindungsanfrage akzeptiert",
+      "presentationExchanges": {
+        "title": "Austausch von Präsentationen",
+        "button": {
+          "send": "Präsentation senden",
+          "request": "Präsentation anfordern"
+        }
+      },
+      "credentialExchanges": {
+        "title": "Austausch von Berechtigungsnachweisen",
+        "button": {
+          "issueCredential": "Berechtigungsnachweis ausstellen",
+          "requestCredential": "Berechtigungsnachweis anfordern"
+        }
+      },
+      "stateDialog": {
+        "title": "Verbindungsstatus {state}",
+        "text": "Die Verbindung mit Ihrem Geschäftspartner ist als {state} gekennzeichnet. Dies könnte bedeuten, dass Ihre Anfrage fehlschlägt. Möchten Sie es trotzdem versuchen?",
+        "yes": "Ja",
+        "no": "Nein"
+      }
+    },
+    "sendPresentation": {
+      "title": "Präsentation senden",
+      "selectCredential": "Wählen Sie einen Berechtigungsnachweis zum Senden",
+      "eventSuccessSend": "Präsentation gesendet",
+      "label": "Label",
+      "type": "Typ",
+      "issuedBy": "Ausgestellt von",
+      "issuedAt": "Ausgestellt am"
+    },
+    "presentationRequestDetails": {
+      "header": "Details Präsentationsanforderung"
+    },
+    "addPartner": {
+      "title": "Neuen Geschäftspartner hinzufügen",
+      "radioDid": "Mit DID",
+      "radioInvitation": "Mit Einladung",
+      "labelName": "Name",
+      "placeholderUrl": "URL (Einladung) von Agenten, mit dem Sie eine Verbindung herstellen möchten",
+      "setName": "Einen Namen festlegen",
+      "setTags": "Tags setzen",
+      "trustPing": "Auto Ping",
+      "lookupPartnerBtnLabel": "Partner suchen",
+      "formDIDLabel": "Decentralized Identifier (DID)",
+      "formInvitationLabel": "Einladung",
+      "addPartnerBtnLabel": "Partner hinzufügen",
+      "buttonCheckInvitation": "Einladung prüfen",
+      "buttonAcceptInvitation": "Einladung akzeptieren",
+      "messageLookupNoPublic": "Partner hat kein öffentliches Profil. Sie können ihn hinzufügen, um mehr Informationen mittels Aries-Protokollen zu erhalten",
+      "messageLookupNoPublicNoAries": "Der Partner hat kein öffentliches Profil und keine Aries Unterstützung",
+      "messageDidNoResolve": "Konnte nicht aufgelöst werden",
+      "eventSuccessAdd": "Partner erfolgreich hinzugefügt",
+      "eventErrorAlreadyExists": "Partner existiert bereits"
+    },
+    "addPartnerbyURL": {
+      "title": "Neuen Geschäftspartner einladen",
+      "labelName": "Name",
+      "createInvitation": "Einladung generieren (QR Code)",
+      "invitationURL": "Einladung URL",
+      "useOOB": "Out of Band verwenden",
+      "eventSuccessCreatePartnerInvite": "Einladung erfolgreich erstellt"
+    },
+    "proofTemplate": {
+      "title": "Nachweisvorlagen",
+      "tableTitle": "Nachweisvorlagen",
+      "createProofTemplate": "Nachweisvorlage erstellen",
+      "restrictions": {
+        "title": "Einschränkungen",
+        "errorNoTrustedIssuer": "Es ist keine DID vertrauenswürdiger Aussteller ausgewählt",
+        "schemaId": "Schema ID",
+        "schemaName": "Schema Name",
+        "schemaVersion": "Schema Version",
+        "schemaIssuerDid": "Schema Aussteller DID",
+        "trustedIssuerDid": "Vertrauenswürdiger Aussteller DID",
+        "credentialDefinitionId": "Berechtigungsnachweis Definition ID",
+        "header": {
+          "trustedIssuerLabel": "Vertrauenswürdiger Aussteller",
+          "trustedIssuerDid": "DID"
+        },
+        "dialog": {
+          "addTrustedIssuer": "Vertrauenswürdigen Aussteller hinzufügen",
+          "label": "DID",
+          "hint": "Die dezentrale ID eines vertrauenswürdigen Ausstellers"
+        }
+      },
+      "attributes": {
+        "title": "Datenfelder",
+        "errorNoAttributes": "Es muss mindestens ein ausgewähltes Datenfeld vorhanden sein",
+        "header": {
+          "name": "Name",
+          "operator": "Operator",
+          "value": "Wert"
+        }
+      },
+      "view": {
+        "name": "Name",
+        "createdAt": "Erstellt am",
+        "attributeGroupsTitle": "Anzufordernde Daten",
+        "attributeGroupsSubtitle": "Gruppiert nach Schema",
+        "createProofRequest": "Nachweisanforderung erstellen",
+        "eventSuccessDelete": "Nachweisvorlage entfernt",
+        "attributeGroup": {
+          "issuerTitle": "Aussteller",
+          "titleAttributes": "Datenfelder",
+          "titleRestrictions": "Einschränkungen"
+        }
+      },
+      "list": {
+        "name": "Name",
+        "createdAt": "Erstellt am"
+      },
+      "create": {
+        "title": "Nachweisvorlage erstellen",
+        "labelName": "Name",
+        "requestedDataTitle": "Anzufordernde Daten",
+        "requestedDataSubtitle": "Anzufordernde Daten nach Schema auswählen",
+        "snackbarContent": "Attribut-Gruppe wurde entfernt",
+        "success": "Nachweisvorlage erstellt"
+      }
+    },
+    "requestPresentation": {
+      "title": "Eine Anfrage für eine Präsentation erstellen",
+      "sendRequest": "Anfrage senden",
+      "eventSuccessSend": "Präsentationsanfrage gesendet"
+    },
+    "requestCredential": {
+      "title": "Eine Anfrage für einen Berechtigungsnachweis erstellen",
+      "createDocument": "Erstelle Dokument",
+      "sendRequest": "Anfrage senden",
+      "eventSuccessSend": "Anfrage zur Verifizierung des Berechtigungsnachweises gesendet",
+      "headers": {
+        "label": "Label",
+        "type": "Typ",
+        "createdDate": "Erstellt am",
+        "updatedDate": "Aktualisiert am",
+        "isPublic": "Öffentlich"
+      },
+      "createDocumentView": {
+        "selectSchemaLabel": "Schema als Basis für Dokument auswählen"
+      }
+    },
+    "requestVerification": {
+      "title": "Verifizierung anfordern",
+      "titleSelect": "Geschäftspartner auswählen",
+      "subtitleSelect": "Wählen Sie den Geschäftspartner aus, von dem Sie eine Verifizierung anfordern möchten",
+      "connectionState": "Verbindungsstatus {state}",
+      "connectionWarning": "Die Verbindung mit Ihrem Geschäftspartner ist als {state} gekennzeichnet. Dies könnte bedeuten, dass Ihre Anfrage fehlschlägt. Möchten Sie es trotzdem versuchen?",
+      "eventSuccessNoVerification": "Verifizierung kann nicht gestartet werden",
+      "eventSuccessSend": "Anfrage zur Verifizierung des Berechtigungsnachweises gesendet",
+      "eventErrorSelect": "Kein Partner für Anfrage für Verifizierung ausgewählt"
+    },
+    "presentationRecord": {
+      "role": "Rolle",
+      "state": "Zustand",
+      "requestName": "Name der Anfrage",
+      "requestContent": "Inhalt der Anfrage",
+      "issuer": "Aussteller",
+      "about": "Über",
+      "dataFields": "Datenfelder",
+      "restrictions": "Einschränkungen",
+      "presentationValid": "Präsentation ist gültig",
+      "presentationNotValid": "Präsentation ist nicht gültig",
+      "matchingCredentials": {
+        "selectHeader": "Daten für die Präsentation auswählen",
+        "label": "Passende Berechtigungsnachweise",
+        "credentialRevoked": " - Berechtigungsnachweis wurde widerrufen",
+        "noInfoFound": "Keine Informationen gefunden"
+      }
+    },
+    "issueCredentials": {
+      "title": "Nachweise ausstellen",
+      "cards": {
+        "action": {
+          "title": "Berechtigungsnachweis ausstellen",
+          "button": "Berechtigungsnachweis ausstellen",
+          "partnerLabel": "Partner auswählen",
+          "credDefLabel": "Berechtigungsnachweis-Definition auswählen"
+        },
+        "table": {
+          "title": "Ausgestellte Berechtigungsnachweise"
+        }
+      }
+    },
+    "settings": {
+      "title": "Einstellungen",
+      "language": "Sprache",
+      "walletDID": "Wallet DID",
+      "schemaManagement": "Schemata und vertrauenswürdige Aussteller",
+      "tags": "Tags",
+      "frontendColor": "UI Farbe",
+      "iconsColor": "Icon-Farbe",
+      "expertMode": "Expertenmodus",
+      "header": {
+        "agentName": "BPA Name",
+        "host": "Host",
+        "uniResolverUrl": "Universal Resolver",
+        "ledgerBrowser": "Ledger Browser",
+        "ledgerPrefix": "Ledger DID Prefix",
+        "uptime": "Betriebszeit HH:mm:ss.SSS",
+        "buildVersion": "Version"
+      },
+      "eventSuccessCopy": "DID kopiert",
+      "eventErrorCopy": "DID kann nicht kopiert werden"
+    }
+  },
+  "component": {
+    "partnerStateIndicator": {
+      "connectionState": "Aries-Verbindungsstatus"
+    },
+    "timeline": {
+      "title": "Zeitleiste"
+    },
+    "transactionAuthorAgreement": {
+      "title": "Transaktionsautorenvereinbarung",
+      "text": "Damit andere Unternehmen mit diesem Agenten kommunizieren können, muss eine Konfiguration in das Register geschrieben werden - die Endpunktkonfiguration. Um dies zu tun, muss der Autor der Transaktion die folgende Vereinbarung für diese Sitzung akzeptieren",
+      "loading": "Laden",
+      "labelVersion": "Version",
+      "labelCheckbox": "Als Transaktionsautor habe ich die obige Transaktionsautorenvereinbarung für diese Sitzung gelesen und akzeptiere sie"
+    },
+    "trustedIssuers": {
+      "labelDid": "DID",
+      "labelName": "Name",
+      "addTrustedIssuer": "Vertrauenswürdigen Aussteller hinzufügen",
+      "eventSuccessCreate": "Neuer vertrauenswürdiger Aussteller hinzugefügt",
+      "eventSuccessUpdate": "Vertrauenswürdiger Aussteller aktualisiert"
+    },
+    "newMessageIcon": {
+      "activity": "Neue Aktivität",
+      "credential": "Neue Aktivität auf dem Berechtigungsnachweis",
+      "partner": "Neue Aktivität in Bezug auf diesen Partner",
+      "presentation": "Neue Aktivität auf der Präsentation",
+      "task": "Neue Aufgabe",
+      "default": "Neue Aktivität"
+    },
+    "updatePartner": {
+      "title": "Partner aktualisieren",
+      "name": "Name",
+      "tags": "Tags",
+      "labelName": "Name",
+      "labelTags": "Tags",
+      "eventSuccess": "Partner erfolgreich aktualisiert"
+    },
+    "addSchema": {
+      "title": "Schema importieren",
+      "schemaName": "Schema Name",
+      "schemaId": "Schema ID",
+      "placeholderName": "Name",
+      "placeholderId": "Schema ID",
+      "eventSuccess": "Schema erfolgreich hinzugefügt"
+    },
+    "schemaList": {
+      "label": "Name",
+      "canIssue": "Ausstellbar",
+      "isMine": "Besitzer",
+      "trustedIssuer": "Vertrauenswürdige Aussteller"
+    },
+    "manageSchema": {
+      "labelSchemaId": "Schema ID",
+      "labelCheckbox": "Mein Schema",
+      "eventSuccessCopy": "Schema ID kopiert",
+      "eventErrorCopy": "Schema ID kann nicht kopiert werden",
+      "eventSuccessDelete": "Schema entfernt",
+      "tabs": {
+        "schemaAttributes": "Schema Attribute",
+        "credentialDefinitions": "Nachweisdefinitionen",
+        "trustedIssuers": "Vertrauenswürdige Aussteller"
+      }
+    },
+    "credential": {
+      "label": "Label (Optional)",
+      "issuerTitle": "Aussteller",
+      "issuerLabel": "Aussteller Decentralized Identifier (DID)",
+      "issuedAt": "Ausgestellt am"
+    },
+    "credentialCard": {
+      "details": "Details"
+    },
+    "credentialDefinitions": {
+      "label": "Tag",
+      "labelCheckbox": "Widerrufbar",
+      "buttonAddCredDef": "Nachweisdefinition hinzufügen",
+      "eventSuccess": "Neue Berechtigungsnachweisdefinition hinzugefügt"
+    },
+    "createSchema": {
+      "title": "Schema erstellen",
+      "schemaInformation": "Schema Information",
+      "labelSchema": "Schema Label",
+      "labelName": "Schema Name",
+      "labelVersion": "Schema Version",
+      "placeholderSchema": "Label für dieses Schema",
+      "placeholderName": "Name des veröffentlichten Schemas (e.g. my-schema)",
+      "placeholderVersion": "Version des veröffentlichten Schemas (e.g. 1.2 oder 1.2.3)",
+      "schemaAttributes": "Schema Attribute",
+      "placeholderAttribute": "E.g. unternehmen, name oder unternehmen_name",
+      "eventSuccess": "Schema erfolgreich erstellt",
+      "headersColumn": {
+        "name": "Name",
+        "isDefault": "Default",
+        "action": "Aktion"
+      }
+    },
+    "activityList": {
+      "labelFilterCombobox": "Filtern nach",
+      "tableHeaders": {
+        "type":  "Typ",
+        "partner": "Verbindung",
+        "updatedAt": "Aktualisiert am",
+        "role": "Rolle",
+        "state": "Zustand"
+      },
+      "labelPartnerUnknown": "Unbekannt"
+    },
+    "organizationProfile": {
+      "companyInfo": {
+        "type": "Organisations-Typ",
+        "identifier": "Kennung",
+        "sectionTitle": "Informationen zum Unternehmen",
+        "companyName": "Rechtlicher Name der Firma",
+        "companyAltName": "Unternehmen Alternativer Name"
+      },
+      "addressInfo": {
+        "sectionTitle": "Informationen zur Anschrift",
+        "street": "Straße (mit Hausnummer)",
+        "postalCode": "Postleitzahl",
+        "city": "Stadt",
+        "country": "Land",
+        "region": "Region"
+      }
+    },
+    "issueCredential": {
+      "title": "Berechtigungsnachweis ausstellen",
+      "partnerLabel": "Geschäftspartner",
+      "credDefLabel": "Berechtigungsnachweis Definition",
+      "successMessage": "Berechtigungsnachweis ausgestellt",
+      "attributesTitle": "Berechtigungsnachweis Inhalt",
+      "options": {
+        "title": "Optionen"
+      },
+      "expertLoad": {
+        "title": "Berechtigungsnachweisdaten laden",
+        "dataPlaceholder": "Nachweisdaten eingeben, einfügen oder hochladen...",
+        "filePlaceholder": "Datei hochladen",
+        "buttons": {
+          "load": "Laden",
+          "clear": "Löschen"
+        },
+        "errorMessages": {
+          "format": {
+            "json": "Stellen Sie sicher, dass die Daten im JSON-Format vorliegen.",
+            "csv": "Stellen Sie sicher, dass die Daten im CSV-Format (Comma Separated Value) vorliegen."
+          },
+          "attributes": "Es konnten keine passenden Berechtigungsnachweis-Attribute gefunden werden.",
+          "parse": "Daten konnten nicht geparst werden.",
+          "readFile": "Fehler beim Lesen der Datei"
+        }
+      }
+    },
+    "partnerList": {
+      "headers": {
+        "name": "Name",
+        "address": "Adresse",
+        "updatedAt": "Aktualisiert am",
+        "state": "Zustand"
+      }
+    },
+    "credExList": {
+      "headers": {
+        "displayText": "Typ",
+        "partnerName": "Ausgestellt an",
+        "role": "Rolle",
+        "updatedAt": "Aktualisiert am",
+        "state": "Zustand",
+        "revocable": "Widerruf"
+      },
+      "table": {
+        "iconCredIssued": "Berechtigungsnachweis ausgestellt",
+        "iconCredRevoked": "Berechtigungsnachweis widerrufen",
+        "iconRevokeCred": "Berechtigungsnachweis widerrufen",
+        "revoked": "Widerrufen",
+        "holderNotRevoked": "Berechtigungsnachweis gültig und nicht widerrufen",
+        "holderNotRevocable": "Berechtigungsnachweis gültig und nicht widerrufbar"
+      },
+      "dialog": {
+        "title": "Berechtigungsnachweis",
+        "timeline": "Zeitleiste",
+        "partnerLabel": "Geschäftspartner",
+        "credDefLabel": "Berechtigungsnachweis Definition",
+        "attributesTitle": "Berechtigungsnachweis Inhalt",
+        "declineReasonLabel": "Grund der Ablehnung (Optional)"
+      }
+    },
+    "presentationExList": {
+      "dialog": {
+        "title": "Austausch von Präsentationen",
+        "alertFulfill": "Anfrage kann nicht mit Berechtigungsnachweisen aus der Wallet erfüllt werden",
+        "declineReasonLabel": "Grund der Ablehnung (Optional)"
+      },
+      "table": {
+        "label": "Name",
+        "role": "Rolle",
+        "updatedAt": "Aktualisiert am",
+        "state": "Zustand"
+      },
+      "eventSuccessApprove": "Der Nachweis wurde gesendet",
+      "eventSuccessDecline": "Präsentationsanfrage wurde abgelehnt",
+      "eventSuccessDelete": "Präsentation wurde entfernt"
+    },
+    "profile": {
+      "organizationalProfile": {
+        "title": "Organisationsprofil",
+        "edit": "Bearbeiten"
+      },
+      "credential": {
+        "verifiedByLabel": "verifiziert durch"
+      },
+      "noProfileMsg": "Partner hat kein gemeinsames öffentliches Profil"
+    }
+  },
+  "constants": {
+    "activityTypes": {
+      "connectionRequest": "Verbindungsanfrage",
+      "credentialExchange": "Austausch von Berechtigungsnachweisen",
+      "presentationExchange": "Präsentation von Nachweisen"
+    },
+    "activityStates": {
+      "connectionRequest": {
+        "accepted": "Verbindungsanfrage akzeptiert",
+        "received": "Verbindungsanfrage erhalten",
+        "sent": "Verbindungsanfrage gesendet"
+      },
+      "credentialExchange": {
+        "accepted": "Nachweisvorschlag akzeptiert",
+        "declined": "Nachweisvorschlag wurde abgelehnt",
+        "problem": "Problem mit Nachweisvorschlag",
+        "received": "Nachweisvorschlag erhalten",
+        "sent": "Nachweisvorschlag wurde gesendet"
+      },
+      "presentationExchange": {
+        "accepted": "Präsentation akzeptiert",
+        "declined": "Präsentation abgelehnt",
+        "received": "Präsentation angefordert",
+        "sent": "Anfrage für Präsentation gesendet"
+      }
+    },
+    "activityRoles": {
+      "connectionRequest": {
+        "sender": "Absender",
+        "recipient": "Empfänger"
+      },
+      "credentialExchange": {
+        "holder": "Inhaber",
+        "issuer": "Aussteller"
+      },
+      "presentationExchange": {
+        "prover": "Beweiser",
+        "verifier": "Prüfer"
+      }
+    }
+  },
+  "showRawData": "Rohdaten anzeigen",
+  "error": {
+    "axios": "Anfrage mit Status {statusText} fehlgeschlagen"
+  }
+}
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 1dddec545..27bcc7766 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -1,14 +1,28 @@
 {
+  "meta": {
+    "langNameEnglish": "English",
+    "langNameNative": "English"
+  },
   "app": {
+    "bpaDefaultName": "Business Partner Agent",
     "snackBar": {
       "close": "Close"
     },
+    "chat": {
+      "usernameDefault": "Me"
+    },
     "search": "Search",
     "rules": {
       "required": "Required",
       "onlyInteger": "Value is not an integer",
       "valueMin": "Value must be above",
-      "valueMax":  "Value must not be above"
+      "valueMax":  "Value must not be above",
+      "colorPrefix": "Color should begin with #",
+      "colorInvalid": "Invalid color (e.g. #FF00FF)",
+      "agree": "You must agree to continue",
+      "validVersion": "Must be follow common version numbering (ex. 1.2 or 1.2.3)",
+      "validSchema": "Must be alphanumeric with optional '_' or '-'.",
+      "validAttributeName": "Must be lowercase alpha with optional '_'."
     },
     "sessionDialog": {
       "headline": "Session expired",
@@ -34,18 +48,11 @@
     "signout": "Sign out",
     "requestPresentation": "Request Presentation"
   },
-  "dashboard": {
-    "credentialsSent": "Credentials Issued",
-    "credentialsReceived": "Credentials in Wallet",
-    "presentationRequestsSent": "Presentation Requests Sent",
-    "presentationRequestsReceived": "Presentation Requests Received",
-    "partners": "Business Partners",
-    "tasks": "Pending Tasks"
-  },
   "button": {
     "accept": "Accept",
     "save": "Save",
     "saveAndSend": "Save and Send",
+    "saveAndClose": "Save and Close",
     "submit": "Submit",
     "create": "Create",
     "createAndSend": "Create and Send",
@@ -54,10 +61,13 @@
     "yes": "Yes",
     "no": "No",
     "close": "Close",
+    "return": "Return",
     "sendCounterOffer": "Send Counter Offer",
+    "refresh": "Refresh",
     "revoke": "Revoke",
     "reissue": "ReIssue",
-    "useV2": "Use V2"
+    "useV2": "Use V2",
+    "writeToLedger": "Write endpoints to ledger"
   },
   "view": {
     "notifications": {
@@ -69,29 +79,154 @@
         "title": "Tasks"
       }
     },
+    "identity": {
+      "title": "Identity",
+      "titleInfo": "Identity Information"
+    },
+    "about": {
+      "title": "About",
+      "textLicense": "The Business Partner Agent is a Hyperledger Labs Open Source Project under Apache 2.0 license.",
+      "textRepo": "If you find an issue you can file it at",
+      "titleImages": "Images",
+      "titlePackages": "Libraries and Packages",
+      "illustrationsBy": "Illustrations are provided by",
+      "logoBy": "The default logo is provided by",
+      "labelVersion": "Version",
+      "labelLicense": "License",
+      "labelLicenseText": "License Text"
+    },
+    "credential": {
+      "title": "Credential Details",
+      "eventSuccessUpdate": "Credential updated",
+      "eventSuccessDelete": "Credential deleted"
+    },
+    "schema": {
+      "title": "Schema",
+      "id": "Schema ID",
+      "attributes": "Schema Attributes",
+      "eventSuccessDelete": "Schema deleted"
+    },
+    "document": {
+      "verification": "Verification",
+      "verificationSubtitle": "Request a verification",
+      "modified": "Document modified, please save before start verification",
+      "titleExisting": "Edit Document",
+      "titleEdit": "Edit",
+      "titleNew": "Create new Document",
+      "eventSuccessSaveEdit": "Saved changes",
+      "eventSuccessSaveNew": "Saved new document",
+      "eventSuccessDelete": "Deleted document"
+    },
+    "dashboard": {
+      "title": "Dashboard",
+      "setupMessage": "Hi, we've already set up an identity for you!",
+      "setupProfile": "Setup your Profile",
+      "credentialsSent": "Credentials Issued",
+      "credentialsReceived": "Credentials in Wallet",
+      "presentationRequestsSent": "Presentation Requests Sent",
+      "presentationRequestsReceived": "Presentation Requests Received",
+      "partners": "Business Partners",
+      "tasks": "Pending Tasks"
+    },
+    "contactPerson": {
+      "title": "Contact Person",
+      "labelSelect": "Contact Person",
+      "labelSalutation": "Salutation",
+      "labelAcademicTitle": "Academic Title",
+      "labelFirstName": "First Name",
+      "labelLastName": "Last Name",
+      "labelMail": "E-Mail",
+      "labelPhone": "Phone",
+      "labelMobile": "Mobile Phone",
+      "labelCountry": "Country",
+      "contactPersonTypes": {
+        "ceo": "CEO",
+        "directorLogistics": "Director Logistics",
+        "directorQuality": "Director Quality",
+        "complianceResponsible": "Compliance Responsible",
+        "productSafetyExpert": "Product Safety Expert",
+        "directorFinance": "Director Finance",
+        "hseResponsible": "HSE-Responsible"
+      },
+      "salutationTypes": {
+        "mr": "Mr.",
+        "mrs": "Mrs."
+      },
+      "academicTitleTypes": {
+        "dr": "Dr.",
+        "profDr": "Prof. Dr."
+      }
+    },
     "profile": {
       "title": "Public Profile",
-      "subtitle": "You can change the visibility settings of documents and verified credentials in the <strong>wallet</strong> to update your public profile."
+      "subtitle": "You can change the visibility settings of documents and verified credentials in the <strong>wallet</strong> to update your public profile.",
+      "noProfileTitle": "You don't have set up a public profile yet",
+      "buttonNoProfile": "Setup your Profile"
+    },
+    "comingSoon": {
+      "title": "Coming Soon",
+      "text": "This functionality is coming soon."
     },
     "wallet": {
       "title": "Wallet",
       "credentials": {
-        "title": "Verifiable Credentials"
+        "title": "Verifiable Credentials",
+        "headers": {
+          "label": "Label",
+          "type": "Type",
+          "issuer": "Issued by",
+          "issuedAt": "Issued at",
+          "revoked": "Revocation",
+          "isPublic": "Public"
+        }
       },
       "documents": {
-        "title": "Documents"
+        "title": "Documents",
+        "headers": {
+          "label" : "Label",
+          "type" : "Type",
+          "createdDate" : "Created at",
+          "updatedDate" : "Updated at",
+          "isPublic" : "Public"
+        }
       },
       "visibility": {
         "title": "Public Profile",
         "subtitle": "Visible in Public Profile"
       }
     },
+    "addSchema": {
+      "title": "Add Schema",
+      "schemaName": "Schema Name",
+      "schemaId": "Schema ID",
+      "placeholderName": "Name",
+      "placeholderSchemaId": "Schema ID",
+      "eventSuccessSchemaAdd": "Schema added successfully",
+      "eventErrorSchemaExists": "Schema already exists"
+    },
+    "schemaSettings": {
+      "title": "Schema Settings",
+      "buttonCreateSchema": "Create Schema",
+      "buttonImportSchema": "Import Schema"
+    },
+    "tagManagement": {
+      "title": "Tag Management",
+      "availableTags": "Available tags",
+      "addNewTag": "Add a new tag",
+      "addTag": "Add tag",
+      "deleteTag": "Delete tag",
+      "labelName": "Name",
+      "confirmMessageDeleteTag": "Do you really want to the delete this tag from all business partners?",
+      "eventSuccessTagAdded": "Tag successfully added",
+      "eventSuccessTagRemoved": "Tag successfully removed"
+    },
     "proofTemplates":{
       "title": "Proof Templates",
       "tableTitle": "Proof Templates"
     },
     "partners": {
-      "title": "Business Partners"
+      "title": "Business Partners",
+      "showInvitations": "Show Invitations"
     },
     "partner": {
       "title": "Partner",
@@ -102,6 +237,8 @@
       "acceptPartner": "Accept",
       "requestSent": "Connection request sent",
       "requestSentSubtitle": "Waiting for response...",
+      "eventSuccessPartnerDelete": "Partner deleted",
+      "eventSuccessConnectionAccepted": "Connection request accepted",
       "presentationExchanges": {
         "title": "Presentation Exchanges",
         "button": {
@@ -125,26 +262,44 @@
     },
     "sendPresentation": {
       "title": "Send Presentation",
-      "selectCredential": "Select a credential to send"
+      "selectCredential": "Select a credential to send",
+      "eventSuccessSend": "Presentation sent",
+      "label": "Label",
+      "type": "Type",
+      "issuedBy": "Issued by",
+      "issuedAt": "Issued at"
     },
     "presentationRequestDetails": {
       "header": "Presentation Request Details"
     },
     "addPartner": {
       "title": "Add new Business Partner",
+      "radioDid": "By DID",
+      "radioInvitation": "By Invitation",
+      "labelName": "Name",
+      "placeholderUrl": "URL received from an agent you want to connect to",
       "setName": "Set a name",
       "setTags": "Set tags",
       "trustPing": "Auto Ping",
       "lookupPartnerBtnLabel": "Lookup Partner",
       "formDIDLabel": "Decentralized Identifier (DID)",
       "formInvitationLabel": "Invitation",
-      "addPartnerBtnLabel": "Add Partner"
+      "addPartnerBtnLabel": "Add Partner",
+      "buttonCheckInvitation": "Check Invitation",
+      "buttonAcceptInvitation": "Accept Invitation",
+      "messageLookupNoPublic": "Partner has no public profile. You can add him to get more information using Aries protocols.",
+      "messageLookupNoPublicNoAries": "Partner has no public profile and no Aries support.",
+      "messageDidNoResolve": "Could not resolve",
+      "eventSuccessAdd": "Partner added successfully",
+      "eventErrorAlreadyExists": "Partner already exists"
     },
     "addPartnerbyURL": {
       "title": "Invite new Business Partner",
+      "labelName": "Name",
       "createInvitation": "Generate Invitation (QR Code)",
       "invitationURL": "Invitation URL",
-      "useOOB": "Use Out of Band"
+      "useOOB": "Use Out of Band",
+      "eventSuccessCreatePartnerInvite": "Partner Invitation created successfully"
     },
     "proofTemplate": {
       "title": "Proof Templates",
@@ -184,6 +339,7 @@
         "attributeGroupsTitle": "Data to be requested",
         "attributeGroupsSubtitle": "Grouped by Schema",
         "createProofRequest": "Create Proof Request",
+        "eventSuccessDelete": "Proof Template Deleted",
         "attributeGroup": {
           "issuerTitle": "Issuer",
           "titleAttributes": "Data fields",
@@ -196,6 +352,7 @@
       },
       "create": {
         "title": "Create Proof Template",
+        "labelName": "Name",
         "requestedDataTitle": "Data to be requested",
         "requestedDataSubtitle": "Add data to be requested by Schema",
         "snackbarContent": "Removed attribute group",
@@ -204,21 +361,51 @@
     },
     "requestPresentation": {
       "title": "Create a Presentation Request",
-      "sendRequest": "Send Request"
+      "sendRequest": "Send Request",
+      "eventSuccessSend": "Presentation request sent"
     },
     "requestCredential": {
       "title": "Create a Credential Request",
       "createDocument": "Create Document",
       "sendRequest": "Send Request",
+      "eventSuccessSend": "Credential verification request sent",
+      "headers": {
+        "label": "Label",
+        "type": "Type",
+        "createdDate": "Created at",
+        "updatedDate": "Updated at",
+        "isPublic": "Public"
+      },
       "createDocumentView": {
         "selectSchemaLabel": "Select schema as document base"
       }
     },
+    "requestVerification": {
+      "title": "Request Verification",
+      "titleSelect": "Select Business Partner",
+      "subtitleSelect": "Select the business partner you would like to request a verification from",
+      "connectionState": "Connection State {state}",
+      "connectionWarning": "The connection with your Business Partner is marked as {state}. This could mean that your request will fail. Do you want to try anyways?",
+      "eventSuccessNoVerification": "Can't start verification",
+      "eventSuccessSend": "Credential verification request sent",
+      "eventErrorSelect": "No partner for verification request selected"
+    },
     "presentationRecord": {
+      "role": "Role",
+      "state": "State",
+      "requestName": "Request Name",
+      "requestContent": "Request Content",
+      "issuer": "Issuer",
+      "about": "About",
+      "dataFields": "Data fields",
+      "restrictions": "Restrictions",
+      "presentationValid": "Presentation is valid",
+      "presentationNotValid": "Presentation is not valid",
       "matchingCredentials": {
         "selectHeader": "Select data for presentation",
         "label": "Matching Credentials",
-        "credentialRevoked": " - credential is revoked"
+        "credentialRevoked": " - credential is revoked",
+        "noInfoFound": "No info found"
       }
     },
     "issueCredentials": {
@@ -235,21 +422,150 @@
         }
       }
     },
-    "settings":{
+    "settings": {
+      "title": "Settings",
+      "language": "Language",
       "walletDID": "Wallet DID",
       "schemaManagement": "Schemas and Trusted Issuers",
-      "expertMode": "Expert Mode"
+      "tags": "Tags",
+      "frontendColor": "Frontend Color",
+      "iconsColor": "Icons Color",
+      "expertMode": "Expert Mode",
+      "header": {
+        "agentName": "BPA Name",
+        "host": "Host",
+        "uniResolverUrl": "Universal Resolver",
+        "ledgerBrowser": "Ledger Browser",
+        "ledgerPrefix": "Ledger DID Prefix",
+        "uptime": "Uptime HH:mm:ss.SSS",
+        "buildVersion": "Version"
+      },
+      "eventSuccessCopy": "DID copied",
+      "eventErrorCopy": "Can't copy DID"
     }
   },
   "component": {
+    "partnerStateIndicator": {
+      "connectionState": "Aries connection state"
+    },
+    "timeline": {
+      "title": "Timeline"
+    },
+    "transactionAuthorAgreement": {
+      "title": "Transaction Author Agreement",
+      "text": "To allow other companies to communicate with this agent, some configuration has to be written to the ledger - the endpoint configuration. In order to do so, the transaction author has to accept the Transaction Author Agreement for this session which is the following",
+      "loading": "Loading",
+      "labelVersion": "Version",
+      "labelCheckbox": "As transaction author I reviewed and accept the above Transaction Author Agreement for this session"
+    },
+    "trustedIssuers": {
+      "labelDid": "DID",
+      "labelName": "Name",
+      "addTrustedIssuer": "Add trusted issuer",
+      "eventSuccessCreate": "New trusted issuer added",
+      "eventSuccessUpdate": "Trusted issuer updated"
+    },
+    "newMessageIcon": {
+      "activity": "New activity",
+      "credential": "New activity on Credential",
+      "partner": "New activity related to this Partner",
+      "presentation": "New activity on Presentation 2",
+      "task": "New task requires attention",
+      "default": "New activity on item"
+    },
+    "updatePartner": {
+      "title": "Update Partner",
+      "name": "Name",
+      "tags": "Tags",
+      "labelName": "Name",
+      "labelTags": "Tags",
+      "eventSuccess": "Partner updated successfully"
+    },
+    "addSchema": {
+      "title": "Import Schema",
+      "schemaName": "Schema Name",
+      "schemaId": "Schema ID",
+      "placeholderName": "Name",
+      "placeholderId": "Schema ID",
+      "eventSuccess": "Schema added successfully"
+    },
+    "schemaList": {
+      "label": "Name",
+      "canIssue": "Can Issue",
+      "isMine": "Mine",
+      "trustedIssuer": "Trusted Issuers"
+    },
+    "manageSchema": {
+      "labelSchemaId": "Schema ID",
+      "labelCheckbox": "My Schema",
+      "eventSuccessCopy": "Schema ID copied",
+      "eventErrorCopy": "Can't copy Schema ID",
+      "eventSuccessDelete": "Schema deleted",
+      "tabs": {
+        "schemaAttributes": "Schema Attributes",
+        "credentialDefinitions": "Credential Definitions",
+        "trustedIssuers": "Trusted Issuers"
+      }
+    },
+    "credential": {
+      "label": "Label (Optional)",
+      "issuerTitle": "Issuer",
+      "issuerLabel": "Issuer Decentralized Identifier (DID)",
+      "issuedAt": "Issued at"
+    },
+    "credentialCard": {
+      "details": "Details"
+    },
+    "credentialDefinitions": {
+      "label": "Tag",
+      "labelCheckbox": "Revocable",
+      "buttonAddCredDef": "Add Credential Definition",
+      "eventSuccess": "New credential definition added"
+    },
+    "createSchema": {
+      "title": "Create Schema",
+      "schemaInformation": "Schema Information",
+      "labelSchema": "Schema Label",
+      "labelName": "Schema Name",
+      "labelVersion": "Schema Version",
+      "placeholderSchema": "Label in your application for this schema",
+      "placeholderName": "Published schema name (ex. my-schema)",
+      "placeholderVersion": "Published schema version (ex. 1.2 or 1.2.3)",
+      "schemaAttributes": "Schema Attributes",
+      "placeholderAttribute": "E.g. company, name or company_name",
+      "eventSuccess": "Schema created successfully",
+      "headersColumn": {
+        "name": "Name",
+        "isDefault": "Is Default",
+        "action": "Action"
+      }
+    },
+    "activityList": {
+      "labelFilterCombobox": "Filter by",
+      "tableHeaders": {
+        "type":  "Type",
+        "partner": "Connection",
+        "updatedAt": "Updated at",
+        "role": "Role",
+        "state": "State"
+      },
+      "labelPartnerUnknown": "Unknown"
+    },
     "organizationProfile": {
       "companyInfo": {
+        "type": "Organization Type",
+        "identifier": "Identifier",
         "sectionTitle": "Company Information",
         "companyName": "Company Legal Name",
-        "companyAltName":"Company Alternate Name"
+        "companyAltName": "Company Alternate Name"
       },
       "addressInfo": {
-        "sectionTitle": "Address Information"
+        "sectionTitle": "Address Information",
+        "street": "Street (with number)",
+        "postalCode": "Postal Code",
+        "city": "City",
+        "country": "Country",
+        "region": "Region"
       }
     },
     "issueCredential": {
@@ -275,11 +591,28 @@
             "csv": "Ensure that data is valid Comma Separated Value (CSV) format."
           },
           "attributes": "Could not find any matching Credential attributes.",
-          "parse": "Could not parse data."
+          "parse": "Could not parse data.",
+          "readFile": "Error reading file"
         }
       }
     },
+    "partnerList": {
+      "headers": {
+        "name": "Name",
+        "address": "Address",
+        "updatedAt": "Updated at",
+        "state": "State"
+      }
+    },
     "credExList": {
+      "headers": {
+        "displayText": "Type",
+        "partnerName": "Issued to",
+        "role": "Role",
+        "updatedAt": "Updated at",
+        "state": "State",
+        "revocable": "Revocation"
+      },
       "table": {
         "iconCredIssued": "Credential issued",
         "iconCredRevoked": "Credential revoked",
@@ -302,7 +635,16 @@
         "title": "Presentation Exchange",
         "alertFulfill": "Request can't be fulfilled with credentials in wallet",
         "declineReasonLabel": "Decline reason (Optional)"
-      }
+      },
+      "table": {
+        "label": "Name",
+        "role": "Role",
+        "updatedAt": "Updated at",
+        "state": "State"
+      },
+      "eventSuccessApprove": "Proof has been sent",
+      "eventSuccessDecline": "Presentation request declined",
+      "eventSuccessDelete": "Presentation record deleted"
     },
     "profile": {
       "organizationalProfile": {
diff --git a/frontend/src/main.js b/frontend/src/main.js
index c09516e08..b04c7b0da 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -1,10 +1,11 @@
 /*
- Copyright (c) 2020 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
- SPDX-License-Identifier: Apache-2.0
-*/
 import "@/assets/scss/style.scss";
 
 import Vue from "vue";
@@ -111,7 +112,9 @@ Vue.prototype.$config = {
     // will have the detail message in err.response.data._embedded.errors[N].message
     // check there first
     if (Array.isArray(err.response?.data?._embedded?.errors)) {
-      return err.response?.data?._embedded?.errors.map(x => x.message).join(" ");
+      return err.response?.data?._embedded?.errors
+        .map((x) => x.message)
+        .join(" ");
     }
     // what other error message structures will we encounter?
     // add logic here...
@@ -120,7 +123,7 @@ Vue.prototype.$config = {
     // but in err.response.statusText is a bit more understandable... "Not Found"
     // do we want to use the status text before the default message?
     if (err.response) {
-      return i18n.t("error.axios", {statusText: err.response.statusText});
+      return i18n.t("error.axios", { statusText: err.response.statusText });
     }
     if (err.message) return err.message;
     return err.toString();
diff --git a/frontend/src/models/model.js b/frontend/src/models/model.js
index f45bc8309..e3efcb1d2 100644
--- a/frontend/src/models/model.js
+++ b/frontend/src/models/model.js
@@ -1,3 +1,10 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 export const profileModel = {
   type: "Legal Entity",
   legalName: "",
diff --git a/frontend/src/plugins/i18n.js b/frontend/src/plugins/i18n.js
index 640053d72..41230011e 100644
--- a/frontend/src/plugins/i18n.js
+++ b/frontend/src/plugins/i18n.js
@@ -1,3 +1,10 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 import Vue from "vue";
 import VueI18n from "vue-i18n";
 
diff --git a/frontend/src/plugins/vuetify.js b/frontend/src/plugins/vuetify.js
index 0d2212279..7c2310557 100644
--- a/frontend/src/plugins/vuetify.js
+++ b/frontend/src/plugins/vuetify.js
@@ -1,6 +1,16 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 // style.scss imports our font awesome styles and material design styles
 import Vue from "vue";
 import Vuetify from "vuetify";
+import en from "vuetify/lib/locale/en";
+import de from "vuetify/lib/locale/de";
+import pl from "vuetify/lib/locale/pl";
 
 import {
   mdiViewDashboard,
@@ -98,6 +108,13 @@ export default new Vuetify({
       attachment: mdiAttachment,
     },
   },
+  lang: {
+    locales: {
+      en,
+      de,
+      pl,
+    },
+  },
   theme: {
     // dark will be set via configuration from the backend (bpa.ux.theme.dark), this is set in App.vue
     dark: false,
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index 88ef1e06b..10b9889e6 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -1,10 +1,10 @@
 /*
- Copyright (c) 2020 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
 import Vue from "vue";
 import VueRouter from "vue-router";
@@ -130,7 +130,6 @@ const routes = [
     component: SendPresentation,
     props: true,
   },
-  // TODO
   {
     path: "/app/partners/:id/request-credential",
     name: "RequestCredential",
diff --git a/frontend/src/services/activitiesService.js b/frontend/src/services/activitiesService.js
index 3dab6b030..5783afa18 100644
--- a/frontend/src/services/activitiesService.js
+++ b/frontend/src/services/activitiesService.js
@@ -1,10 +1,10 @@
 /*
- Copyright (c) 2021 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
 import { appAxios } from "@/services/interceptors";
 import { ApiRoutes } from "@/constants";
diff --git a/frontend/src/services/adminService.js b/frontend/src/services/adminService.js
index 1ea47bd20..e8cebbba5 100644
--- a/frontend/src/services/adminService.js
+++ b/frontend/src/services/adminService.js
@@ -1,10 +1,10 @@
 /*
- Copyright (c) 2021 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
 import { appAxios } from "@/services/interceptors";
 import { ApiRoutes } from "@/constants";
diff --git a/frontend/src/services/credentialService.js b/frontend/src/services/credentialService.js
index 56374df60..c0b7b44cf 100644
--- a/frontend/src/services/credentialService.js
+++ b/frontend/src/services/credentialService.js
@@ -1,10 +1,10 @@
 /*
- Copyright (c) 2021 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/business-partner-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
 import { appAxios } from "@/services/interceptors";
 import { ApiRoutes } from "@/constants";
diff --git a/frontend/src/services/index.js b/frontend/src/services/index.js
index e0afbc9ed..d0880d08b 100644
--- a/frontend/src/services/index.js
+++ b/frontend/src/services/index.js
@@ -1,10 +1,11 @@
 /*
- Copyright (c) 2021 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
- SPDX-License-Identifier: Apache-2.0
-*/
 export { default as adminService } from "./adminService";
 export { default as issuerService } from "./issuerService";
 export { default as partnerService } from "./partnerService";
diff --git a/frontend/src/services/interceptors.js b/frontend/src/services/interceptors.js
index cfebfa2cf..2d0147cb6 100644
--- a/frontend/src/services/interceptors.js
+++ b/frontend/src/services/interceptors.js
@@ -1,10 +1,10 @@
 /*
- Copyright (c) 2021 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
 import axios from "axios";
 import Vue from "vue";
diff --git a/frontend/src/services/issuerService.js b/frontend/src/services/issuerService.js
index 81c87cce1..a28324df1 100644
--- a/frontend/src/services/issuerService.js
+++ b/frontend/src/services/issuerService.js
@@ -1,10 +1,10 @@
 /*
- Copyright (c) 2021 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
 import { appAxios } from "@/services/interceptors";
 import { ApiRoutes, CredentialExchangeRoles } from "@/constants";
diff --git a/frontend/src/services/partnerService.js b/frontend/src/services/partnerService.js
index b312a25eb..2477c0f3e 100644
--- a/frontend/src/services/partnerService.js
+++ b/frontend/src/services/partnerService.js
@@ -1,10 +1,10 @@
 /*
- Copyright (c) 2021 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
 import { appAxios } from "@/services/interceptors";
 import { ApiRoutes } from "@/constants";
diff --git a/frontend/src/services/proofExService.js b/frontend/src/services/proofExService.js
index f6b79063a..349de2c99 100644
--- a/frontend/src/services/proofExService.js
+++ b/frontend/src/services/proofExService.js
@@ -1,10 +1,10 @@
 /*
- Copyright (c) 2021 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
 import { appAxios } from "@/services/interceptors";
 import { ApiRoutes } from "@/constants";
diff --git a/frontend/src/services/proofTemplateService.js b/frontend/src/services/proofTemplateService.js
index 73d3b2649..56924eb99 100644
--- a/frontend/src/services/proofTemplateService.js
+++ b/frontend/src/services/proofTemplateService.js
@@ -1,10 +1,10 @@
 /*
- Copyright (c) 2021 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
 import { appAxios } from "@/services/interceptors";
 import { ApiRoutes } from "@/constants";
diff --git a/frontend/src/store/actions.js b/frontend/src/store/actions.js
index d368ab8a8..e14c9c856 100644
--- a/frontend/src/store/actions.js
+++ b/frontend/src/store/actions.js
@@ -1,7 +1,14 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 import moment from "moment";
-import { CredentialTypes, PartnerStates } from "../constants";
+import { CredentialTypes, PartnerStates } from "@/constants";
 import { EventBus, axios, apiBaseUrl } from "../main";
-import { getPartnerProfile } from "../utils/partnerUtils";
+import { getPartnerProfile } from "@/utils/partnerUtils";
 import adminService from "@/services/adminService";
 import proofTemplateService from "@/services/proofTemplateService";
 import partnerService from "@/services/partnerService";
diff --git a/frontend/src/store/getters.js b/frontend/src/store/getters.js
index de5739e89..ba7e9a43e 100644
--- a/frontend/src/store/getters.js
+++ b/frontend/src/store/getters.js
@@ -1,21 +1,27 @@
-import { CredentialTypes } from "../constants";
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { CredentialTypes } from "@/constants";
 
 export const istBusy = (state) => {
   return state.busyStack > 0;
 };
 
 export const publicDocumentsAndCredentials = (state) => {
-  var retval = state.credentials
+  return state.credentials
     .concat(state.documents)
-    .filter((d) => d.isPublic == true);
-  return retval;
+    .filter((d) => d.isPublic === true);
 };
 
 export const getOrganizationalProfile = (state) => {
-  var documents = state.documents.filter(
-    (d) => d.type == CredentialTypes.PROFILE.type
+  const documents = state.documents.filter(
+    (d) => d.type === CredentialTypes.PROFILE.type
   );
-  if (documents.length == 1) return documents[0];
+  if (documents.length === 1) return documents[0];
   else return undefined;
 };
 
diff --git a/frontend/src/store/index.js b/frontend/src/store/index.js
index 0b36c4235..7f1573267 100644
--- a/frontend/src/store/index.js
+++ b/frontend/src/store/index.js
@@ -1,10 +1,10 @@
 /*
- Copyright (c) 2020 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
 import Vue from "vue";
 import Vuex from "vuex";
@@ -67,7 +67,7 @@ const store = new Vuex.Store({
     },
     setCredDefSelectList(state, payload) {
       state.credDefSelectList = payload.list;
-    }
+    },
   },
 
   modules: {
diff --git a/frontend/src/store/modules/messages.js b/frontend/src/store/modules/messages.js
index a19b4d5e9..7b133bbb9 100644
--- a/frontend/src/store/modules/messages.js
+++ b/frontend/src/store/modules/messages.js
@@ -1,6 +1,13 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 export default {
   state: {
-    messages: []
+    messages: [],
   },
   getters: {
     messages: (state) => {
@@ -8,11 +15,9 @@ export default {
     },
     messagesCount: (state) => {
       return state.messages.length;
-    }
-  },
-  actions: {
-
+    },
   },
+  actions: {},
   mutations: {
     onMessageReceived(state, payload) {
       let basicMsg = payload.message.info;
@@ -23,8 +28,8 @@ export default {
     markMessagesSeen(state, partnerId) {
       // seen means we remove them from the store for a given partner/room
       let msgs = state.messages ? state.messages : [];
-      const unseen = msgs.filter(m => m.partnerId !== partnerId);
+      const unseen = msgs.filter((m) => m.partnerId !== partnerId);
       state.messages = unseen;
-    }
+    },
   },
 };
diff --git a/frontend/src/store/modules/notifications.js b/frontend/src/store/modules/notifications.js
index 11f04f38d..299fa6348 100644
--- a/frontend/src/store/modules/notifications.js
+++ b/frontend/src/store/modules/notifications.js
@@ -1,3 +1,10 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 const addItem = (collection, id, payload) => {
   return { ...collection, [id]: payload };
 };
diff --git a/frontend/src/store/modules/socketevents.js b/frontend/src/store/modules/socketevents.js
index f9c7d139b..b6bf487c6 100644
--- a/frontend/src/store/modules/socketevents.js
+++ b/frontend/src/store/modules/socketevents.js
@@ -1,3 +1,10 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 import Vue from "vue";
 
 const state = {
@@ -8,8 +15,7 @@ const state = {
   },
 };
 
-const getters = {
-};
+const getters = {};
 
 const mutations = {
   SOCKET_ONOPEN(state, event) {
diff --git a/frontend/src/store/modules/taa.js b/frontend/src/store/modules/taa.js
index b92f0bd63..636b0f9c8 100644
--- a/frontend/src/store/modules/taa.js
+++ b/frontend/src/store/modules/taa.js
@@ -1,3 +1,10 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 import { EventBus, axios, apiBaseUrl } from "../../main";
 
 const state = {
diff --git a/frontend/src/utils/partnerUtils.js b/frontend/src/utils/partnerUtils.js
index 7e04c44bd..60e401b97 100644
--- a/frontend/src/utils/partnerUtils.js
+++ b/frontend/src/utils/partnerUtils.js
@@ -1,12 +1,12 @@
 /*
- Copyright (c) 2020 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
- SPDX-License-Identifier: Apache-2.0
-*/
-
-import { CredentialTypes, PartnerStates } from "../constants";
+import { CredentialTypes, PartnerStates } from "@/constants";
 
 export const getPartnerProfile = (partner) => {
   if (partner && {}.hasOwnProperty.call(partner, "credential")) {
diff --git a/frontend/src/utils/sortUtils.js b/frontend/src/utils/sortUtils.js
index d6e362566..e7426192d 100644
--- a/frontend/src/utils/sortUtils.js
+++ b/frontend/src/utils/sortUtils.js
@@ -1,11 +1,10 @@
 /*
- Copyright (c) 2020 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
- 
- SPDX-License-Identifier: Apache-2.0
-*/
-
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 /*
     Sample for params
     var keyToSort = {
@@ -30,7 +29,7 @@ export default Object.defineProperty(Array.prototype, "sortByKeys", {
         key;
       for (key in obj) {
         if (Object.prototype.hasOwnProperty.call(obj, key)) {
-          if (size == ix) return key;
+          if (size === ix) return key;
           size++;
         }
       }
@@ -45,7 +44,7 @@ export default Object.defineProperty(Array.prototype, "sortByKeys", {
       d = d !== null ? d : 1;
       a = isNumberValue(a) ? a * 1 : String(a).toLowerCase(); // restore numbers
       b = isNumberValue(b) ? b * 1 : String(b).toLowerCase();
-      if (a == b) return 0;
+      if (a === b) return 0;
       return a > b ? 1 * d : -1 * d;
     };
 
@@ -56,9 +55,9 @@ export default Object.defineProperty(Array.prototype, "sortByKeys", {
     for (var k in keys) {
       // asc unless desc or skip
       keys[k] =
-        keys[k] == "desc" || keys[k] == -1
+        keys[k] === "desc" || keys[k] === -1
           ? -1
-          : keys[k] == "skip" || keys[k] === 0
+          : keys[k] === "skip" || keys[k] === 0
           ? 0
           : 1;
     }
diff --git a/frontend/src/utils/textUtils.js b/frontend/src/utils/textUtils.js
index cae0530cc..486bc55ee 100644
--- a/frontend/src/utils/textUtils.js
+++ b/frontend/src/utils/textUtils.js
@@ -1,10 +1,10 @@
 /*
- Copyright (c) 2021 - for information on the respective copyright owner
- see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
-
- SPDX-License-Identifier: Apache-2.0
-*/
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
 export const schemaAttributeLabel = (key) => {
   if (!key) return "";
@@ -17,8 +17,11 @@ export const schemaAttributeLabel = (key) => {
   return key;
 };
 
-export const isValidSchemaName = (value) => (value && /^[a-zA-Z\d-_]+$/.test(value));
+export const isValidSchemaName = (value) =>
+  value && /^[a-zA-Z\d-_]+$/.test(value);
 
-export const isValidSchemaAttributeName = (value) => (value && /^[a-z_]+$/.test(value));
+export const isValidSchemaAttributeName = (value) =>
+  value && /^[a-z_]+$/.test(value);
 
-export const isValidSchemaVersion = (value) => (value && /^(\d+)\.(\d+)(?:\.\d+)?$/.test(value));
+export const isValidSchemaVersion = (value) =>
+  value && /^(\d+)\.(\d+)(?:\.\d+)?$/.test(value);
diff --git a/frontend/src/views/About.vue b/frontend/src/views/About.vue
index 61b8b441d..7f6fe2234 100644
--- a/frontend/src/views/About.vue
+++ b/frontend/src/views/About.vue
@@ -1,34 +1,34 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
- 
+ https://github.com/hyperledger-labs/business-partner-agent
+
  SPDX-License-Identifier: Apache-2.0
 -->
 <template>
   <v-container>
     <p>
-      The Business Partner Agent is a Hyperledger Labs Open Source Project under
-      Apache 2.0 license.
+      {{ $t("view.about.textLicense") }}
     </p>
     <p>
-      If you find an issue you can file it at
+      {{ $t("view.about.textRepo") }}
       <a
         href="https://github.com/hyperledger-labs/business-partner-agent"
         target="_blank"
-        >Github</a
+        >GitHub</a
       >.
     </p>
-    <h2>Images</h2>
+    <h2>{{ $t("view.about.titleImages") }}</h2>
     <p>
-      Illustrations are provided by
+      {{ $t("view.about.illustrationsBy") }}
       <a href="https://undraw.co/illustrations" target="_blank">unDraw</a>.
     </p>
     <p>
-      The default logo is provided by
+      {{ $t("view.about.logoBy") }}
       <a href="https://logodust.com" target="_blank">Logodust</a>.
     </p>
-    <h2>Libraries and Packages</h2>
+    <h2>{{ $t("view.about.titlePackages") }}</h2>
+    <p></p>
     <v-row v-for="(item, index) in Licenses" :key="index" class="mx-auto">
       <v-card
         v-if="item && !item.ignore"
@@ -41,11 +41,15 @@
         <v-card-subtitle class="mx-auto">
           <div>{{ item.authors }}</div>
           <div><a v-html="item.url" :href="item.url" target="_blank"></a></div>
-          <div>Version: {{ item.version }}</div>
-          <div>License: {{ item.license }}</div>
+          <div>{{ $t("view.about.labelVersion") }}: {{ item.version }}</div>
+          <div>{{ $t("view.about.labelLicense") }}: {{ item.license }}</div>
           <v-expansion-panels accordion>
             <v-expansion-panel>
-              <v-expansion-panel-header>License Text:</v-expansion-panel-header>
+              <v-expansion-panel-header
+                >{{
+                  $t("view.about.labelLicenseText")
+                }}:</v-expansion-panel-header
+              >
               <v-expansion-panel-content>
                 {{ item.licenseText }}
               </v-expansion-panel-content>
@@ -59,18 +63,16 @@
 
 <script>
 import Licenses from "../../licenses/licenseInfos.json";
-import { EventBus } from "../main";
+import { EventBus } from "@/main";
 export default {
   name: "About",
-  components: {},
   created() {
-    EventBus.$emit("title", "About");
+    EventBus.$emit("title", this.$t("view.about.title"));
   },
   data: () => {
     return {
       Licenses,
     };
   },
-  methods: {},
 };
 </script>
diff --git a/frontend/src/views/AddSchema.vue b/frontend/src/views/AddSchema.vue
index 76d642fd5..2e8073df7 100644
--- a/frontend/src/views/AddSchema.vue
+++ b/frontend/src/views/AddSchema.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -12,17 +12,17 @@
         <v-btn depressed color="secondary" icon @click="$router.go(-1)">
           <v-icon dark>$vuetify.icons.prev</v-icon>
         </v-btn>
-        <span>Add Schema</span>
+        <span>{{ $t("view.addSchema.title") }}</span>
       </v-card-title>
 
       <v-list-item>
         <v-list-item-title class="grey--text text--darken-2 font-weight-medium">
-          Schema Name:
+          {{ $t("view.addSchema.schemaName") }}:
         </v-list-item-title>
         <v-list-item-subtitle>
           <v-text-field
             class="mt-6"
-            placeholder="Name"
+            :placeholder="$t('view.addSchema.placeholderName')"
             v-model="schema.label"
             :rules="[rules.required]"
             outlined
@@ -34,12 +34,12 @@
       </v-list-item>
       <v-list-item>
         <v-list-item-title class="grey--text text--darken-2 font-weight-medium">
-          Schema ID:
+          {{ $t("view.addSchema.schemaId") }}:
         </v-list-item-title>
         <v-list-item-subtitle>
           <v-text-field
             class="mt-6"
-            placeholder="Schema ID"
+            :placeholder="$t('view.addSchema.placeholderSchemaId')"
             v-model="schema.schemaId"
             :rules="[rules.required]"
             outlined
@@ -62,7 +62,7 @@
             color="primary"
             @click="addSchema"
           >
-            Submit
+            {{ $t("button.submit") }}
           </v-bpa-button>
         </v-layout>
       </v-card-actions>
@@ -71,7 +71,7 @@
 </template>
 
 <script>
-import { EventBus } from "../main";
+import { EventBus } from "@/main";
 import TrustedIssuer from "../components/TrustedIssuers.vue";
 import VBpaButton from "@/components/BpaButton";
 export default {
@@ -81,7 +81,6 @@ export default {
     TrustedIssuer,
   },
   created: () => {},
-
   data: () => {
     return {
       schema: {
@@ -89,12 +88,14 @@ export default {
         schemaId: "",
       },
       isBusyAddSchema: false,
-      rules: {
-        required: (value) => !!value || "Can't be empty",
-      },
     };
   },
   computed: {
+    rules() {
+      return {
+        required: (value) => !!value || this.$t("app.rules.required"),
+      };
+    },
     fieldsEmpty() {
       return (
         this.schema.label.length === 0 || this.schema.schemaId.length === 0
@@ -121,14 +122,20 @@ export default {
           this.isBusyAddSchema = false;
 
           if (result.status === 200) {
-            EventBus.$emit("success", "Schema added successfully");
+            EventBus.$emit(
+              "success",
+              this.$t("view.addSchema.eventSuccessSchemaAdd")
+            );
             this.$router.push({ name: "SchemaSettings" });
           }
         })
         .catch((e) => {
           this.isBusyAddSchema = false;
           if (e.response.status === 400) {
-            EventBus.$emit("error", "Schema already exists");
+            EventBus.$emit(
+              "error",
+              this.$t("view.addSchema.eventErrorSchemaExists")
+            );
           } else {
             EventBus.$emit("error", this.$axiosErrorMessage(e));
           }
diff --git a/frontend/src/views/ComingSoon.vue b/frontend/src/views/ComingSoon.vue
index 0a6b9e680..82ef99c40 100644
--- a/frontend/src/views/ComingSoon.vue
+++ b/frontend/src/views/ComingSoon.vue
@@ -1,20 +1,26 @@
+<!--
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
+ see the NOTICE file and/or the repository at
+ https://github.com/hyperledger-labs/business-partner-agent
+
+ SPDX-License-Identifier: Apache-2.0
+-->
 <template>
   <v-container>
-    <p>This functionality is coming soon.</p>
+    <p>{{ $t("view.comingSoon.text") }}</p>
   </v-container>
 </template>
 
 <script>
-import { EventBus } from "../main";
+import { EventBus } from "@/main";
 export default {
   name: "ComingSoon",
   components: {},
   created() {
-    EventBus.$emit("title", "Coming Soon");
+    EventBus.$emit("title", this.$t("view.comingSoon.title"));
   },
   data: () => {
     return {};
   },
-  methods: {},
 };
 </script>
diff --git a/frontend/src/views/ContactPerson.vue b/frontend/src/views/ContactPerson.vue
index 65fc0b69b..2b46c8ff4 100644
--- a/frontend/src/views/ContactPerson.vue
+++ b/frontend/src/views/ContactPerson.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -10,7 +10,7 @@
     <v-card class="mx-auto" max-width="400" flat>
       <v-card-title> </v-card-title>
       <v-select
-        label="Contact Person"
+        :label="$t('view.contactPerson.labelSelect')"
         v-model="person.type"
         :items="contactPersonTypes"
         outlined
@@ -20,8 +20,7 @@
       <v-row>
         <v-col cols="4">
           <v-select
-            label="Salutation"
-            placeholder=""
+            :label="$t('view.contactPerson.labelSalutation')"
             v-model="person.salutation"
             :items="salutationTypes"
             outlined
@@ -30,8 +29,7 @@
         </v-col>
         <v-col cols="4">
           <v-select
-            label="Academic Title"
-            placeholder=""
+            :label="$t('view.contactPerson.labelAcademicTitle')"
             v-model="person.academicTitle"
             :items="academicTitleTypes"
             outlined
@@ -43,8 +41,7 @@
       <v-row>
         <v-col cols="6">
           <v-text-field
-            label="First Name"
-            placeholder=""
+            :label="$t('view.contactPerson.labelFirstName')"
             v-model="person.firstName"
             outlined
             dense
@@ -52,8 +49,7 @@
         </v-col>
         <v-col cols="6">
           <v-text-field
-            label="Last Name"
-            placeholder=""
+            :label="$t('view.contactPerson.labelLastName')"
             v-model="person.lastName"
             outlined
             dense
@@ -62,48 +58,44 @@
       </v-row>
 
       <v-text-field
-        label="E-Mail"
-        placeholder=""
+        :label="$t('view.contactPerson.labelMail')"
         v-model="person.email"
         outlined
         dense
       ></v-text-field>
 
       <v-text-field
-        label="Phone"
-        placeholder=""
+        :label="$t('view.contactPerson.labelPhone')"
         v-model="person.phone"
         outlined
         dense
       ></v-text-field>
 
       <v-text-field
-        label="Mobile Phone"
-        placeholder=""
+        :label="$t('view.contactPerson.labelMobile')"
         v-model="person.mobilePhone"
         outlined
         dense
       ></v-text-field>
 
       <v-text-field
-        label="Country"
-        placeholder=""
+        :label="$t('view.contactPerson.labelCountry')"
         v-model="person.country"
         outlined
         dense
       ></v-text-field>
       <v-card-actions>
         <v-layout justify-space-between>
-          <v-bpa-button color="secondary" :to="{ name: 'AddDocument' }"
-            >Cancel</v-bpa-button
-          >
+          <v-bpa-button color="secondary" :to="{ name: 'AddDocument' }">{{
+            $t("button.cancel")
+          }}</v-bpa-button>
           <v-bpa-button
             color="primary"
             :to="{
               name: 'AddDocument',
               params: { person: person },
             }"
-            >Save</v-bpa-button
+            >{{ $t("button.save") }}</v-bpa-button
           >
         </v-layout>
       </v-card-actions>
@@ -112,18 +104,49 @@
 </template>
 
 <script>
-import { EventBus } from "../main";
+import { EventBus } from "@/main";
 import VBpaButton from "@/components/BpaButton";
 export default {
   name: "ContactPerson",
   components: { VBpaButton },
   props: {
+    value: {},
+  },
+  computed: {
     person: {
-      type: Object,
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+      },
+    },
+    contactPersonTypes() {
+      return [
+        this.$t("view.contactPerson.contactPersonTypes.ceo"),
+        this.$t("view.contactPerson.contactPersonTypes.directorLogistics"),
+        this.$t("view.contactPerson.contactPersonTypes.directorQuality"),
+        this.$t("view.contactPerson.contactPersonTypes.complianceResponsible"),
+        this.$t("view.contactPerson.contactPersonTypes.productSafetyExpert"),
+        this.$t("view.contactPerson.contactPersonTypes.directorFinance"),
+        this.$t("view.contactPerson.contactPersonTypes.hseResponsible"),
+      ];
+    },
+    salutationTypes() {
+      return [
+        this.$t("view.contactPerson.salutationTypes.mr"),
+        this.$t("view.contactPerson.salutationTypes.mrs"),
+      ];
+    },
+    academicTitleTypes() {
+      return [
+        this.$t("view.contactPerson.academicTitleTypes.dr"),
+        this.$t("view.contactPerson.academicTitleTypes.profDr"),
+      ];
     },
   },
   created() {
-    EventBus.$emit("title", "Contact Person");
+    EventBus.$emit("title", this.$t("view.contactPerson.title"));
     if (this.person) {
       this.newContact = true;
     }
@@ -131,19 +154,7 @@ export default {
   data: () => {
     return {
       newContact: false,
-      contactPersonTypes: [
-        "CEO",
-        "Director Logistics",
-        "Director Quality",
-        "Compliance Responsible",
-        "Product Safety Expert",
-        "Director Finance",
-        "HSE-Responsible",
-      ],
-      salutationTypes: ["Mr.", "Mrs."],
-      academicTitleTypes: ["Dr.", "Prof. Dr."],
     };
   },
-  methods: {},
 };
 </script>
diff --git a/frontend/src/views/Credential.vue b/frontend/src/views/Credential.vue
index 94721c672..bd4a3c1f7 100644
--- a/frontend/src/views/Credential.vue
+++ b/frontend/src/views/Credential.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -9,12 +9,7 @@
   <v-container>
     <v-card v-if="isReady" class="mx-auto">
       <v-card-title class="bg-light">
-        <v-btn
-          depressed
-          color="secondary"
-          icon
-          @click="$router.go(-1)"
-        >
+        <v-btn depressed color="secondary" icon @click="$router.go(-1)">
           <v-icon dark>$vuetify.icons.prev</v-icon>
         </v-btn>
         <div v-if="credential.type === CredentialTypes.UNKNOWN.type">
@@ -54,14 +49,14 @@
       </v-card-text>
       <v-card-actions>
         <v-layout align-end justify-end>
-          <v-bpa-button color="secondary" @click="cancel()"
-            >Cancel</v-bpa-button
-          >
+          <v-bpa-button color="secondary" @click="cancel()">{{
+            $t("button.cancel")
+          }}</v-bpa-button>
           <v-bpa-button
             :loading="this.isBusy"
             color="primary"
             @click="saveChanges()"
-            >Save</v-bpa-button
+            >{{ $t("button.save") }}</v-bpa-button
           >
         </v-layout>
       </v-card-actions>
@@ -69,7 +64,7 @@
         <v-expansion-panel>
           <v-expansion-panel-header
             class="grey--text text--darken-2 font-weight-medium bg-light"
-            >Show raw data</v-expansion-panel-header
+            >{{ $t("showRawData") }}</v-expansion-panel-header
           >
           <v-expansion-panel-content class="bg-light">
             <vue-json-pretty :data="credential"></vue-json-pretty>
@@ -81,9 +76,9 @@
 </template>
 
 <script>
-import { EventBus } from "../main";
+import { EventBus } from "@/main";
 import Cred from "@/components/Credential";
-import { CredentialTypes } from "../constants";
+import { CredentialTypes } from "@/constants";
 import VBpaButton from "@/components/BpaButton";
 
 export default {
@@ -93,7 +88,7 @@ export default {
     type: String,
   },
   created() {
-    EventBus.$emit("title", "Credential Details");
+    EventBus.$emit("title", this.$t("view.credential.title"));
     this.getCredential();
     this.$store.commit("credentialNotificationSeen", { id: this.id });
   },
@@ -159,7 +154,10 @@ export default {
               return response.status === 200;
             });
             if (allResponsesTrue) {
-              EventBus.$emit("success", "Credential updated");
+              EventBus.$emit(
+                "success",
+                this.$t("view.credential.eventSuccessUpdate")
+              );
               this.$router.push({
                 name: "Wallet",
               });
@@ -180,7 +178,10 @@ export default {
         .then((result) => {
           console.log(result);
           if (result.status === 200) {
-            EventBus.$emit("success", "Credential deleted");
+            EventBus.$emit(
+              "success",
+              this.$t("view.credential.eventSuccessDelete")
+            );
             this.$router.push({
               name: "Wallet",
             });
@@ -196,12 +197,9 @@ export default {
       });
     },
     fieldModified(keyValue) {
-      const isModified = Object.keys(this.intDoc).find((key) => {
-        return this.credential[key] != this.intDoc[key];
-      })
-        ? true
-        : false;
-      this.docChanged = isModified;
+      this.docChanged = Object.keys(this.intDoc).find((key) => {
+        return this.credential[key] !== this.intDoc[key];
+      });
       if (this.docChanged) {
         this.credential[keyValue.key] = keyValue.value;
       }
diff --git a/frontend/src/views/Dashboard.vue b/frontend/src/views/Dashboard.vue
index 97eff1a0a..1667fe758 100644
--- a/frontend/src/views/Dashboard.vue
+++ b/frontend/src/views/Dashboard.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -10,75 +10,81 @@
     <div v-if="isWelcome && !isLoading">
       <!-- Image from undraw.co -->
       <v-img
-          class="mx-auto"
-          src="@/assets/undraw_welcome_3gvl_grey.png"
-          max-width="300"
-          aspect-ratio="1"
+        class="mx-auto"
+        src="@/assets/undraw_welcome_3gvl_grey.png"
+        max-width="300"
+        aspect-ratio="1"
       ></v-img>
       <p
-          v-bind:style="{ fontSize: `180%` }"
-          class="grey--text text--darken-2 font-weight-medium"
+        v-bind:style="{ fontSize: `180%` }"
+        class="grey--text text--darken-2 font-weight-medium"
       >
-        Hi, we've already set up an identity for you!
+        {{ $t("view.dashboard.setupMessage") }}
       </p>
       <!-- <p v-bind:style="{ fontSize: `140%` }" class="grey--text text--darken-2 font-weight-medium">Start by adding a public profile that your business partners will see</p> -->
       <br />
       <v-bpa-button
-          color="primary"
-          :to="{
+        color="primary"
+        :to="{
           name: 'DocumentAdd',
           params: { type: CredentialTypes.PROFILE.type },
         }"
-      >Setup your Profile</v-bpa-button
+        >{{ $t("view.dashboard.setupProfile") }}</v-bpa-button
       >
     </div>
     <div v-if="!isWelcome && !isLoading">
       <v-row>
         <v-col class="col-12 col-sm-6 col-md-4">
           <dashboard-card
-              :title="$t('dashboard.credentialsReceived')"
-              icon=$vuetify.icons.wallet
-              :count=this.status.totals.credentialsReceived
-              :new-count=this.status.periodTotals.credentialsReceived
-              destination="Wallet"></dashboard-card>
+            :title="$t('view.dashboard.credentialsReceived')"
+            icon="$vuetify.icons.wallet"
+            :count="this.status.totals.credentialsReceived"
+            :new-count="this.status.periodTotals.credentialsReceived"
+            destination="Wallet"
+          ></dashboard-card>
         </v-col>
         <v-col class="col-12 col-sm-6 col-md-4">
           <dashboard-card
-              :title="$t('dashboard.presentationRequestsSent')"
-              icon=$vuetify.icons.proofRequests
-              :count=this.status.totals.presentationRequestsSent
-              :new-count=this.status.periodTotals.presentationRequestsSent></dashboard-card>
+            :title="$t('view.dashboard.presentationRequestsSent')"
+            icon="$vuetify.icons.proofRequests"
+            :count="this.status.totals.presentationRequestsSent"
+            :new-count="this.status.periodTotals.presentationRequestsSent"
+          ></dashboard-card>
         </v-col>
         <v-col class="col-12 col-sm-6 col-md-4">
           <dashboard-card
-              :title="$t('dashboard.partners')"
-              icon=$vuetify.icons.partners
-              :count=this.status.totals.partners
-              :new-count=this.status.periodTotals.partners
-              destination="Partners"></dashboard-card>
+            :title="$t('view.dashboard.partners')"
+            icon="$vuetify.icons.partners"
+            :count="this.status.totals.partners"
+            :new-count="this.status.periodTotals.partners"
+            destination="Partners"
+          ></dashboard-card>
         </v-col>
         <v-col class="col-12 col-sm-6 col-md-4">
           <dashboard-card
-              :title="$t('dashboard.credentialsSent')"
-              icon=$vuetify.icons.credentialManagement
-              :count=this.status.totals.credentialsSent
-              :new-count=this.status.periodTotals.credentialsSent
-              destination="CredentialManagement"></dashboard-card>
+            :title="$t('view.dashboard.credentialsSent')"
+            icon="$vuetify.icons.credentialManagement"
+            :count="this.status.totals.credentialsSent"
+            :new-count="this.status.periodTotals.credentialsSent"
+            destination="CredentialManagement"
+          ></dashboard-card>
         </v-col>
         <v-col class="col-12 col-sm-6 col-md-4">
           <dashboard-card
-              :title="$t('dashboard.presentationRequestsReceived')"
-              icon=$vuetify.icons.proofRequests
-              :count=this.status.totals.presentationRequestsReceived
-              :new-count=this.status.periodTotals.presentationRequestsReceived></dashboard-card>
+            :title="$t('view.dashboard.presentationRequestsReceived')"
+            icon="$vuetify.icons.proofRequests"
+            :count="this.status.totals.presentationRequestsReceived"
+            :new-count="this.status.periodTotals.presentationRequestsReceived"
+          ></dashboard-card>
         </v-col>
         <v-col class="col-12 col-sm-6 col-md-4">
           <dashboard-card
-              :title="$t('dashboard.tasks')"
-              icon=$vuetify.icons.notifications
-              :count=this.status.totals.tasks
-              :new-count=this.status.periodTotals.tasks
-              destination="Notifications"></dashboard-card>
+            :title="$t('view.dashboard.tasks')"
+            icon="$vuetify.icons.notifications"
+            :count="this.status.totals.tasks"
+            :new-count="this.status.periodTotals.tasks"
+            destination="Notifications"
+          ></dashboard-card>
         </v-col>
       </v-row>
     </div>
@@ -86,60 +92,60 @@
 </template>
 
 <script>
-  import { EventBus } from "../main";
-  import { CredentialTypes } from "../constants";
-  import VBpaButton from "@/components/BpaButton";
-  import DashboardCard from "@/components/DashboardCard";
+import { EventBus } from "@/main";
+import { CredentialTypes } from "@/constants";
+import VBpaButton from "@/components/BpaButton";
+import DashboardCard from "@/components/DashboardCard";
 
-  export default {
-    name: "Dashboard",
-    components: {DashboardCard, VBpaButton },
-    created() {
-      EventBus.$emit("title", "Dashboard");
-      this.getStatus();
+export default {
+  name: "Dashboard",
+  components: { DashboardCard, VBpaButton },
+  created() {
+    EventBus.$emit("title", this.$t("view.dashboard.title"));
+    this.getStatus();
+  },
+  data: () => {
+    return {
+      isWelcome: true,
+      isLoading: true,
+      CredentialTypes,
+    };
+  },
+  computed: {
+    partnerNotificationsCount() {
+      return this.$store.getters.partnerNotificationsCount;
     },
-    data: () => {
-      return {
-        isWelcome: true,
-        isLoading: true,
-        CredentialTypes,
-      };
+    credentialNotificationsCount() {
+      return this.$store.getters.credentialNotificationsCount;
     },
-    computed: {
-      partnerNotificationsCount() {
-        return this.$store.getters.partnerNotificationsCount;
-      },
-      credentialNotificationsCount() {
-        return this.$store.getters.credentialNotificationsCount;
-      },
+  },
+  methods: {
+    getStatus() {
+      console.log("Getting status...");
+      this.$axios
+        .get(`${this.$apiBaseUrl}/status`)
+        .then((result) => {
+          console.log(result);
+          this.isWelcome = !result.data.profile;
+          this.status = result.data;
+          this.isLoading = false;
+        })
+        .catch((e) => {
+          this.isLoading = false;
+          EventBus.$emit("error", this.$axiosErrorMessage(e));
+        });
     },
-    methods: {
-      getStatus() {
-        console.log("Getting status...");
-        this.$axios
-          .get(`${this.$apiBaseUrl}/status`)
-          .then((result) => {
-            console.log(result);
-            this.isWelcome = !result.data.profile;
-            this.status = result.data;
-            this.isLoading = false;
-          })
-          .catch((e) => {
-            this.isLoading = false;
-            EventBus.$emit("error", this.$axiosErrorMessage(e));
-          });
-      },
-    },
-  };
+  },
+};
 </script>
 <style scoped>
-  .newHighlight {
-    color: #2ecc71;
-    padding-left: 4px;
-    font-size: 200%;
-  }
-  .cardTitle {
-    font-size: 400%;
-    margin-bottom: 2;
-  }
+.newHighlight {
+  color: #2ecc71;
+  padding-left: 4px;
+  font-size: 200%;
+}
+.cardTitle {
+  font-size: 400%;
+  margin-bottom: 2;
+}
 </style>
diff --git a/frontend/src/views/Document.vue b/frontend/src/views/Document.vue
index f8450ff61..411447b15 100644
--- a/frontend/src/views/Document.vue
+++ b/frontend/src/views/Document.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -28,7 +28,7 @@
       <v-card-text>
         <OrganizationalProfile
           v-if="isProfile(intDoc.type)"
-          v-bind:documentData="document.documentData"
+          v-model="document.documentData"
           ref="doc"
         ></OrganizationalProfile>
         <Credential
@@ -67,14 +67,14 @@
             <v-tooltip right v-model="showTooltip">
               <template v-slot:activator="{ attrs }">
                 <v-list-item-content>
-                  <v-list-item-title>Verification</v-list-item-title>
-                  <v-list-item-subtitle
-                    >Request a verification</v-list-item-subtitle
-                  >
+                  <v-list-item-title>{{
+                    $t("view.document.verification")
+                  }}</v-list-item-title>
+                  <v-list-item-subtitle>{{
+                    $t("view.document.verificationSubtitle")
+                  }}</v-list-item-subtitle>
                 </v-list-item-content>
-
                 <v-list-item-action>
-                  <!-- TODO übergabe der parameter mit schemaId params {type: { type: meinType schemaId: schemaId }}-->
                   <v-btn
                     v-bind="attrs"
                     icon
@@ -88,9 +88,7 @@
                   </v-btn>
                 </v-list-item-action>
               </template>
-              <span
-                >Document modified, please save before start verification</span
-              >
+              <span>{{ $t("view.document.modified") }}</span>
             </v-tooltip>
           </v-list-item>
           <v-divider></v-divider>
@@ -104,9 +102,9 @@
             v-model="useV2Exchange"
             :label="$t('button.useV2')"
           ></v-switch>
-          <v-bpa-button color="secondary" @click="cancel()"
-            >Cancel</v-bpa-button
-          >
+          <v-bpa-button color="secondary" @click="cancel()">{{
+            $t("button.cancel")
+          }}</v-bpa-button>
           <v-bpa-button
             :loading="this.isBusy"
             color="primary"
@@ -118,7 +116,7 @@
             :loading="this.isBusy"
             color="primary"
             @click="saveDocument(true && !isProfile(intDoc.type))"
-            >Save & Close</v-bpa-button
+            >{{ $t("button.saveAndClose") }}</v-bpa-button
           >
         </v-layout>
       </v-card-actions>
@@ -127,7 +125,7 @@
         <v-expansion-panel>
           <v-expansion-panel-header
             class="grey--text text--darken-2 font-weight-medium bg-light"
-            >Show raw data</v-expansion-panel-header
+            >{{ $t("showRawData") }}</v-expansion-panel-header
           >
           <v-expansion-panel-content class="bg-light">
             <vue-json-pretty :data="document"></vue-json-pretty>
@@ -177,10 +175,10 @@ export default {
   },
   created() {
     if (this.id && !this.type) {
-      EventBus.$emit("title", "Edit Document");
+      EventBus.$emit("title", this.$t("view.document.titleExisting"));
       this.getDocument();
     } else {
-      EventBus.$emit("title", "Create new Document");
+      EventBus.$emit("title", this.$t("view.document.titleNew"));
       this.document.type = this.type;
       this.document.schemaId = this.schemaId;
       this.document.isPublic = this.isProfile(this.document.type);
@@ -230,7 +228,12 @@ export default {
             this.document = result.data;
             this.intDoc = { ...this.document };
             this.isReady = true;
-            EventBus.$emit("title", "Edit (" + this.document.typeLabel + ")");
+            EventBus.$emit(
+              "title",
+              `${this.$t("view.document.titleEdit")} (${
+                this.document.typeLabel
+              })`
+            );
           }
         })
         .catch((e) => {
@@ -258,7 +261,10 @@ export default {
             } else {
               this.$router.go(this.$router.currentRoute);
             }
-            EventBus.$emit("success", "Success");
+            EventBus.$emit(
+              "success",
+              this.$t("view.document.eventSuccessSaveEdit")
+            );
           })
           .catch((e) => {
             this.isBusy = false;
@@ -284,7 +290,10 @@ export default {
             });
             this.isBusy = false;
             this.$router.go(-1);
-            EventBus.$emit("success", "Success");
+            EventBus.$emit(
+              "success",
+              this.$t("view.document.eventSuccessSaveNew")
+            );
           })
           .catch((e) => {
             this.isBusy = false;
@@ -297,7 +306,10 @@ export default {
         .delete(`${this.$apiBaseUrl}/wallet/document/${this.id}`)
         .then((result) => {
           if (result.status === 200) {
-            EventBus.$emit("success", "Document deleted");
+            EventBus.$emit(
+              "success",
+              this.$t("view.document.eventSuccessDelete")
+            );
             this.$router.go(-1);
           }
         })
diff --git a/frontend/src/views/Identity.vue b/frontend/src/views/Identity.vue
index 0bcb6068a..87d64c66e 100644
--- a/frontend/src/views/Identity.vue
+++ b/frontend/src/views/Identity.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -9,7 +9,7 @@
   <v-container justify-center>
     <v-card class="mx-auto" max-width="400" flat>
       <v-card-title class="grey--text text--darken-2">
-        Identity Information
+        {{ $t("view.identity.titleInfo") }}
       </v-card-title>
 
       <vue-json-pretty v-if="didDocLoaded" :data="didDoc"> </vue-json-pretty>
@@ -18,12 +18,12 @@
 </template>
 
 <script>
-import { EventBus } from "../main";
+import { EventBus } from "@/main";
 export default {
   name: "Identity",
   components: {},
   created() {
-    EventBus.$emit("title", "Identity");
+    EventBus.$emit("title", this.$t("view.identity.title"));
     this.getIdentity();
   },
   data: () => {
diff --git a/frontend/src/views/Notifications.vue b/frontend/src/views/Notifications.vue
index 80ec8ce46..8ee8b3efe 100644
--- a/frontend/src/views/Notifications.vue
+++ b/frontend/src/views/Notifications.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -38,11 +38,7 @@
       <v-expand-transition>
         <div v-show="showActivities">
           <v-card-text>
-            <activity-list
-              :activities="true"
-              :tasks="false"
-              :headers="activityHeaders"
-            />
+            <activity-list :activities="true" :tasks="false" show-role />
           </v-card-text>
         </div>
       </v-expand-transition>
@@ -64,34 +60,6 @@ export default {
   },
   data: () => {
     return {
-      activityHeaders: [
-        {
-          text: "",
-          value: "indicator",
-          sortable: false,
-          filterable: false,
-        },
-        {
-          text: "Type",
-          value: "type",
-        },
-        {
-          text: "Connection",
-          value: "partner",
-        },
-        {
-          text: "Update at",
-          value: "updatedAt",
-        },
-        {
-          text: "Role",
-          value: "role",
-        },
-        {
-          text: "State",
-          value: "state",
-        },
-      ],
       showTasks: true,
       showActivities: false,
     };
diff --git a/frontend/src/views/ProofTemplateCreate.vue b/frontend/src/views/ProofTemplateCreate.vue
index 742411ad5..90369bd3e 100644
--- a/frontend/src/views/ProofTemplateCreate.vue
+++ b/frontend/src/views/ProofTemplateCreate.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -22,7 +22,7 @@
             id="proofTemplateName"
             v-model="proofTemplate.name"
             dense
-            label="Name"
+            :label="$t('view.proofTemplate.create.labelName')"
             :rules="[rules.required]"
           ></v-text-field>
         </v-list-item>
@@ -74,10 +74,12 @@
                   </div>
                 </v-expansion-panel-header>
                 <v-expansion-panel-content>
-                  <AttributeEdit :attribute-group="attributeGroup" />
+                  <AttributeEdit v-model="proofTemplate.attributeGroups[idx]" />
 
                   <!-- Schema Restrictions -->
-                  <RestrictionsEdit :attribute-group="attributeGroup" />
+                  <RestrictionsEdit
+                    v-model="proofTemplate.attributeGroups[idx]"
+                  />
 
                   <v-card-actions>
                     <v-bpa-button
diff --git a/frontend/src/views/ProofTemplateView.vue b/frontend/src/views/ProofTemplateView.vue
index 5ca56b558..92b686647 100644
--- a/frontend/src/views/ProofTemplateView.vue
+++ b/frontend/src/views/ProofTemplateView.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -130,7 +130,10 @@ export default {
         .deleteProofTemplate(this.proofTemplate.id)
         .then((result) => {
           if (result.status === 200) {
-            EventBus.$emit("success", "Proof Template Deleted");
+            EventBus.$emit(
+              "success",
+              this.$t("view.proofTemplate.view.eventSuccessDelete")
+            );
             this.$router.push({
               name: "ProofTemplates",
               params: {},
diff --git a/frontend/src/views/ProofTemplates.vue b/frontend/src/views/ProofTemplates.vue
index 160baf856..dcd3cb0fe 100644
--- a/frontend/src/views/ProofTemplates.vue
+++ b/frontend/src/views/ProofTemplates.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
diff --git a/frontend/src/views/PublicProfile.vue b/frontend/src/views/PublicProfile.vue
index 8e2d1599e..e4d2d4d77 100644
--- a/frontend/src/views/PublicProfile.vue
+++ b/frontend/src/views/PublicProfile.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -14,7 +14,7 @@
       <v-card class="mx-auto" flat>
         <Profile
           v-bind:partner="{ credential: publicDocumentsAndCredentials }"
-          organization-profile-edit-visible="true"
+          organization-profile-edit-visible
         />
       </v-card>
     </div>
@@ -36,7 +36,7 @@
 
 <script>
 import Profile from "@/components/Profile";
-import { EventBus } from "../main";
+import { EventBus } from "@/main";
 export default {
   name: "PublicProfile",
   props: {},
diff --git a/frontend/src/views/RequestCredential.vue b/frontend/src/views/RequestCredential.vue
index c8ab21f3f..afce3c5b5 100644
--- a/frontend/src/views/RequestCredential.vue
+++ b/frontend/src/views/RequestCredential.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -17,6 +17,7 @@
         v-bind:headers="docHeaders"
         v-model="selectedDocument"
         disable-verification-request
+        use-indy
         selectable
         type="document"
       ></MyCredentialList>
@@ -51,7 +52,6 @@
 import { EventBus } from "@/main";
 import { ExchangeVersion } from "@/constants";
 import MyCredentialList from "@/components/MyCredentialList";
-import { docHeaders } from "@/components/tableHeaders/WalletHeaders";
 import VBpaButton from "@/components/BpaButton";
 import credentialService from "@/services/credentialService";
 
@@ -73,13 +73,36 @@ export default {
       selectedSchema: [],
       selectedIssuer: [],
       useV2Exchange: false,
-      docHeaders: docHeaders,
     };
   },
   computed: {
     expertMode() {
       return this.$store.state.expertMode;
     },
+    docHeaders() {
+      return [
+        {
+          text: this.$t("view.requestCredential.headers.label"),
+          value: "label",
+        },
+        {
+          text: this.$t("view.requestCredential.headers.type"),
+          value: "type",
+        },
+        {
+          text: this.$t("view.requestCredential.headers.createdDate"),
+          value: "createdDate",
+        },
+        {
+          text: this.$t("view.requestCredential.headers.updatedDate"),
+          value: "updatedDate",
+        },
+        {
+          text: this.$t("view.requestCredential.headers.isPublic"),
+          value: "isPublic",
+        },
+      ];
+    },
   },
   methods: {
     openCreateDocument() {
@@ -102,7 +125,10 @@ export default {
       credentialService
         .sendCredentialRequest(this.id, data)
         .then(() => {
-          EventBus.$emit("success", "Credential verification request sent");
+          EventBus.$emit(
+            "success",
+            this.$t("view.requestCredential.eventSuccessSend")
+          );
           this.isBusy = false;
           this.$router.go(-1);
         })
diff --git a/frontend/src/views/RequestCredentialCreateDocument.vue b/frontend/src/views/RequestCredentialCreateDocument.vue
index fd3ed00d0..7a0a90caf 100644
--- a/frontend/src/views/RequestCredentialCreateDocument.vue
+++ b/frontend/src/views/RequestCredentialCreateDocument.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -66,7 +66,10 @@ export default {
       credentialService
         .sendCredentialRequest(this.id, data)
         .then(() => {
-          EventBus.$emit("success", "Credential verification request sent");
+          EventBus.$emit(
+            "success",
+            this.$t("view.requestCredential.eventSuccessSend")
+          );
           this.isBusy = false;
           this.$router.go(-1);
         })
diff --git a/frontend/src/views/RequestPresentation.vue b/frontend/src/views/RequestPresentation.vue
index 71470ecac..5a5a09c6c 100644
--- a/frontend/src/views/RequestPresentation.vue
+++ b/frontend/src/views/RequestPresentation.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -97,7 +97,10 @@ export default {
       proofTemplateService
         .sendProofTemplate(this.selectedProofTemplate[0].id, this.id, data)
         .then(() => {
-          EventBus.$emit("success", "Presentation request sent");
+          EventBus.$emit(
+            "success",
+            this.$t("view.requestPresentation.eventSuccessSend")
+          );
           this.isBusy = false;
           this.$router.go(-1);
         })
diff --git a/frontend/src/views/RequestPresentationCreateProofTemplate.vue b/frontend/src/views/RequestPresentationCreateProofTemplate.vue
index 713919947..800e063f2 100644
--- a/frontend/src/views/RequestPresentationCreateProofTemplate.vue
+++ b/frontend/src/views/RequestPresentationCreateProofTemplate.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -44,7 +44,10 @@ export default {
           data
         )
         .then(() => {
-          EventBus.$emit("success", "Presentation request sent");
+          EventBus.$emit(
+            "success",
+            this.$t("view.requestPresentation.eventSuccessSend")
+          );
           this.$router.go(-2);
         })
         .catch((e) => {
diff --git a/frontend/src/views/RequestVerification.vue b/frontend/src/views/RequestVerification.vue
index 8cda30f64..c2a370d2b 100644
--- a/frontend/src/views/RequestVerification.vue
+++ b/frontend/src/views/RequestVerification.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -12,12 +12,11 @@
         <v-btn depressed color="secondary" icon @click="$router.go(-1)">
           <v-icon dark>$vuetify.icons.prev</v-icon>
         </v-btn>
-        Select Business Partner
+        {{ $t("view.requestVerification.titleSelect") }}
       </v-card-title>
       <v-card-text>
         <h4 class="pt-4">
-          Select the business partner you would like to request a verification
-          from
+          {{ $t("view.requestVerification.subtitleSelect") }}
         </h4>
         <PartnerList
           v-bind:selectable="true"
@@ -33,14 +32,14 @@
             v-model="useV2Exchange"
             :label="$t('button.useV2')"
           ></v-switch>
-          <v-bpa-button color="secondary" @click="cancel()"
-            >Cancel</v-bpa-button
-          >
+          <v-bpa-button color="secondary" @click="cancel()">{{
+            $t("button.cancel")
+          }}</v-bpa-button>
           <v-bpa-button
             :loading="this.isBusy"
             color="primary"
             @click="checkRequest"
-            >Submit</v-bpa-button
+            >{{ $t("button.submit") }}</v-bpa-button
           >
         </v-layout>
       </v-card-actions>
@@ -48,13 +47,19 @@
     <v-dialog v-model="attentionPartnerStateDialog" max-width="500">
       <v-card>
         <v-card-title class="headline"
-          >Connection State {{ partner.state }}
+          >{{
+            $t("view.requestVerification.connectionState", {
+              state: partner.state,
+            })
+          }}
         </v-card-title>
 
         <v-card-text>
-          The connection with your Business Partner is marked as
-          {{ partner.state }}. This could mean that your request will fail. Do
-          you want to try anyways?
+          {{
+            $t("view.requestVerification.connectionWarning", {
+              state: partner.state,
+            })
+          }}
         </v-card-text>
 
         <v-card-actions>
@@ -63,12 +68,12 @@
           <v-bpa-button
             color="secondary"
             @click="attentionPartnerStateDialog = false"
-            >No</v-bpa-button
+            >{{ $t("button.no") }}</v-bpa-button
           >
 
-          <v-bpa-button color="primary" @click="submitRequest"
-            >Yes</v-bpa-button
-          >
+          <v-bpa-button color="primary" @click="submitRequest">{{
+            $t("button.yes")
+          }}</v-bpa-button>
         </v-card-actions>
       </v-card>
     </v-dialog>
@@ -80,8 +85,7 @@ import { EventBus } from "@/main";
 import PartnerList from "@/components/PartnerList";
 import VBpaButton from "@/components/BpaButton";
 import { getPartnerState } from "@/utils/partnerUtils";
-import { PartnerStates } from "@/constants";
-import { ExchangeVersion } from "@/constants";
+import { PartnerStates, ExchangeVersion } from "@/constants";
 import credentialService from "@/services/credentialService";
 
 export default {
@@ -95,9 +99,12 @@ export default {
     schemaId: String,
   },
   created() {
-    EventBus.$emit("title", "Request Verification");
+    EventBus.$emit("title", this.$t("view.requestVerification.title"));
     if (!this.schemaId) {
-      EventBus.$emit("success", "Can't start verification");
+      EventBus.$emit(
+        "success",
+        this.$t("view.requestVerification.eventSuccessNoVerification")
+      );
       this.$router.push({ name: "Wallet" });
     }
   },
@@ -132,7 +139,10 @@ export default {
           }
         }
       } else {
-        EventBus.$emit("error", "No partner for verification request selected");
+        EventBus.$emit(
+          "error",
+          this.$t("view.requestVerification.eventErrorSelect")
+        );
       }
     },
     submitRequest() {
@@ -150,7 +160,10 @@ export default {
         .then((res) => {
           console.log(res);
           this.isBusy = false;
-          EventBus.$emit("success", "Credential verification request sent");
+          EventBus.$emit(
+            "success",
+            this.$t("view.requestVerification.eventSuccessSend")
+          );
           this.$router.go(-2);
         })
         .catch((e) => {
diff --git a/frontend/src/views/Schema.vue b/frontend/src/views/Schema.vue
index 2ee59305e..2967672dc 100644
--- a/frontend/src/views/Schema.vue
+++ b/frontend/src/views/Schema.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -33,14 +33,16 @@
           <v-list-item-title
             class="grey--text text--darken-2 font-weight-medium"
           >
-            Schema ID:
+            {{ $t("view.schema.id") }}:
           </v-list-item-title>
           <v-list-item-subtitle>
             {{ data.schemaId }}
           </v-list-item-subtitle>
         </v-list-item>
 
-        <h4 class="my-4 grey--text text--darken-3">Schema Attributes</h4>
+        <h4 class="my-4 grey--text text--darken-3">
+          {{ $t("view.schema.attributes") }}
+        </h4>
 
         <v-list-item
           v-for="attribute in data.schemaAttributeNames"
@@ -55,9 +57,9 @@
       </v-container>
       <v-card-actions>
         <v-layout align-end justify-end>
-          <v-bpa-button color="primary" :to="{ name: 'SchemaSettings' }"
-            >Close</v-bpa-button
-          >
+          <v-bpa-button color="primary" :to="{ name: 'SchemaSettings' }">{{
+            $t("button.close")
+          }}</v-bpa-button>
         </v-layout>
       </v-card-actions>
     </v-card>
@@ -65,7 +67,7 @@
 </template>
 
 <script>
-import { EventBus } from "../main";
+import { EventBus } from "@/main";
 import TrustedIssuers from "../components/TrustedIssuers";
 import VBpaButton from "@/components/BpaButton";
 export default {
@@ -79,7 +81,7 @@ export default {
     TrustedIssuers,
   },
   mounted() {
-    EventBus.$emit("title", "Schema");
+    EventBus.$emit("title", this.$t("view.schema.title"));
     console.log("SCHEMA", this.schema);
     this.fetch();
   },
@@ -122,7 +124,10 @@ export default {
         .then((result) => {
           console.log(result);
           if (result.status === 200) {
-            EventBus.$emit("success", "Schema deleted");
+            EventBus.$emit(
+              "success",
+              this.$t("view.schema.eventSuccessDelete")
+            );
             this.$router.push({
               name: "SchemaSettings",
             });
diff --git a/frontend/src/views/SendPresentation.vue b/frontend/src/views/SendPresentation.vue
index 2b807852e..1087c72ff 100644
--- a/frontend/src/views/SendPresentation.vue
+++ b/frontend/src/views/SendPresentation.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -71,29 +71,31 @@ export default {
       isBusy: false,
       useV2Exchange: false,
       selectedCredentials: [],
-      credHeaders: [
+    };
+  },
+  computed: {
+    expertMode() {
+      return this.$store.state.expertMode;
+    },
+    credHeaders() {
+      return [
         {
-          text: "Label",
+          text: this.$t("view.sendPresentation.label"),
           value: "label",
         },
         {
-          text: "Type",
+          text: this.$t("view.sendPresentation.type"),
           value: "type",
         },
         {
-          text: "Issued by",
+          text: this.$t("view.sendPresentation.issuedBy"),
           value: "issuer",
         },
         {
-          text: "Issued at",
+          text: this.$t("view.sendPresentation.issuedAt"),
           value: "issuedAt",
         },
-      ],
-    };
-  },
-  computed: {
-    expertMode() {
-      return this.$store.state.expertMode;
+      ];
     },
   },
   methods: {
@@ -111,7 +113,10 @@ export default {
           .then((res) => {
             console.log(res);
             this.isBusy = false;
-            EventBus.$emit("success", "Presentation sent");
+            EventBus.$emit(
+              "success",
+              this.$t("view.sendPresentation.eventSuccessSend")
+            );
             this.$router.push({
               name: "Partner",
               params: { id: this.id },
diff --git a/frontend/src/views/Wallet.vue b/frontend/src/views/Wallet.vue
index 689cf1db1..e4a13c14d 100644
--- a/frontend/src/views/Wallet.vue
+++ b/frontend/src/views/Wallet.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -68,10 +68,6 @@
 import { CredentialTypes } from "@/constants";
 import MyCredentialList from "@/components/MyCredentialList";
 import { EventBus } from "@/main";
-import {
-  credHeaders,
-  docHeaders,
-} from "@/components/tableHeaders/WalletHeaders";
 
 export default {
   name: "Wallet",
@@ -86,9 +82,6 @@ export default {
   data: () => {
     return {
       search: "",
-      scheams: [],
-      credHeaders: credHeaders,
-      docHeaders: docHeaders,
     };
   },
   methods: {
@@ -107,6 +100,58 @@ export default {
     },
   },
   computed: {
+    credHeaders() {
+      return [
+        {
+          text: this.$t("view.wallet.credentials.headers.label"),
+          value: "label",
+        },
+        {
+          text: this.$t("view.wallet.credentials.headers.type"),
+          value: "type",
+        },
+        {
+          text: this.$t("view.wallet.credentials.headers.issuer"),
+          value: "issuer",
+        },
+        {
+          text: this.$t("view.wallet.credentials.headers.issuedAt"),
+          value: "issuedAt",
+        },
+        {
+          text: this.$t("view.wallet.credentials.headers.revoked"),
+          value: "revoked",
+        },
+        {
+          text: this.$t("view.wallet.credentials.headers.isPublic"),
+          value: "isPublic",
+        },
+      ];
+    },
+    docHeaders() {
+      return [
+        {
+          text: this.$t("view.wallet.documents.headers.label"),
+          value: "label",
+        },
+        {
+          text: this.$t("view.wallet.documents.headers.type"),
+          value: "type",
+        },
+        {
+          text: this.$t("view.wallet.documents.headers.createdDate"),
+          value: "createdDate",
+        },
+        {
+          text: this.$t("view.wallet.documents.headers.updatedDate"),
+          value: "updatedDate",
+        },
+        {
+          text: this.$t("view.wallet.documents.headers.isPublic"),
+          value: "isPublic",
+        },
+      ];
+    },
     newDocumentTypes() {
       let docTypes = this.$store.getters.getSchemas;
       if (this.$store.getters.getOrganizationalProfile) {
diff --git a/frontend/src/views/issuer/CredentialManagement.vue b/frontend/src/views/issuer/CredentialManagement.vue
index f6a364f0b..ed10ecc77 100644
--- a/frontend/src/views/issuer/CredentialManagement.vue
+++ b/frontend/src/views/issuer/CredentialManagement.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -73,7 +73,9 @@
                 v-on="on"
                 color="primary"
                 :disabled="issueCredentialDisabled"
-                >Issue Credential</v-bpa-button
+                >{{
+                  $t("view.issueCredentials.cards.action.button")
+                }}</v-bpa-button
               >
             </template>
             <IssueCredential
@@ -103,7 +105,6 @@
           :is-loading="isLoadingCredentials"
         ></CredExList>
       </v-card-text>
-      <v-card-actions> </v-card-actions>
     </v-card>
   </v-container>
 </template>
diff --git a/frontend/src/views/partner/AddPartner.vue b/frontend/src/views/partner/AddPartner.vue
index 00a6f0511..c3dd993ed 100644
--- a/frontend/src/views/partner/AddPartner.vue
+++ b/frontend/src/views/partner/AddPartner.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -13,8 +13,8 @@
       </v-card-title>
       <v-container fluid>
         <v-radio-group v-model="radios" row>
-          <v-radio value="did" label="By DID" />
-          <v-radio value="url" label="By Invitation" />
+          <v-radio value="did" :label="$t('view.addPartner.radioDid')" />
+          <v-radio value="url" :label="$t('view.addPartner.radioInvitation')" />
         </v-radio-group>
       </v-container>
 
@@ -57,7 +57,7 @@
           </v-col>
           <v-col cols="8">
             <v-text-field
-              label="Name"
+              :label="$t('view.addPartner.labelName')"
               persistent-placeholder
               :placeholder="aliasPlaceholder"
               v-model.trim="alias"
@@ -88,7 +88,6 @@
               class="grey--text text--darken-2 font-weight-medium"
               >{{ $t("view.addPartner.trustPing") }}</v-list-item-title
             >
-
             <v-list-item-action>
               <v-switch v-model="trustPing"></v-switch>
             </v-list-item-action>
@@ -102,7 +101,6 @@
           <v-bpa-button color="secondary" to="/app/partners">
             {{ $t("button.cancel") }}
           </v-bpa-button>
-
           <v-bpa-button v-if="!partnerLoaded" color="primary" @click="lookup()">
             {{ $t("view.addPartner.lookupPartnerBtnLabel") }}
           </v-bpa-button>
@@ -118,7 +116,7 @@
             <v-text-field
               prepend-icon="$vuetify.icons.invitation"
               :label="$t('view.addPartner.formInvitationLabel')"
-              placeholder="URL received from an agent you want to connect to"
+              :placeholder="$t('view.addPartner.placeholderUrl')"
               v-model="invitationUrl"
               @change="invitationUrlLoaded = false"
               outlined
@@ -146,7 +144,7 @@
           </v-col>
           <v-col cols="8">
             <v-text-field
-              label="Name"
+              :label="$t('view.addPartner.labelName')"
               persistent-placeholder
               :placeholder="aliasPlaceholder"
               v-model.trim="alias"
@@ -177,7 +175,6 @@
               class="grey--text text--darken-2 font-weight-medium"
               >{{ $t("view.addPartner.trustPing") }}</v-list-item-title
             >
-
             <v-list-item-action>
               <v-switch v-model="trustPing"></v-switch>
             </v-list-item-action>
@@ -194,11 +191,11 @@
             color="primary"
             @click="checkInvitation()"
             :disabled="invitationUrl === ''"
-            >Check Invitation</v-bpa-button
-          >
-          <v-bpa-button v-else color="primary" @click="acceptInvitation()"
-            >Accept Invitation</v-bpa-button
+            >{{ $t("view.addPartner.buttonCheckInvitation") }}</v-bpa-button
           >
+          <v-bpa-button v-else color="primary" @click="acceptInvitation()">{{
+            $t("view.addPartner.buttonAcceptInvitation")
+          }}</v-bpa-button>
         </v-layout>
       </v-card-actions>
     </v-card>
@@ -217,7 +214,6 @@ export default {
     VBpaButton,
     Profile,
   },
-  created() {},
   data: () => {
     return {
       partnerLoading: false,
@@ -264,16 +260,19 @@ export default {
               if ({}.hasOwnProperty.call(partner, "credential"))
                 this.partnerLoaded = true;
             } else if (partner.ariesSupport) {
-              this.msg =
-                "Partner has no public profile. You can add him to get more information using Aries protocols.";
+              this.msg = this.$t("view.addPartner.messageLookupNoPublic");
               this.partnerLoaded = true;
             } else {
-              this.msg = "Partner has no public profile and no Aries support.";
+              this.msg = this.$t(
+                "view.addPartner.messageLookupNoPublicNoAries"
+              );
             }
           }
         })
         .catch((e) => {
-          this.msg = `Could not resolve ${this.did}.`;
+          this.msg = `${this.$t("view.addPartner.messageDidNoResolve")} ${
+            this.did
+          }.`;
           this.partnerLoading = false;
           EventBus.$emit("error", this.$axiosErrorMessage(e));
         });
@@ -298,7 +297,10 @@ export default {
           if (result.status === 201) {
             store.dispatch("loadPartners");
             store.dispatch("loadPartnerSelectList");
-            EventBus.$emit("success", "Partner added successfully");
+            EventBus.$emit(
+              "success",
+              this.$t("view.addPartner.eventSuccessAdd")
+            );
             this.$router.push({
               name: "Partners",
             });
@@ -306,7 +308,10 @@ export default {
         })
         .catch((e) => {
           if (e.response.status === 412) {
-            EventBus.$emit("error", "Partner already exists");
+            EventBus.$emit(
+              "error",
+              this.$t("view.addPartner.eventErrorAlreadyExists")
+            );
           } else {
             EventBus.$emit("error", this.$axiosErrorMessage(e));
           }
@@ -363,7 +368,10 @@ export default {
             store.dispatch("loadPartners");
             this.receivedInvitation = {};
             this.invitationUrlLoaded = false;
-            EventBus.$emit("success", "Partner added successfully");
+            EventBus.$emit(
+              "success",
+              this.$t("view.addPartner.eventSuccessAdd")
+            );
             this.$router.push({
               name: "Partners",
             });
diff --git a/frontend/src/views/partner/AddPartnerbyURL.vue b/frontend/src/views/partner/AddPartnerbyURL.vue
index 220eae6b0..7fbb2134d 100644
--- a/frontend/src/views/partner/AddPartnerbyURL.vue
+++ b/frontend/src/views/partner/AddPartnerbyURL.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -26,8 +26,7 @@
           </v-col>
           <v-col cols="8">
             <v-text-field
-              label="Name"
-              placeholder=""
+              :label="$t('view.addPartnerbyURL.labelName')"
               v-model="alias"
               outlined
               dense
@@ -118,9 +117,9 @@
       </v-container>
       <v-card-actions>
         <v-layout justify-space-between>
-          <v-bpa-button color="secondary" to="/app/partners"
-            >Return</v-bpa-button
-          >
+          <v-bpa-button color="secondary" to="/app/partners">{{
+            $t("button.return")
+          }}</v-bpa-button>
         </v-layout>
       </v-card-actions>
     </v-card>
@@ -134,7 +133,6 @@ import VBpaButton from "@/components/BpaButton";
 import store from "@/store";
 export default {
   name: "AddPartnerbyURL",
-  created: () => {},
   components: {
     VBpaButton,
     QrcodeVue,
@@ -183,7 +181,7 @@ export default {
             store.dispatch("loadPartnerSelectList");
             EventBus.$emit(
               "success",
-              "Partner Invitation created successfully"
+              this.$t("view.addPartnerbyURL.eventSuccessCreatePartnerInvite")
             );
           }
         })
diff --git a/frontend/src/views/partner/Partner.vue b/frontend/src/views/partner/Partner.vue
index d1f2780ce..484ccddd6 100644
--- a/frontend/src/views/partner/Partner.vue
+++ b/frontend/src/views/partner/Partner.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2021 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -76,7 +76,6 @@
                 $vuetify.icons.connectionAlert
               </v-icon>
             </v-avatar>
-
             <v-row>
               <span class="font-weight-medium">
                 {{ $t("view.partner.requestReceived") }}
@@ -117,7 +116,6 @@
         <Profile v-if="isReady" v-bind:partner="partner"></Profile>
       </v-card-text>
 
-      <v-card-actions> </v-card-actions>
       <v-expansion-panels v-if="expertMode" accordion flat>
         <v-expansion-panel>
           <v-expansion-panel-header
@@ -152,12 +150,11 @@
       ></v-progress-linear>
       <PresentationExList
         v-if="isReady"
-        v-bind:items="presentationExRecords"
+        v-model="presentationExRecords"
         v-bind:openItemById="presExId"
         @changed="refreshPresentationRecords"
       />
       <v-card-actions>
-        <!-- TODO: Implement based on Proof Template -->
         <v-bpa-button small color="secondary" @click="sendPresentation">{{
           $t("view.partner.presentationExchanges.button.send")
         }}</v-bpa-button>
@@ -200,7 +197,7 @@
       <CredExList
         v-if="isReady"
         v-bind:items="issuedCredentials"
-        v-bind:headers="headersIssued"
+        header-role
         v-bind:openItemById="credExId"
         @changed="refreshIssuedCredentialRecords"
       ></CredExList>
@@ -218,7 +215,6 @@
           >
           </IssueCredential>
         </v-dialog>
-        <!-- TODO -->
         <v-bpa-button
           style="margin-left: 8px"
           small
@@ -236,20 +232,16 @@
         <v-card-title class="headline"
           >{{ $t("view.partner.stateDialog.title", { state: partner.state }) }}
         </v-card-title>
-
         <v-card-text>
           {{ $t("view.partner.stateDialog.text", { state: partner.state }) }}
         </v-card-text>
-
         <v-card-actions>
           <v-spacer></v-spacer>
-
           <v-bpa-button
             color="secondary"
             @click="attentionPartnerStateDialog = false"
             >{{ $t("view.partner.stateDialog.no") }}</v-bpa-button
           >
-
           <v-bpa-button color="primary" @click="proceed">{{
             $t("view.partner.stateDialog.yes")
           }}</v-bpa-button>
@@ -314,37 +306,9 @@ export default {
       presentationExRecords: [],
       issuedCredentials: [],
       rules: {
-        required: (value) => !!value || "Can't be empty",
+        required: (value) => !!value || this.$t("app.rules.required"),
       },
       PartnerStates: PartnerStates,
-      headersIssued: [
-        {
-          text: "",
-          value: "indicator",
-          sortable: false,
-          filterable: false,
-        },
-        {
-          text: "Type",
-          value: "displayText",
-        },
-        {
-          text: "Role",
-          value: "role",
-        },
-        {
-          text: "Updated at",
-          value: "updatedAt",
-        },
-        {
-          text: "State",
-          value: "state",
-        },
-        {
-          text: "Revocation",
-          value: "revocable",
-        },
-      ],
       issueCredentialDialog: false,
     };
   },
@@ -430,8 +394,7 @@ export default {
         .then((result) => {
           this.isLoadingCredExRecords = false;
           if ({}.hasOwnProperty.call(result, "data")) {
-            let data = result.data;
-            this.issuedCredentials = data;
+            this.issuedCredentials = result.data;
           }
         })
         .catch((e) => {
@@ -443,7 +406,6 @@ export default {
     refreshIssuedCredentialRecords() {
       this.getIssuedCredentials(this.id);
     },
-    // TODO
     requestCredential() {
       if (this.isActive) {
         this.$router.push({
@@ -479,7 +441,6 @@ export default {
             };
 
             this.partner.bpa_state = getPartnerState(this.partner);
-
             this.alias = this.partner.name;
             this.did = this.partner.did;
             this.isReady = true;
@@ -500,7 +461,10 @@ export default {
           console.log(result);
           if (result.status === 200) {
             store.dispatch("loadPartners");
-            EventBus.$emit("success", "Partner deleted");
+            EventBus.$emit(
+              "success",
+              this.$t("view.partner.eventSuccessPartnerDelete")
+            );
             this.$router.push({
               name: "Partners",
             });
@@ -516,7 +480,10 @@ export default {
         .then((result) => {
           console.log(result);
           if (result.status === 200) {
-            EventBus.$emit("success", "Connection request accepted");
+            EventBus.$emit(
+              "success",
+              this.$t("view.partner.eventSuccessConnectionAccepted")
+            );
             // allow a little time for the partner state to change, so the remove/accept panel will not be displayed
             setTimeout(() => this.getPartner(), 1000);
           }
diff --git a/frontend/src/views/partner/Partners.vue b/frontend/src/views/partner/Partners.vue
index aa9af2040..e2f68120f 100644
--- a/frontend/src/views/partner/Partners.vue
+++ b/frontend/src/views/partner/Partners.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -15,16 +15,15 @@
             class="mr-4"
             v-model="showInvitations"
             inset
-            label="Show Invitations"
+            :label="$t('view.partners.showInvitations')"
           ></v-switch>
           <v-bpa-button color="primary" icon @click="refresh = true">
             <v-icon dark>$vuetify.icons.refresh</v-icon>
           </v-bpa-button>
         </v-layout>
       </v-card-title>
-
       <PartnerList
-        :headers="headers"
+        show-all-headers
         :indicateNew="true"
         :showInvitations="showInvitations"
         :refresh="refresh"
@@ -79,27 +78,8 @@ export default {
       search: "",
       refresh: false,
       showInvitations: false,
-      headers: [
-        {
-          text: "Name",
-          value: "name",
-        },
-        {
-          text: "Address",
-          value: "address",
-        },
-        {
-          text: "Updated at",
-          value: "updatedAt",
-        },
-        {
-          text: "State",
-          value: "state",
-        },
-      ],
       partners: [],
     };
   },
-  methods: {},
 };
 </script>
diff --git a/frontend/src/views/settings/SchemaSettings.vue b/frontend/src/views/settings/SchemaSettings.vue
index 05baa1f5f..b93cb23a2 100644
--- a/frontend/src/views/settings/SchemaSettings.vue
+++ b/frontend/src/views/settings/SchemaSettings.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -12,7 +12,7 @@
         <v-btn depressed color="secondary" icon @click="$router.go(-1)">
           <v-icon dark>$vuetify.icons.prev</v-icon>
         </v-btn>
-        <span>Schemas</span>
+        <span>{{ $t("view.schemaSettings.title") }}</span>
       </v-card-title>
       <v-card-text>
         <SchemaList
@@ -24,9 +24,9 @@
         <v-layout align-end justify-end>
           <v-dialog v-model="createSchemaDialog" persistent max-width="600px">
             <template v-slot:activator="{ on, attrs }">
-              <v-bpa-button v-bind="attrs" v-on="on" color="secondary"
-                >Create Schema</v-bpa-button
-              >
+              <v-bpa-button v-bind="attrs" v-on="on" color="secondary">{{
+                $t("view.schemaSettings.buttonCreateSchema")
+              }}</v-bpa-button>
             </template>
             <CreateSchema
               @success="onSchemaCreated"
@@ -35,9 +35,9 @@
           </v-dialog>
           <v-dialog v-model="addSchemaDialog" persistent max-width="600px">
             <template v-slot:activator="{ on, attrs }">
-              <v-bpa-button v-bind="attrs" v-on="on" color="primary"
-                >Import Schema</v-bpa-button
-              >
+              <v-bpa-button v-bind="attrs" v-on="on" color="primary">{{
+                $t("view.schemaSettings.buttonImportSchema")
+              }}</v-bpa-button>
             </template>
             <AddSchema
               @success="onSchemaAdded"
@@ -55,7 +55,6 @@ import { EventBus } from "@/main";
 import SchemaList from "@/components/SchemaList";
 import AddSchema from "@/components/AddSchema";
 import CreateSchema from "@/components/CreateSchema";
-
 import store from "@/store";
 import VBpaButton from "@/components/BpaButton";
 
@@ -68,7 +67,7 @@ export default {
     SchemaList,
   },
   created() {
-    EventBus.$emit("title", "Schema Settings");
+    EventBus.$emit("title", this.$t("view.schemaSettings.title"));
   },
   data: () => {
     return {
@@ -76,7 +75,6 @@ export default {
       createSchemaDialog: false,
     };
   },
-  computed: {},
   methods: {
     onSchemaAdded() {
       store.dispatch("loadSchemas");
diff --git a/frontend/src/views/settings/Settings.vue b/frontend/src/views/settings/Settings.vue
index 7bfcaa200..c297d0fdc 100644
--- a/frontend/src/views/settings/Settings.vue
+++ b/frontend/src/views/settings/Settings.vue
@@ -1,14 +1,28 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
 <template>
   <v-container justify-center>
     <v-card class="my-4 mx-auto">
-      <v-card-title class="bg-light">Settings</v-card-title>
+      <v-card-title class="bg-light">{{
+        $t("view.settings.title")
+      }}</v-card-title>
+      <v-list-item v-if="!isLoading">
+        <v-list-item-title class="grey--text text--darken-2 font-weight-medium">
+          {{ $t("view.settings.language") }}
+        </v-list-item-title>
+        <v-select
+          v-model="selectedLocale"
+          :items="availableLocales"
+          item-text="label"
+          item-value="locale"
+          @change="changeLanguage($event)"
+        ></v-select>
+      </v-list-item>
       <v-list-item v-if="!isLoading">
         <v-list-item-title class="grey--text text--darken-2 font-weight-medium">
           {{ $t("view.settings.walletDID") }}
@@ -37,7 +51,7 @@
         <v-list-item-content>
           <v-list-item-title
             class="grey--text text--darken-2 font-weight-medium"
-            >Tags</v-list-item-title
+            >{{ $t("view.settings.tags") }}</v-list-item-title
           >
         </v-list-item-content>
         <v-list-item-action>
@@ -48,7 +62,7 @@
       </v-list-item>
       <v-list-item>
         <v-list-item-title class="grey--text text--darken-2 font-weight-medium">
-          Frontend Color
+          {{ $t("view.settings.frontendColor") }}
         </v-list-item-title>
         <v-list-item-subtitle align="end">
           <text-field-color-picker
@@ -68,7 +82,7 @@
       </v-list-item>
       <v-list-item>
         <v-list-item-title class="grey--text text--darken-2 font-weight-medium">
-          Icons Color
+          {{ $t("view.settings.iconsColor") }}
         </v-list-item-title>
         <v-list-item-subtitle align="end">
           <text-field-color-picker
@@ -107,14 +121,12 @@
         v-for="setting in settings"
         :key="setting.text"
       >
-        <!-- <v-list-item-content> -->
         <v-list-item-title class="grey--text text--darken-2 font-weight-medium">
           {{ setting.text }}
         </v-list-item-title>
         <v-list-item-subtitle align="end">
           {{ setting.value }}
         </v-list-item-subtitle>
-        <!-- </v-list-item-content> -->
       </v-list-item>
     </v-card>
   </v-container>
@@ -123,51 +135,85 @@
 <script>
 import { EventBus } from "@/main";
 import TextFieldColorPicker from "@/components/helper/TextFieldColorPicker";
+import i18n from "@/plugins/i18n";
 
 export default {
   name: "Settings",
   created() {
-    EventBus.$emit("title", "Settings");
+    EventBus.$emit("title", this.$t("view.settings.title"));
     this.getStatus();
   },
   data: () => {
     return {
       isLoading: true,
-      settingsHeader: [
+      selectedLocale: {
+        locale: i18n.locale,
+      },
+      isEditingColor: false,
+      isEditingColorIcons: false,
+    };
+  },
+  computed: {
+    settingsHeader() {
+      return [
         {
-          text: "BPA Name",
+          text: this.$t("view.settings.header.agentName"),
           value: "agentName",
         },
         {
-          text: "Host",
+          text: this.$t("view.settings.header.host"),
           value: "host",
         },
         {
-          text: "Universal Resolver",
+          text: this.$t("view.settings.header.uniResolverUrl"),
           value: "uniResolverUrl",
         },
         {
-          text: "Ledger Browser",
+          text: this.$t("view.settings.header.ledgerBrowser"),
           value: "ledgerBrowser",
         },
         {
-          text: "Ledger DID Prefix",
+          text: this.$t("view.settings.header.ledgerPrefix"),
           value: "ledgerPrefix",
         },
         {
-          text: "Uptime HH:mm:ss.SSS",
+          text: this.$t("view.settings.header.uptime"),
           value: "uptime",
         },
         {
-          text: "Version",
+          text: this.$t("view.settings.header.buildVersion"),
           value: "buildVersion",
         },
-      ],
-      isEditingColor: false,
-      isEditingColorIcons: false,
-    };
-  },
-  computed: {
+      ];
+    },
+    availableLocales() {
+      return i18n.availableLocales.map((availableLocale) => {
+        const { meta } = i18n.getLocaleMessage(availableLocale);
+
+        let selectLabel = availableLocale;
+        if (meta) {
+          if (meta.label !== undefined && meta.label !== "") {
+            selectLabel = meta.label;
+          } else if (
+            meta.langNameNative !== undefined &&
+            meta.langNameNative !== ""
+          ) {
+            selectLabel = meta.langNameNative;
+            if (
+              meta.langNameEnglish !== undefined &&
+              meta.langNameEnglish !== ""
+            ) {
+              selectLabel += ` (${meta.langNameEnglish})`;
+            }
+          }
+        }
+
+        return {
+          locale: availableLocale,
+          label: selectLabel,
+        };
+      });
+    },
     expertMode: {
       set(body) {
         this.$store.commit({
@@ -191,6 +237,12 @@ export default {
     },
   },
   methods: {
+    changeLanguage(locale) {
+      i18n.locale = locale;
+      this.$vuetify.lang.current = locale;
+      localStorage.setItem("locale", locale);
+      EventBus.$emit("title", this.$t("view.settings.title"));
+    },
     onPickColor(c) {
       this.$vuetify.theme.themes.light.primary = c;
       localStorage.setItem("uiColor", c);
@@ -230,8 +282,8 @@ export default {
         successful = false;
       }
       successful
-        ? EventBus.$emit("success", "DID copied")
-        : EventBus.$emit("error", "Can't copy DID");
+        ? EventBus.$emit("success", this.$t("view.settings.eventSuccessCopy"))
+        : EventBus.$emit("error", this.$t("view.settings.eventErrorCopy"));
       document.body.removeChild(el);
       window.getSelection().removeAllRanges();
     },
diff --git a/frontend/src/views/settings/TagManagement.vue b/frontend/src/views/settings/TagManagement.vue
index 11b36bba3..fc2d51e8b 100644
--- a/frontend/src/views/settings/TagManagement.vue
+++ b/frontend/src/views/settings/TagManagement.vue
@@ -1,7 +1,7 @@
 <!--
- Copyright (c) 2020 - for information on the respective copyright owner
+ Copyright (c) 2020-2021 - for information on the respective copyright owner
  see the NOTICE file and/or the repository at
- https://github.com/hyperledger-labs/organizational-agent
+ https://github.com/hyperledger-labs/business-partner-agent
 
  SPDX-License-Identifier: Apache-2.0
 -->
@@ -12,14 +12,14 @@
         <v-btn depressed color="secondary" icon @click="$router.go(-1)">
           <v-icon dark>$vuetify.icons.prev</v-icon>
         </v-btn>
-        <span>Tag Management</span>
+        <span>{{ $t("view.tagManagement.title") }}</span>
       </v-card-title>
       <v-card-text>
         <div class="my-8"></div>
         <v-row class="mx-2">
           <v-col cols="4">
             <p class="grey--text text--darken-2 font-weight-medium">
-              Available tags
+              {{ $t("view.tagManagement.availableTags") }}
             </p>
           </v-col>
           <v-col cols="8">
@@ -37,13 +37,12 @@
         <v-row class="mx-2">
           <v-col cols="4">
             <p class="grey--text text--darken-2 font-weight-medium">
-              Add a new tag
+              {{ $t("view.tagManagement.addNewTag") }}
             </p>
           </v-col>
           <v-col cols="6">
             <v-text-field
-              label="Name"
-              placeholder=""
+              :label="$t('view.tagManagement.labelName')"
               v-model="newTag"
               outlined
               dense
@@ -52,7 +51,7 @@
           </v-col>
           <v-col cols="2">
             <v-btn color="primary" :disabled="fieldEmpty" @click="addNewTag">
-              Add tag
+              {{ $t("view.tagManagement.addTag") }}
             </v-btn>
           </v-col>
         </v-row>
@@ -60,26 +59,24 @@
     </v-card>
     <v-dialog v-model="hardDeleteDialog" max-width="450">
       <v-card>
-        <v-card-title class="headline">Delete Tag</v-card-title>
-
+        <v-card-title class="headline">{{
+          $t("view.tagManagement.deleteTag")
+        }}</v-card-title>
         <v-card-text>
           <p>{{ deleteErrorMsg }}</p>
 
           <p>
-            Do you really want to the delete this tag from all business
-            partners?
+            {{ $t("view.tagManagement.confirmMessageDeleteTag") }}
           </p>
         </v-card-text>
-
         <v-card-actions>
           <v-spacer></v-spacer>
-
-          <v-bpa-button color="secondary" @click="hardDeleteDialog = false"
-            >No</v-bpa-button
-          >
-          <v-bpa-button color="error" @click="deleteTag(selectedTag, true)"
-            >Yes</v-bpa-button
-          >
+          <v-bpa-button color="secondary" @click="hardDeleteDialog = false">{{
+            $t("button.no")
+          }}</v-bpa-button>
+          <v-bpa-button color="error" @click="deleteTag(selectedTag, true)">{{
+            $t("button.yes")
+          }}</v-bpa-button>
         </v-card-actions>
       </v-card>
     </v-dialog>
@@ -95,7 +92,7 @@ export default {
   name: "TagManagement",
   components: { VBpaButton },
   created() {
-    EventBus.$emit("title", "Tag Management");
+    EventBus.$emit("title", this.$t("view.tagManagement.title"));
   },
   data: () => {
     return {
@@ -121,7 +118,10 @@ export default {
         })
         .then((res) => {
           if (res.status === 201 || res.status === 200) {
-            EventBus.$emit("success", "Tag successfully added");
+            EventBus.$emit(
+              "success",
+              this.$t("view.tagManagement.eventSuccessTagAdded")
+            );
             this.newTag = "";
             this.$store.dispatch("loadTags");
           } else {
@@ -138,7 +138,10 @@ export default {
         .then((res) => {
           this.hardDeleteDialog = false;
           if (res.status === 201 || res.status === 200) {
-            EventBus.$emit("success", "Tag successfully removed");
+            EventBus.$emit(
+              "success",
+              this.$t("view.tagManagement.eventSuccessTagRemoved")
+            );
             this.$store.dispatch("loadTags");
             this.deleteErrorMsg = "";
             this.selectedTag = null;
diff --git a/frontend/vue.config.js b/frontend/vue.config.js
index c73db4ce9..2693154fb 100644
--- a/frontend/vue.config.js
+++ b/frontend/vue.config.js
@@ -1,3 +1,10 @@
+/*
+ * Copyright (c) 2020-2021 - for information on the respective copyright owner
+ * see the NOTICE file and/or the repository at
+ * https://github.com/hyperledger-labs/business-partner-agent
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 process.env.VUE_APP_VERSION = require("./package.json").version;
 
 module.exports = {