diff --git a/ayanova/src/App.vue b/ayanova/src/App.vue
index 239e1521..653edfa9 100644
--- a/ayanova/src/App.vue
+++ b/ayanova/src/App.vue
@@ -27,39 +27,13 @@
       </v-btn>
     </v-toolbar>
     <v-content>
-      <v-container fluid fill-height >
-        <v-layout justify-center >
-          <router-view ></router-view>
+      <v-container fluid fill-height>
+        <v-layout justify-center>
+          <router-view></router-view>
         </v-layout>
       </v-container>
     </v-content>
-     <!-- <v-footer >
-      <v-layout>
-        <v-flex primary
-       
-        py-2
-        text-xs-center
-        white--text
-        xs12>
-          <div>
-            <a href="https://ayanova.com" target="_blank"><span class="white--text caption">AyaNova ({{version}}) {{copyright}}</span></a>            
-          </div>
-        </v-flex>
-      </v-layout>
-    </v-footer> -->
-    
-    <!-- <v-footer app color="primary" dark height="auto">
-      <v-layout row wrap="" align-center>
-        <v-flex xs12>
-          <div class="ml-3">
-            <a href="https://ayanova.com" target="_blank">AyaNova</a>
-            ({{version}}) {{copyright}}
-          </div>
-        </v-flex>
-      </v-layout>
-    </v-footer> 
-    -->
-    <v-footer  v-if="!isAuthenticated">
+    <v-footer v-if="!isAuthenticated">
       <v-layout>
         <v-flex primary py-2 text-xs-center white--text xs12>
           <div>
@@ -83,9 +57,6 @@ export default {
       drawer: null
     };
   },
-  // beforeCreate() {
-
-  // },
   mounted() {
     if (!this.$store.state.authenticated) {
       this.$router.replace({ name: "login" });
diff --git a/ayanova/src/views/About.vue b/ayanova/src/views/About.vue
index 2fff5b39..01745cfe 100644
--- a/ayanova/src/views/About.vue
+++ b/ayanova/src/views/About.vue
@@ -1,99 +1,96 @@
 <template>
-  <!-- <div class="about">
-     
-  <h1>About AyaNova</h1>-->
   <v-layout row>
-    <v-flex><!-- xs12 sm6 offset-sm3  -->
+    <v-flex>
       <v-card>
         <v-toolbar>
           <v-avatar size="64px" tile>
             <img :src="require('../assets/bw-logo.svg')" alt="AyaNova">
           </v-avatar>
-          <v-toolbar-title>{{ lt("HelpAboutAyaNova")}}</v-toolbar-title>
+          <v-toolbar-title>{{ this.$gzlocale.get("HelpAboutAyaNova")}}</v-toolbar-title>
           <v-spacer></v-spacer>
           <v-btn large icon to="/log">
             <v-icon>fa-glasses</v-icon>
           </v-btn>
         </v-toolbar>
         <v-list two-line subheader>
-          <v-subheader>{{ lt("ClientApp")}}</v-subheader>
+          <v-subheader>{{ this.$gzlocale.get("ClientApp")}}</v-subheader>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("Version")}}</v-list-tile-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("Version")}}</v-list-tile-title>
               <v-list-tile-sub-title>{{ clientInfo.version }}</v-list-tile-sub-title>
             </v-list-tile-content>
           </v-list-tile>
         </v-list>
         <v-divider></v-divider>
         <v-list two-line subheader>
-          <v-subheader>{{ lt("Server")}}</v-subheader>
+          <v-subheader>{{ this.$gzlocale.get("Server")}}</v-subheader>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("ServerAddress")}}</v-list-tile-title>
-              <v-list-tile-sub-title>{{ serverUrl() }}</v-list-tile-sub-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("ServerAddress")}}</v-list-tile-title>
+              <v-list-tile-sub-title>{{ this.$store.state.apiUrl }}</v-list-tile-sub-title>
             </v-list-tile-content>
           </v-list-tile>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("Version")}}</v-list-tile-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("Version")}}</v-list-tile-title>
               <v-list-tile-sub-title>{{ serverInfo.serverVersion }}</v-list-tile-sub-title>
             </v-list-tile-content>
           </v-list-tile>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("SchemaVersion")}}</v-list-tile-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("SchemaVersion")}}</v-list-tile-title>
               <v-list-tile-sub-title>{{ serverInfo.dbSchemaVersion }}</v-list-tile-sub-title>
             </v-list-tile-content>
           </v-list-tile>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("ServerTime")}}</v-list-tile-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("ServerTime")}}</v-list-tile-title>
               <v-list-tile-sub-title>{{ serverInfo.serverLocalTime }}</v-list-tile-sub-title>
             </v-list-tile-content>
           </v-list-tile>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("TimeZone")}}</v-list-tile-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("TimeZone")}}</v-list-tile-title>
               <v-list-tile-sub-title>{{ serverInfo.serverTimeZone }}</v-list-tile-sub-title>
             </v-list-tile-content>
           </v-list-tile>
         </v-list>
         <v-divider></v-divider>
         <v-list two-line subheader>
-          <v-subheader>{{ lt("HelpLicense")}}</v-subheader>
+          <v-subheader>{{ this.$gzlocale.get("HelpLicense")}}</v-subheader>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("RegisteredUser")}}</v-list-tile-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("RegisteredUser")}}</v-list-tile-title>
               <v-list-tile-sub-title>{{ serverInfo.license.license.licensedTo }}</v-list-tile-sub-title>
             </v-list-tile-content>
           </v-list-tile>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("DatabaseID")}}</v-list-tile-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("DatabaseID")}}</v-list-tile-title>
               <v-list-tile-sub-title>{{ serverInfo.license.license.dbId }}</v-list-tile-sub-title>
             </v-list-tile-content>
           </v-list-tile>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("LicenseSerial")}}</v-list-tile-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("LicenseSerial")}}</v-list-tile-title>
               <v-list-tile-sub-title>{{ serverInfo.license.license.keySerial }}</v-list-tile-sub-title>
             </v-list-tile-content>
           </v-list-tile>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("LicenseExpiration")}}</v-list-tile-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("LicenseExpiration")}}</v-list-tile-title>
               <v-list-tile-sub-title>{{ serverInfo.license.license.licenseExpiration }}</v-list-tile-sub-title>
             </v-list-tile-content>
           </v-list-tile>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("SupportedUntil")}}</v-list-tile-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("SupportedUntil")}}</v-list-tile-title>
               <v-list-tile-sub-title>{{ serverInfo.license.license.maintenanceExpiration }}</v-list-tile-sub-title>
             </v-list-tile-content>
           </v-list-tile>
           <v-list-tile avatar>
             <v-list-tile-content>
-              <v-list-tile-title>{{ lt("LicensedOptions")}}</v-list-tile-title>
+              <v-list-tile-title>{{ this.$gzlocale.get("LicensedOptions")}}</v-list-tile-title>
               <v-list-tile-sub-title
                 v-for="item in serverInfo.license.license.features"
                 :key="item.Feature"
@@ -104,24 +101,14 @@
       </v-card>
     </v-flex>
   </v-layout>
-  <!-- </div> -->
 </template>
 
 <script>
-/* xeslint-disable */
-import api from "../api/apiutil";
+/* Xeslint-disable */
 import aboutInfo from "../api/aboutinfo";
-import lt from "../api/locale";
-import store from "../store";
 export default {
-  data() {
-    return {
-      serverInfo: { license: { license: {} } },
-      clientInfo: {}
-    };
-  },
-  beforeRouteEnter(to, from, next) {
-    lt.fetch([
+  beforeCreate() {
+    this.$gzlocale.fetch([
       "HelpAboutAyaNova",
       "ClientApp",
       "Server",
@@ -137,35 +124,24 @@ export default {
       "LicenseExpiration",
       "SupportedUntil",
       "LicensedOptions"
-    ]).then(() => {
-      next();
-    });
+    ]);
   },
-  mounted() {
+  created() {
     this.clientInfo.version = aboutInfo.version;
-    api
+    this.$gzapi
       .get("ServerInfo")
       .then(response => {
         this.serverInfo = response.data;
       })
       .catch(function(error) {
-        /* xeslint-disable-next-line */
-        //console.log(error);
-        //TODO: turn this into a general error handling method for every form
-        //probablyo an error component with error message slot to fill in
-        alert(error);
+        throw error;
       });
   },
-  methods: {
-    lt: function(key) {
-      return lt.get(key);
-    },
-    serverUrl() {
-      return store.state.apiUrl;
-    }
+  data() {
+    return {
+      serverInfo: { license: { license: {} } },
+      clientInfo: {}
+    };
   }
 };
 </script>
-
-<style>
-</style>