diff --git a/ayanova/src/App.vue b/ayanova/src/App.vue
index e62117a9..78f298ed 100644
--- a/ayanova/src/App.vue
+++ b/ayanova/src/App.vue
@@ -199,7 +199,7 @@
                 :href="item.href"
                 :target="item.target"
                 @click="clickMenuItem(item)"
-                v-bind:class="{ 'hidden-sm-and-up': item.surface }"
+                :class="{ 'hidden-sm-and-up': item.surface }"
                 :data-cy="item.key"
               >
                 <v-list-item-action>
diff --git a/ayanova/src/components/dash-test-bar-widget-count-by-usertype.vue b/ayanova/src/components/dash-test-bar-widget-count-by-usertype.vue
index 1b166022..b16f23bc 100644
--- a/ayanova/src/components/dash-test-bar-widget-count-by-usertype.vue
+++ b/ayanova/src/components/dash-test-bar-widget-count-by-usertype.vue
@@ -1,10 +1,10 @@
 <template>
   <gz-dash
     icon="$ayiUser"
-    :addUrl="'widgets/0'"
-    :updateFrequency="58000"
+    :add-url="'widgets/0'"
+    :update-frequency="58000"
     :count="23"
-    v-on:dash-refresh="loadData"
+    @dash-refresh="loadData"
     v-on="$listeners"
     v-bind="$attrs"
   >
@@ -12,7 +12,7 @@
       <gz-chart-bar-horizontal
         :width="400"
         :height="240"
-        :chartData="obj"
+        :chart-data="obj"
         :options="{
           maintainAspectRatio: false,
           responsive: true,
diff --git a/ayanova/src/components/dash-test-day-calendar-widget.vue b/ayanova/src/components/dash-test-day-calendar-widget.vue
index 30741d86..204caf7d 100644
--- a/ayanova/src/components/dash-test-day-calendar-widget.vue
+++ b/ayanova/src/components/dash-test-day-calendar-widget.vue
@@ -1,9 +1,9 @@
 <template>
   <gz-dash
     icon="$ayiTools"
-    :addUrl="'widgets/0'"
-    :updateFrequency="0"
-    v-on:dash-refresh="loadData"
+    :add-url="'widgets/0'"
+    :update-frequency="0"
+    @dash-refresh="loadData"
     v-on="$listeners"
     v-bind="$attrs"
   >
diff --git a/ayanova/src/components/dash-test-line-widget-monthly-total-price.vue b/ayanova/src/components/dash-test-line-widget-monthly-total-price.vue
index 4ccb8bc0..1503fba8 100644
--- a/ayanova/src/components/dash-test-line-widget-monthly-total-price.vue
+++ b/ayanova/src/components/dash-test-line-widget-monthly-total-price.vue
@@ -1,9 +1,9 @@
 <template>
   <gz-dash
     icon="$ayiSplotch"
-    :addUrl="'widgets/0'"
-    :updateFrequency="32000"
-    v-on:dash-refresh="loadData"
+    :add-url="'widgets/0'"
+    :update-frequency="32000"
+    @dash-refresh="loadData"
     v-on="$listeners"
     v-bind="$attrs"
   >
@@ -12,7 +12,7 @@
         <gz-chart-line
           :width="400"
           :height="240"
-          :chartData="obj"
+          :chart-data="obj"
           :options="{
             responsive: true,
             maintainAspectRatio: false,
diff --git a/ayanova/src/components/dash-test-list-widgets-priciest.vue b/ayanova/src/components/dash-test-list-widgets-priciest.vue
index bf82a445..9fcbaa6f 100644
--- a/ayanova/src/components/dash-test-list-widgets-priciest.vue
+++ b/ayanova/src/components/dash-test-list-widgets-priciest.vue
@@ -1,11 +1,11 @@
 <template>
   <gz-dash
     icon="$ayiSplotch"
-    :addUrl="'widgets/0'"
-    :showMoreButton="true"
-    :updateFrequency="60000"
-    v-on:dash-refresh="getDataFromApi()"
-    v-on:dash-more-click="moreClick()"
+    :add-url="'widgets/0'"
+    :show-more-button="true"
+    :update-frequency="60000"
+    @dash-refresh="getDataFromApi()"
+    @dash-more-click="moreClick()"
     v-on="$listeners"
     v-bind="$attrs"
   >
diff --git a/ayanova/src/components/data-table.vue b/ayanova/src/components/data-table.vue
index ebda3778..297f51ea 100644
--- a/ayanova/src/components/data-table.vue
+++ b/ayanova/src/components/data-table.vue
@@ -1,15 +1,15 @@
 <template>
   <div>
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <gz-data-table-filter
-      :dataListKey="dataListKey"
-      :activeFilterId="activeFilterId"
+      :data-list-key="dataListKey"
+      :active-filter-id="activeFilterId"
       ref="dataTableFilter"
     >
     </gz-data-table-filter>
     <gz-data-table-filter-manager
-      :dataListKey="dataListKey"
-      :activeFilterId="activeFilterId"
+      :data-list-key="dataListKey"
+      :active-filter-id="activeFilterId"
       ref="dataTableFilterManager"
     >
     </gz-data-table-filter-manager>
@@ -116,7 +116,7 @@
                 <td
                   v-for="c in item.columns"
                   :key="c.key"
-                  v-bind:style="cellStyle(c)"
+                  :style="cellStyle(c)"
                 >
                   <template v-if="c.t == 1">
                     <!-- DATETIME -->
@@ -282,7 +282,7 @@
                         <v-list-item-title>
                           {{ getHeaderText(c.key) }}</v-list-item-title
                         >
-                        <v-list-item-subtitle v-bind:style="cellStyle(c)">
+                        <v-list-item-subtitle :style="cellStyle(c)">
                           <template v-if="c.t == 1">
                             <!-- DATETIME -->
                             {{ c.v }}
diff --git a/ayanova/src/components/date-control.vue b/ayanova/src/components/date-control.vue
index 04129d9f..14efd672 100644
--- a/ayanova/src/components/date-control.vue
+++ b/ayanova/src/components/date-control.vue
@@ -10,8 +10,8 @@
                 prepend-icon="$ayiCalendarAlt"
                 @click:prepend="dlgdate = true"
                 :value="dateValue"
-                v-bind:label="label"
-                v-bind:rules="rules"
+                :label="label"
+                :rules="rules"
                 readonly
                 :error="!!hasErrors"
                 :data-cy="'dtfpick:' + testId"
diff --git a/ayanova/src/components/date-time-control.vue b/ayanova/src/components/date-time-control.vue
index 72cef664..5211aac0 100644
--- a/ayanova/src/components/date-time-control.vue
+++ b/ayanova/src/components/date-time-control.vue
@@ -11,8 +11,8 @@
                   prepend-icon="$ayiCalendarAlt"
                   @click:prepend="dlgdate = true"
                   :value="dateValue"
-                  v-bind:label="label"
-                  v-bind:rules="rules"
+                  :label="label"
+                  :rules="rules"
                   readonly
                   :error="!!hasErrors"
                   :data-cy="'dtfpick:' + testId"
diff --git a/ayanova/src/components/extensions-control.vue b/ayanova/src/components/extensions-control.vue
index fd68d1c5..c5ad2e83 100644
--- a/ayanova/src/components/extensions-control.vue
+++ b/ayanova/src/components/extensions-control.vue
@@ -21,12 +21,12 @@
           </div>
         </template>
         <v-expansion-panels focusable>
-          <ExtensionTags :dataListSelection="dataListSelection" />
-          <ExtensionExport :dataListSelection="dataListSelection" />
+          <ExtensionTags :data-list-selection="dataListSelection" />
+          <ExtensionExport :data-list-selection="dataListSelection" />
           <ExtensionDelete
-            v-on:ext-close-refresh="close({ refresh: true })"
-            v-on:ext-show-job-log="handleError($event)"
-            :dataListSelection="dataListSelection"
+            @ext-close-refresh="close({ refresh: true })"
+            @ext-show-job-log="handleError($event)"
+            :data-list-selection="dataListSelection"
           />
         </v-expansion-panels>
       </v-card-text>
diff --git a/ayanova/src/components/pick-list.vue b/ayanova/src/components/pick-list.vue
index 58005ffe..89fe169e 100644
--- a/ayanova/src/components/pick-list.vue
+++ b/ayanova/src/components/pick-list.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
     <v-autocomplete
-      v-bind:value="value"
-      v-on:input="selectionMade($event)"
+      :value="value"
+      @input="selectionMade($event)"
       :readonly="readonly"
       :disabled="disabled"
       return-object
diff --git a/ayanova/src/components/time-control.vue b/ayanova/src/components/time-control.vue
index f6f76e3f..4fc24c5e 100644
--- a/ayanova/src/components/time-control.vue
+++ b/ayanova/src/components/time-control.vue
@@ -8,7 +8,7 @@
               <v-text-field
                 v-on="on"
                 :value="readonlyFormat()"
-                v-bind:label="label"
+                :label="label"
                 prepend-icon="$ayiClock"
                 @click:prepend="dlgtime = true"
                 readonly
diff --git a/ayanova/src/views/acc-service-bank.vue b/ayanova/src/views/acc-service-bank.vue
index 0c92765a..423ca52f 100644
--- a/ayanova/src/views/acc-service-bank.vue
+++ b/ayanova/src/views/acc-service-bank.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <div class="mb-6" v-if="obj.objectType">
           <v-icon large @click="navToTarget()">{{ iconForType }}</v-icon
diff --git a/ayanova/src/views/acc-service-banks.vue b/ayanova/src/views/acc-service-banks.vue
index 9670e6e0..e0533f5d 100644
--- a/ayanova/src/views/acc-service-banks.vue
+++ b/ayanova/src/views/acc-service-banks.vue
@@ -6,20 +6,20 @@
     </div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="service-bank-list"
-      dataListKey="ServiceBankDataList"
-      :clientCriteria="clientCriteria"
-      :showSelect="rights.read"
+      form-key="service-bank-list"
+      data-list-key="ServiceBankDataList"
+      :client-criteria="clientCriteria"
+      :show-select="rights.read"
       :reload="reload"
-      :ridColumnOpenable="false"
-      v-on:selection-change="handleSelected"
+      :rid-column-openable="false"
+      @selection-change="handleSelected"
       data-cy="serviceBanksTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/acc-service-rate.vue b/ayanova/src/views/acc-service-rate.vue
index 9081b1a6..a495a887 100644
--- a/ayanova/src/views/acc-service-rate.vue
+++ b/ayanova/src/views/acc-service-rate.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -136,9 +136,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -148,8 +148,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -160,8 +160,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
diff --git a/ayanova/src/views/acc-service-rates.vue b/ayanova/src/views/acc-service-rates.vue
index d8df6488..6d8e5aa9 100644
--- a/ayanova/src/views/acc-service-rates.vue
+++ b/ayanova/src/views/acc-service-rates.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="service-rate-list"
-      dataListKey="ServiceRateDataList"
-      :showSelect="rights.read"
+      form-key="service-rate-list"
+      data-list-key="ServiceRateDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="serviceRatesTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/acc-tax-code.vue b/ayanova/src/views/acc-tax-code.vue
index 0258ff6f..a77927a1 100644
--- a/ayanova/src/views/acc-tax-code.vue
+++ b/ayanova/src/views/acc-tax-code.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -118,9 +118,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -130,8 +130,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -142,8 +142,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
diff --git a/ayanova/src/views/acc-tax-codes.vue b/ayanova/src/views/acc-tax-codes.vue
index ea7eef0b..c882b3f9 100644
--- a/ayanova/src/views/acc-tax-codes.vue
+++ b/ayanova/src/views/acc-tax-codes.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="tax-code-list"
-      dataListKey="TaxCodeDataList"
-      :showSelect="rights.read"
+      form-key="tax-code-list"
+      data-list-key="TaxCodeDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="taxCodesTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/acc-travel-rate.vue b/ayanova/src/views/acc-travel-rate.vue
index 70ed76d3..6cf6f8c4 100644
--- a/ayanova/src/views/acc-travel-rate.vue
+++ b/ayanova/src/views/acc-travel-rate.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -136,9 +136,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -148,8 +148,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -160,8 +160,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
diff --git a/ayanova/src/views/adm-attachments.vue b/ayanova/src/views/adm-attachments.vue
index be57bbb1..6096dba0 100644
--- a/ayanova/src/views/adm-attachments.vue
+++ b/ayanova/src/views/adm-attachments.vue
@@ -1,16 +1,16 @@
 <template>
   <div>
     <v-row>
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-col cols="12">
         <gz-data-table
           v-if="!jobActive"
-          formKey="adm-attachments"
-          dataListKey="AttachmentDataList"
-          :showSelect="true"
-          :singleSelect="false"
+          form-key="adm-attachments"
+          data-list-key="AttachmentDataList"
+          :show-select="true"
+          :single-select="false"
           :reload="reload"
-          v-on:selection-change="handleSelected"
+          @selection-change="handleSelected"
           data-cy="attachTable"
         >
         </gz-data-table>
@@ -41,9 +41,9 @@
 
             <gz-pick-list
               v-if="moveType != 0"
-              :ayaType="moveType"
-              :showEditIcon="false"
-              :includeInactive="true"
+              :aya-type="moveType"
+              :show-edit-icon="false"
+              :include-inactive="true"
               v-model="moveId"
               label="Id"
             ></gz-pick-list>
diff --git a/ayanova/src/views/adm-global-logo.vue b/ayanova/src/views/adm-global-logo.vue
index e19ffdd2..744bb3c9 100644
--- a/ayanova/src/views/adm-global-logo.vue
+++ b/ayanova/src/views/adm-global-logo.vue
@@ -5,7 +5,7 @@
         <!-- Prevent implicit submission of the form on enter key, this is not necessary on a form with a text area which is why I never noticed it with the other forms -->
 
         <v-row>
-          <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+          <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
           <v-col cols="12">
             <img
               class="grey lighten-2"
diff --git a/ayanova/src/views/adm-global-settings.vue b/ayanova/src/views/adm-global-settings.vue
index 03798bda..b9e2b9c1 100644
--- a/ayanova/src/views/adm-global-settings.vue
+++ b/ayanova/src/views/adm-global-settings.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
diff --git a/ayanova/src/views/adm-history.vue b/ayanova/src/views/adm-history.vue
index 3e5bf055..05f236b1 100644
--- a/ayanova/src/views/adm-history.vue
+++ b/ayanova/src/views/adm-history.vue
@@ -1,12 +1,12 @@
 <template>
   <div>
     <gz-data-table
-      formKey="adm-history"
-      dataListKey="EventDataList"
-      :showSelect="false"
-      :singleSelect="false"
+      form-key="adm-history"
+      data-list-key="EventDataList"
+      :show-select="false"
+      :single-select="false"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="historyTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/adm-license.vue b/ayanova/src/views/adm-license.vue
index fc2d8008..56f52e12 100644
--- a/ayanova/src/views/adm-license.vue
+++ b/ayanova/src/views/adm-license.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row v-if="formState.ready">
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col>
       <v-form ref="form" data-cy="licenseForm">
         <v-row align="start" justify="center">
@@ -57,7 +57,7 @@
 
                   <v-list-item>
                     <v-list-item-content
-                      v-bind:class="{
+                      :class="{
                         'red--text text-h6':
                           currentLicenseInfo.maintenanceExpired
                       }"
diff --git a/ayanova/src/views/adm-report-templates.vue b/ayanova/src/views/adm-report-templates.vue
index 28dd2265..a7171d02 100644
--- a/ayanova/src/views/adm-report-templates.vue
+++ b/ayanova/src/views/adm-report-templates.vue
@@ -1,12 +1,12 @@
 <template>
   <div>
     <gz-data-table
-      formKey="adm-report-templates"
-      dataListKey="ReportDataList"
-      :showSelect="false"
-      :singleSelect="false"
+      form-key="adm-report-templates"
+      data-list-key="ReportDataList"
+      :show-select="false"
+      :single-select="false"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="reportTemplatesTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/adm-translation.vue b/ayanova/src/views/adm-translation.vue
index af6c7a3d..e2daa35c 100644
--- a/ayanova/src/views/adm-translation.vue
+++ b/ayanova/src/views/adm-translation.vue
@@ -37,7 +37,7 @@
       <v-col>
         <v-form ref="form">
           <v-row>
-            <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+            <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
             <v-col cols="12" v-if="obj.stock && rights.change">
               <span class="text-h4 warning--text mr-6">{{
                 $ay.t("ReadOnly")
diff --git a/ayanova/src/views/adm-translations.vue b/ayanova/src/views/adm-translations.vue
index 65014882..ac756204 100644
--- a/ayanova/src/views/adm-translations.vue
+++ b/ayanova/src/views/adm-translations.vue
@@ -1,10 +1,10 @@
 <template>
   <div>
     <gz-data-table
-      formKey="adm-translations"
-      dataListKey="TranslationDataList"
-      :showSelect="false"
-      :singleSelect="false"
+      form-key="adm-translations"
+      data-list-key="TranslationDataList"
+      :show-select="false"
+      :single-select="false"
       :reload="reload"
       data-cy="transTable"
     >
diff --git a/ayanova/src/views/adm-user.vue b/ayanova/src/views/adm-user.vue
index cfd2c57f..2802c7fe 100644
--- a/ayanova/src/views/adm-user.vue
+++ b/ayanova/src/views/adm-user.vue
@@ -3,7 +3,7 @@
     <gz-report-selector ref="reportSelector"></gz-report-selector>
 
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
       <v-form ref="form">
         <v-tabs mobile-breakpoint="100" v-model="tab">
@@ -34,8 +34,8 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().Vendor"
-                    :showEditIcon="true"
+                    :aya-type="ayaTypes().Vendor"
+                    :show-edit-icon="true"
                     v-model="obj.vendorId"
                     :readonly="formState.readOnly"
                     :label="$ay.t('Vendor')"
@@ -66,10 +66,10 @@
                     v-model="obj.roles"
                     :readonly="formState.readOnly"
                     ref="roles"
-                    testId="roles"
+                    test-id="roles"
                     :error-messages="form().serverErrors(this, 'roles')"
                     @input="fieldValueChanged('roles')"
-                    limitSelectionTo="inside"
+                    limit-selection-to="inside"
                   ></gz-role-picker>
                 </v-col>
 
@@ -135,7 +135,7 @@
                     v-model="obj.lastLogin"
                     readonly
                     ref="lastLogin"
-                    testId="lastLogin"
+                    test-id="lastLogin"
                   ></gz-date-time-picker>
                 </v-col>
                 <v-col cols="12" sm="6" lg="4" xl="3">
@@ -176,9 +176,9 @@
                 <v-col cols="12">
                   <gz-custom-fields
                     v-model="obj.customFields"
-                    :formKey="formCustomTemplateKey"
+                    :form-key="formCustomTemplateKey"
                     :readonly="formState.readOnly"
-                    :parentVM="this"
+                    :parent-v-m="this"
                     ref="customFields"
                     data-cy="customFields"
                     :error-messages="form().serverErrors(this, 'customFields')"
@@ -188,8 +188,8 @@
 
                 <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
                   <gz-wiki
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                     ref="wiki"
                     v-model="obj.wiki"
                     :readonly="formState.readOnly"
@@ -203,8 +203,8 @@
                 >
                   <gz-attachments
                     :readonly="formState.readOnly"
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                   ></gz-attachments
                 ></v-col>
               </v-row>
diff --git a/ayanova/src/views/adm-users.vue b/ayanova/src/views/adm-users.vue
index 9d40a194..166a2022 100644
--- a/ayanova/src/views/adm-users.vue
+++ b/ayanova/src/views/adm-users.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="adm-users"
-      dataListKey="InsideUserDataList"
-      :showSelect="rights.read"
+      form-key="adm-users"
+      data-list-key="InsideUserDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="usersTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/ay-about.vue b/ayanova/src/views/ay-about.vue
index 77993510..0a51c7ee 100644
--- a/ayanova/src/views/ay-about.vue
+++ b/ayanova/src/views/ay-about.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row v-if="this.formState.ready">
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col>
       <v-card id="ayaNovaVersioncard" data-cy="versionCard">
         <v-subheader>AyaNova App</v-subheader>
diff --git a/ayanova/src/views/ay-customize.vue b/ayanova/src/views/ay-customize.vue
index aea5c406..afb2a615 100644
--- a/ayanova/src/views/ay-customize.vue
+++ b/ayanova/src/views/ay-customize.vue
@@ -3,7 +3,7 @@
     <v-col>
       <v-form ref="form" data-cy="customizeForm">
         <v-row>
-          <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+          <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
           <template v-for="item in obj">
             <v-col :key="item.key" cols="12" sm="6" lg="4" xl="3" px-2>
               <v-card :data-cy="item.key">
diff --git a/ayanova/src/views/ay-data-list-column-view.vue b/ayanova/src/views/ay-data-list-column-view.vue
index 7da56cd6..8902263a 100644
--- a/ayanova/src/views/ay-data-list-column-view.vue
+++ b/ayanova/src/views/ay-data-list-column-view.vue
@@ -3,7 +3,7 @@
     <v-col>
       <v-form ref="form">
         <v-row>
-          <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+          <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
           <template v-for="(item, index) in editView">
             <v-col :key="item.key" cols="12" sm="6" lg="4" xl="3" px-2>
diff --git a/ayanova/src/views/ay-evaluate.vue b/ayanova/src/views/ay-evaluate.vue
index aa7dd23d..cd3822a1 100644
--- a/ayanova/src/views/ay-evaluate.vue
+++ b/ayanova/src/views/ay-evaluate.vue
@@ -56,7 +56,7 @@
       <v-col>
         <v-form ref="form">
           <v-row>
-            <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+            <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
             <v-col cols="12" offset-lg="1" offset-xl="3">
               <v-col cols="12">
                 <div class="text-h4 text-md-h2 mb-2">
diff --git a/ayanova/src/views/ay-history.vue b/ayanova/src/views/ay-history.vue
index ffb2353c..f1ec22ac 100644
--- a/ayanova/src/views/ay-history.vue
+++ b/ayanova/src/views/ay-history.vue
@@ -5,7 +5,7 @@
       >{{ name }}</v-card-title
     >
     <v-row>
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
       <v-col rows="12">
         <template v-if="$route.params.userlog">
diff --git a/ayanova/src/views/ay-log.vue b/ayanova/src/views/ay-log.vue
index 0467f70e..786014e2 100644
--- a/ayanova/src/views/ay-log.vue
+++ b/ayanova/src/views/ay-log.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row v-if="this.formState.ready">
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col>
       <v-textarea
         v-model="logText"
diff --git a/ayanova/src/views/ay-report-edit.vue b/ayanova/src/views/ay-report-edit.vue
index 1b23742f..a210270a 100644
--- a/ayanova/src/views/ay-report-edit.vue
+++ b/ayanova/src/views/ay-report-edit.vue
@@ -5,7 +5,7 @@
     </v-overlay>
     <!-- {{ formState }} -->
     <v-row v-show="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-col cols="12" class="d-sm-none accent--text">
         <h4>{{ $ay.t("ReportEditorMobileWarning") }}</h4>
       </v-col>
@@ -74,10 +74,10 @@
                 v-model="obj.roles"
                 :readonly="formState.readOnly"
                 ref="roles"
-                testId="roles"
+                test-id="roles"
                 :error-messages="form().serverErrors(this, 'roles')"
                 @input="fieldValueChanged('roles')"
-                limitSelectionTo="inside"
+                limit-selection-to="inside"
               ></gz-role-picker>
             </v-col>
             <v-col cols="12" sm="6" lg="4" xl="3">
diff --git a/ayanova/src/views/cust-customer.vue b/ayanova/src/views/cust-customer.vue
index b83e5fa7..96eea720 100644
--- a/ayanova/src/views/cust-customer.vue
+++ b/ayanova/src/views/cust-customer.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
       <v-form ref="form">
         <v-tabs mobile-breakpoint="100" v-model="tab" @change="tabChanged">
@@ -178,8 +178,8 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().WorkOrderTemplate"
-                    :showEditIcon="true"
+                    :aya-type="ayaTypes().WorkOrderTemplate"
+                    :show-edit-icon="true"
                     v-model="obj.defaultServiceTemplatedId"
                     :readonly="formState.readOnly"
                     :label="$ay.t('WorkOrderTemplate')"
@@ -222,8 +222,8 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().HeadOffice"
-                    :showEditIcon="true"
+                    :aya-type="ayaTypes().HeadOffice"
+                    :show-edit-icon="true"
                     v-model="obj.headOfficeId"
                     :readonly="formState.readOnly"
                     :label="$ay.t('HeadOffice')"
@@ -242,8 +242,8 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().Contract"
-                    :showEditIcon="true"
+                    :aya-type="ayaTypes().Contract"
+                    :show-edit-icon="true"
                     v-model="obj.contractId"
                     :readonly="formState.readOnly"
                     :label="$ay.t('Contract')"
@@ -268,7 +268,7 @@
                     v-model="obj.contractExpires"
                     :readonly="formState.readOnly"
                     ref="contractExpires"
-                    testId="contractExpires"
+                    test-id="contractExpires"
                     :error-messages="
                       form().serverErrors(this, 'contractExpires')
                     "
@@ -373,9 +373,9 @@
                 <v-col cols="12">
                   <gz-custom-fields
                     v-model="obj.customFields"
-                    :formKey="formCustomTemplateKey"
+                    :form-key="formCustomTemplateKey"
                     :readonly="formState.readOnly"
-                    :parentVM="this"
+                    :parent-v-m="this"
                     ref="customFields"
                     data-cy="customFields"
                     :error-messages="form().serverErrors(this, 'customFields')"
@@ -385,8 +385,8 @@
 
                 <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
                   <gz-wiki
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                     ref="wiki"
                     v-model="obj.wiki"
                     :readonly="formState.readOnly"
@@ -400,8 +400,8 @@
                 >
                   <gz-attachments
                     :readonly="formState.readOnly"
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                   ></gz-attachments
                 ></v-col>
               </v-row>
diff --git a/ayanova/src/views/cust-customers.vue b/ayanova/src/views/cust-customers.vue
index 8fa35bb2..1325c4aa 100644
--- a/ayanova/src/views/cust-customers.vue
+++ b/ayanova/src/views/cust-customers.vue
@@ -2,19 +2,19 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
 
     <gz-data-table
       ref="gzdatatable"
-      formKey="customer-list"
-      dataListKey="CustomerDataList"
-      :showSelect="rights.read"
+      form-key="customer-list"
+      data-list-key="CustomerDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="customersTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/cust-head-office.vue b/ayanova/src/views/cust-head-office.vue
index 2dfdb5a1..d6bef4d3 100644
--- a/ayanova/src/views/cust-head-office.vue
+++ b/ayanova/src/views/cust-head-office.vue
@@ -4,7 +4,7 @@
     <!-- {{ formState }} -->
     <!-- {{ obj.contractId }} -->
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
       <v-form ref="form">
         <v-tabs mobile-breakpoint="100" v-model="tab" @change="tabChanged">
@@ -180,8 +180,8 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().Contract"
-                    :showEditIcon="true"
+                    :aya-type="ayaTypes().Contract"
+                    :show-edit-icon="true"
                     v-model="obj.contractId"
                     :readonly="formState.readOnly"
                     :label="$ay.t('Contract')"
@@ -206,7 +206,7 @@
                     v-model="obj.contractExpires"
                     :readonly="formState.readOnly"
                     ref="contractExpires"
-                    testId="contractExpires"
+                    test-id="contractExpires"
                     :error-messages="
                       form().serverErrors(this, 'contractExpires')
                     "
@@ -282,9 +282,9 @@
                 <v-col cols="12">
                   <gz-custom-fields
                     v-model="obj.customFields"
-                    :formKey="formCustomTemplateKey"
+                    :form-key="formCustomTemplateKey"
                     :readonly="formState.readOnly"
-                    :parentVM="this"
+                    :parent-v-m="this"
                     ref="customFields"
                     data-cy="customFields"
                     :error-messages="form().serverErrors(this, 'customFields')"
@@ -294,8 +294,8 @@
 
                 <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
                   <gz-wiki
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                     ref="wiki"
                     v-model="obj.wiki"
                     :readonly="formState.readOnly"
@@ -309,8 +309,8 @@
                 >
                   <gz-attachments
                     :readonly="formState.readOnly"
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                   ></gz-attachments
                 ></v-col>
               </v-row>
diff --git a/ayanova/src/views/cust-head-offices.vue b/ayanova/src/views/cust-head-offices.vue
index 299cc3d4..6446baea 100644
--- a/ayanova/src/views/cust-head-offices.vue
+++ b/ayanova/src/views/cust-head-offices.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="head-office-list"
-      dataListKey="HeadOfficeDataList"
-      :showSelect="rights.read"
+      form-key="head-office-list"
+      data-list-key="HeadOfficeDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="headofficesTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/cust-user.vue b/ayanova/src/views/cust-user.vue
index 67737da4..b63ed42a 100644
--- a/ayanova/src/views/cust-user.vue
+++ b/ayanova/src/views/cust-user.vue
@@ -3,7 +3,7 @@
     <gz-report-selector ref="reportSelector"></gz-report-selector>
 
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
       <v-form ref="form">
         <v-tabs mobile-breakpoint="100" v-model="tab">
@@ -21,9 +21,9 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().Customer"
-                    :showEditIcon="true"
-                    :includeInactive="true"
+                    :aya-type="ayaTypes().Customer"
+                    :show-edit-icon="true"
+                    :include-inactive="true"
                     v-model="obj.customerId"
                     :readonly="true"
                     :disabled="true"
@@ -45,9 +45,9 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().HeadOffice"
-                    :showEditIcon="true"
-                    :includeInactive="true"
+                    :aya-type="ayaTypes().HeadOffice"
+                    :show-edit-icon="true"
+                    :include-inactive="true"
                     v-model="obj.headOfficeId"
                     :readonly="true"
                     :disabled="true"
@@ -78,10 +78,10 @@
                     v-model="obj.roles"
                     :readonly="formState.readOnly"
                     ref="roles"
-                    testId="roles"
+                    test-id="roles"
                     :error-messages="form().serverErrors(this, 'roles')"
                     @input="fieldValueChanged('roles')"
-                    limitSelectionTo="outside"
+                    limit-selection-to="outside"
                   ></gz-role-picker>
                 </v-col>
 
@@ -125,7 +125,7 @@
                     v-model="obj.lastLogin"
                     readonly
                     ref="lastLogin"
-                    testId="lastLogin"
+                    test-id="lastLogin"
                   ></gz-date-time-picker>
                 </v-col>
                 <v-col cols="12" sm="6" lg="4" xl="3">
@@ -166,9 +166,9 @@
                 <v-col cols="12">
                   <gz-custom-fields
                     v-model="obj.customFields"
-                    :formKey="formCustomTemplateKey"
+                    :form-key="formCustomTemplateKey"
                     :readonly="formState.readOnly"
-                    :parentVM="this"
+                    :parent-v-m="this"
                     ref="customFields"
                     data-cy="customFields"
                     :error-messages="form().serverErrors(this, 'customFields')"
@@ -178,8 +178,8 @@
 
                 <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
                   <gz-wiki
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                     ref="wiki"
                     v-model="obj.wiki"
                     :readonly="formState.readOnly"
@@ -193,8 +193,8 @@
                 >
                   <gz-attachments
                     :readonly="formState.readOnly"
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                   ></gz-attachments
                 ></v-col>
               </v-row>
diff --git a/ayanova/src/views/cust-users.vue b/ayanova/src/views/cust-users.vue
index 9313ca4c..be4be5e4 100644
--- a/ayanova/src/views/cust-users.vue
+++ b/ayanova/src/views/cust-users.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="cust-users"
-      dataListKey="OutsideUserDataList"
-      :showSelect="rights.read"
+      form-key="cust-users"
+      data-list-key="OutsideUserDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="custUsersTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/home-dashboard.vue b/ayanova/src/views/home-dashboard.vue
index ebd2de1c..068c98ef 100644
--- a/ayanova/src/views/home-dashboard.vue
+++ b/ayanova/src/views/home-dashboard.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row v-if="formState.ready">
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col cols="12" v-if="showSelector">
       <v-dialog
         scrollable
@@ -56,12 +56,12 @@
       <component
         :is="item.type"
         v-bind="item"
-        :maxListItems="10"
-        v-on:dash-remove="dashRemove"
-        v-on:dash-move-start="dashMoveStart"
-        v-on:dash-move-back="dashMoveBack"
-        v-on:dash-move-forward="dashMoveForward"
-        v-on:dash-move-end="dashMoveEnd"
+        :max-list-items="10"
+        @dash-remove="dashRemove"
+        @dash-move-start="dashMoveStart"
+        @dash-move-back="dashMoveBack"
+        @dash-move-forward="dashMoveForward"
+        @dash-move-end="dashMoveEnd"
       >
       </component>
     </v-col>
diff --git a/ayanova/src/views/home-memo.vue b/ayanova/src/views/home-memo.vue
index 4e80482a..744ca19c 100644
--- a/ayanova/src/views/home-memo.vue
+++ b/ayanova/src/views/home-memo.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
       <v-form ref="form">
         <!-- cansave: {{ canSave() }}<br />
@@ -38,16 +38,16 @@
             <v-col cols="12">
               <gz-custom-fields
                 v-model="obj.customFields"
-                :formKey="formCustomTemplateKey"
+                :form-key="formCustomTemplateKey"
                 readonly
-                :parentVM="this"
+                :parent-v-m="this"
               ></gz-custom-fields>
             </v-col>
 
             <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
               <gz-wiki
-                :ayaType="ayaType"
-                :ayaId="obj.id"
+                :aya-type="ayaType"
+                :aya-id="obj.id"
                 v-model="obj.wiki"
                 readonly
               ></gz-wiki
@@ -58,11 +58,11 @@
           <v-row>
             <v-col cols="12" v-if="!replyMode">
               <gz-pick-list
-                :allowNoSelection="false"
-                :canClear="false"
-                :ayaType="ayaTypes().User"
+                :allow-no-selection="false"
+                :can-clear="false"
+                :aya-type="ayaTypes().User"
                 :variant="'inside'"
-                :showEditIcon="false"
+                :show-edit-icon="false"
                 v-model="pickListSelectedUserId"
                 :label="$ay.t('MemoToID')"
                 ref="userPickList"
@@ -132,9 +132,9 @@
             <v-col cols="12">
               <gz-custom-fields
                 v-model="obj.customFields"
-                :formKey="formCustomTemplateKey"
+                :form-key="formCustomTemplateKey"
                 :readonly="formState.readOnly"
-                :parentVM="this"
+                :parent-v-m="this"
                 ref="customFields"
                 data-cy="customFields"
                 :error-messages="form().serverErrors(this, 'customFields')"
@@ -144,8 +144,8 @@
 
             <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
               <gz-wiki
-                :ayaType="ayaType"
-                :ayaId="obj.id"
+                :aya-type="ayaType"
+                :aya-id="obj.id"
                 ref="wiki"
                 v-model="obj.wiki"
                 :readonly="formState.readOnly"
diff --git a/ayanova/src/views/home-memos.vue b/ayanova/src/views/home-memos.vue
index 05281ed5..d9589481 100644
--- a/ayanova/src/views/home-memos.vue
+++ b/ayanova/src/views/home-memos.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="memo-list"
-      dataListKey="MemoDataList"
-      :showSelect="rights.read"
+      form-key="memo-list"
+      data-list-key="MemoDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="memosTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/home-notifications.vue b/ayanova/src/views/home-notifications.vue
index e343bb5c..df9853e7 100644
--- a/ayanova/src/views/home-notifications.vue
+++ b/ayanova/src/views/home-notifications.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <v-row>
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-col rows="12">
         <div
           class="text-center text-h4"
diff --git a/ayanova/src/views/home-notify-direct.vue b/ayanova/src/views/home-notify-direct.vue
index ce52c777..0f9c3473 100644
--- a/ayanova/src/views/home-notify-direct.vue
+++ b/ayanova/src/views/home-notify-direct.vue
@@ -4,13 +4,13 @@
       <v-form ref="form">
         <v-row>
           <!-- {{ toUsers }} -->
-          <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+          <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
           <v-col cols="12">
             <gz-pick-list
-              :allowNoSelection="false"
-              :canClear="false"
-              :ayaType="ayaTypes().User"
-              :showEditIcon="false"
+              :allow-no-selection="false"
+              :can-clear="false"
+              :aya-type="ayaTypes().User"
+              :show-edit-icon="false"
               v-model="pickListSelectedUserId"
               :label="$ay.t('UserList')"
               ref="userPickList"
diff --git a/ayanova/src/views/home-notify-subscription.vue b/ayanova/src/views/home-notify-subscription.vue
index 910dcd2c..a70a98df 100644
--- a/ayanova/src/views/home-notify-subscription.vue
+++ b/ayanova/src/views/home-notify-subscription.vue
@@ -4,7 +4,7 @@
       <v-col>
         <v-form ref="form">
           <v-row>
-            <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+            <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
             <!-- {{ obj }} -->
             <v-col cols="12" sm="6" lg="4" xl="3">
               <v-select
@@ -37,7 +37,7 @@
                 v-model="obj.ageValue"
                 :readonly="formState.readOnly"
                 :label="$ay.t('Duration')"
-                :showSeconds="false"
+                :show-seconds="false"
                 ref="ageValue"
                 data-cy="ageValue"
                 :error-messages="form().serverErrors(this, 'ageValue')"
@@ -66,7 +66,7 @@
                 v-model="obj.advanceNotice"
                 :readonly="formState.readOnly"
                 :label="$ay.t('NotifySubscriptionPendingSpan')"
-                :showSeconds="false"
+                :show-seconds="false"
                 ref="advanceNotice"
                 data-cy="advanceNotice"
                 :error-messages="form().serverErrors(this, 'advanceNotice')"
diff --git a/ayanova/src/views/home-notify-subscriptions.vue b/ayanova/src/views/home-notify-subscriptions.vue
index dbb94e78..8f19c247 100644
--- a/ayanova/src/views/home-notify-subscriptions.vue
+++ b/ayanova/src/views/home-notify-subscriptions.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-data-table
       :headers="headers"
       :items="obj"
diff --git a/ayanova/src/views/home-password.vue b/ayanova/src/views/home-password.vue
index 41818e65..615584c4 100644
--- a/ayanova/src/views/home-password.vue
+++ b/ayanova/src/views/home-password.vue
@@ -3,7 +3,7 @@
     <v-col>
       <v-form ref="form">
         <v-row>
-          <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+          <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
           <v-col cols="12">
             <v-text-field
diff --git a/ayanova/src/views/home-reminder.vue b/ayanova/src/views/home-reminder.vue
index f3742f72..fd8c999a 100644
--- a/ayanova/src/views/home-reminder.vue
+++ b/ayanova/src/views/home-reminder.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -24,7 +24,7 @@
               v-model="obj.startDate"
               :readonly="formState.readOnly"
               ref="startDate"
-              testId="startDate"
+              test-id="startDate"
               :error-messages="form().serverErrors(this, 'startDate')"
               @input="fieldValueChanged('startDate')"
             ></gz-date-time-picker>
@@ -38,7 +38,7 @@
               v-model="obj.stopDate"
               :readonly="formState.readOnly"
               ref="stopDate"
-              testId="stopDate"
+              test-id="stopDate"
               @input="fieldValueChanged('stopDate')"
             ></gz-date-time-picker>
           </v-col>
@@ -93,9 +93,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -105,8 +105,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -117,8 +117,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
diff --git a/ayanova/src/views/home-reminders.vue b/ayanova/src/views/home-reminders.vue
index 86788631..09c40e39 100644
--- a/ayanova/src/views/home-reminders.vue
+++ b/ayanova/src/views/home-reminders.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="reminder-list"
-      dataListKey="ReminderDataList"
-      :showSelect="rights.read"
+      form-key="reminder-list"
+      data-list-key="ReminderDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="remindersTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/home-reset.vue b/ayanova/src/views/home-reset.vue
index 55a4d2d0..29c81980 100644
--- a/ayanova/src/views/home-reset.vue
+++ b/ayanova/src/views/home-reset.vue
@@ -1,6 +1,6 @@
 <template>
   <v-form ref="form">
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-row v-if="formState.ready">
       <v-col cols="12">
         <v-text-field
diff --git a/ayanova/src/views/home-review.vue b/ayanova/src/views/home-review.vue
index 100206f1..9c8cb90d 100644
--- a/ayanova/src/views/home-review.vue
+++ b/ayanova/src/views/home-review.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <div class="mb-6" v-if="obj.objectType">
           <v-icon large @click="navToTarget()">{{ iconForType }}</v-icon
@@ -11,11 +11,11 @@
         <v-row>
           <v-col v-if="currentUserIsASupervisor" cols="12" sm="6" lg="4" xl="3">
             <gz-pick-list
-              :ayaType="ayaTypes().User"
+              :aya-type="ayaTypes().User"
               :variant="'inside'"
-              :showEditIcon="true"
-              :allowNoSelection="false"
-              :canClear="false"
+              :show-edit-icon="true"
+              :allow-no-selection="false"
+              :can-clear="false"
               v-model="obj.userId"
               :readonly="formState.readOnly"
               :label="$ay.t('ReviewUserId')"
@@ -29,9 +29,9 @@
 
           <v-col v-if="currentUserIsASupervisor" cols="12" sm="6" lg="4" xl="3">
             <gz-pick-list
-              :ayaType="ayaTypes().User"
+              :aya-type="ayaTypes().User"
               :variant="'inside'"
-              :showEditIcon="true"
+              :show-edit-icon="true"
               v-model="obj.assignedByUserId"
               readonly
               :label="$ay.t('ReviewAssignedByUserId')"
@@ -68,7 +68,7 @@
                   (!selfAssigned && !currentUserIsASupervisor)
               "
               ref="dueDate"
-              testId="dueDate"
+              test-id="dueDate"
               :error-messages="form().serverErrors(this, 'dueDate')"
               @input="fieldValueChanged('dueDate')"
             ></gz-date-time-picker>
@@ -95,7 +95,7 @@
               v-model="obj.completedDate"
               :readonly="formState.readOnly"
               ref="completedDate"
-              testId="completedDate"
+              test-id="completedDate"
               @input="fieldValueChanged('completedDate')"
             ></gz-date-time-picker>
           </v-col>
@@ -129,9 +129,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -141,8 +141,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -153,8 +153,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
diff --git a/ayanova/src/views/home-reviews.vue b/ayanova/src/views/home-reviews.vue
index f8bb63ab..b34f8603 100644
--- a/ayanova/src/views/home-reviews.vue
+++ b/ayanova/src/views/home-reviews.vue
@@ -6,19 +6,19 @@
     </div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="review-list"
-      dataListKey="ReviewDataList"
-      :clientCriteria="clientCriteria"
-      :showSelect="rights.read"
+      form-key="review-list"
+      data-list-key="ReviewDataList"
+      :client-criteria="clientCriteria"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="reviewsTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/home-search.vue b/ayanova/src/views/home-search.vue
index af3a6c5d..29d6bc98 100644
--- a/ayanova/src/views/home-search.vue
+++ b/ayanova/src/views/home-search.vue
@@ -3,7 +3,7 @@
     <v-col>
       <v-form ref="form">
         <v-row justify="start">
-          <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+          <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
           <v-col cols="12" sm="4" lg="4" xl="3">
             <v-text-field
               v-model="searchPhrase"
@@ -25,7 +25,7 @@
             ></v-select>
           </v-col>
           <v-col cols="12" sm="4" lg="4" xl="3">
-            <v-btn color="primary" v-on:click="getDataFromApi()" value="SEARCH">
+            <v-btn color="primary" @click="getDataFromApi()" value="SEARCH">
               <v-icon data-cy="btnsearch">$ayiSearch</v-icon>
             </v-btn>
           </v-col>
diff --git a/ayanova/src/views/home-user-settings.vue b/ayanova/src/views/home-user-settings.vue
index f0fa2c38..a110b7b5 100644
--- a/ayanova/src/views/home-user-settings.vue
+++ b/ayanova/src/views/home-user-settings.vue
@@ -3,7 +3,7 @@
     <v-col>
       <v-form ref="form">
         <v-row>
-          <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+          <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
           <v-col cols="12" sm="6" lg="4" xl="3">
             <v-select
               v-model="obj.translationId"
diff --git a/ayanova/src/views/inv-part-adjustment.vue b/ayanova/src/views/inv-part-adjustment.vue
index 2cf643c5..42cfa0af 100644
--- a/ayanova/src/views/inv-part-adjustment.vue
+++ b/ayanova/src/views/inv-part-adjustment.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -20,9 +20,9 @@
 
           <v-col cols="12" sm="6" lg="4" xl="3">
             <gz-pick-list
-              :ayaType="ayaTypes().Part"
-              :showEditIcon="true"
-              :allowNoSelection="false"
+              :aya-type="ayaTypes().Part"
+              :show-edit-icon="true"
+              :allow-no-selection="false"
               v-model="obj.partId"
               :readonly="formState.readOnly"
               :label="$ay.t('Part')"
@@ -34,9 +34,9 @@
           </v-col>
           <v-col cols="12" sm="6" lg="4" xl="3">
             <gz-pick-list
-              :ayaType="ayaTypes().PartWarehouse"
-              :showEditIcon="true"
-              :allowNoSelection="false"
+              :aya-type="ayaTypes().PartWarehouse"
+              :show-edit-icon="true"
+              :allow-no-selection="false"
               v-model="obj.partWarehouseId"
               :readonly="formState.readOnly"
               :label="$ay.t('PartWarehouse')"
diff --git a/ayanova/src/views/inv-part-assemblies.vue b/ayanova/src/views/inv-part-assemblies.vue
index 4d988453..e9188878 100644
--- a/ayanova/src/views/inv-part-assemblies.vue
+++ b/ayanova/src/views/inv-part-assemblies.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="partassembly-list"
-      dataListKey="PartAssemblyDataList"
-      :showSelect="rights.read"
+      form-key="partassembly-list"
+      data-list-key="PartAssemblyDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="partassemblysTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/inv-part-assembly.vue b/ayanova/src/views/inv-part-assembly.vue
index a44b03f6..43aa8f6c 100644
--- a/ayanova/src/views/inv-part-assembly.vue
+++ b/ayanova/src/views/inv-part-assembly.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -22,8 +22,8 @@
             <gz-pick-list
               v-if="!formState.readOnly"
               v-model="selectedPart"
-              :ayaType="ayaTypes().Part"
-              :showEditIcon="true"
+              :aya-type="ayaTypes().Part"
+              :show-edit-icon="true"
               :label="$ay.t('Part')"
               ref="partId"
               data-cy="partId"
@@ -120,9 +120,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -132,8 +132,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -144,8 +144,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
diff --git a/ayanova/src/views/inv-part-inventory-transactions.vue b/ayanova/src/views/inv-part-inventory-transactions.vue
index 308ee96a..3d8edbfb 100644
--- a/ayanova/src/views/inv-part-inventory-transactions.vue
+++ b/ayanova/src/views/inv-part-inventory-transactions.vue
@@ -2,19 +2,19 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="part-inventory-transaction-list"
-      dataListKey="PartInventoryTransactionsDataList"
-      :showSelect="rights.read"
+      form-key="part-inventory-transaction-list"
+      data-list-key="PartInventoryTransactionsDataList"
+      :show-select="rights.read"
       :reload="reload"
-      :clientCriteria="clientCriteria"
-      v-on:selection-change="handleSelected"
+      :client-criteria="clientCriteria"
+      @selection-change="handleSelected"
       data-cy="partInventoryTransactionsTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/inv-part-inventory.vue b/ayanova/src/views/inv-part-inventory.vue
index 73ccfc09..945abb8c 100644
--- a/ayanova/src/views/inv-part-inventory.vue
+++ b/ayanova/src/views/inv-part-inventory.vue
@@ -2,19 +2,19 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="part-inventory-list"
-      dataListKey="PartInventoryDataList"
-      :showSelect="rights.read"
+      form-key="part-inventory-list"
+      data-list-key="PartInventoryDataList"
+      :show-select="rights.read"
       :reload="reload"
-      :clientCriteria="clientCriteria"
-      v-on:selection-change="handleSelected"
+      :client-criteria="clientCriteria"
+      @selection-change="handleSelected"
       data-cy="partInventoryTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/inv-part-serials.vue b/ayanova/src/views/inv-part-serials.vue
index 6a1727db..2c5a0b55 100644
--- a/ayanova/src/views/inv-part-serials.vue
+++ b/ayanova/src/views/inv-part-serials.vue
@@ -2,15 +2,15 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12">
             <gz-pick-list
               readonly
               v-model="selectedPartId"
-              :ayaType="ayaTypes().Part"
-              :showEditIcon="true"
+              :aya-type="ayaTypes().Part"
+              :show-edit-icon="true"
               :label="$ay.t('Part')"
               ref="selectedPartId"
               data-cy="selectedPartId"
diff --git a/ayanova/src/views/inv-part-warehouse.vue b/ayanova/src/views/inv-part-warehouse.vue
index c8ef4b6f..78565bd2 100644
--- a/ayanova/src/views/inv-part-warehouse.vue
+++ b/ayanova/src/views/inv-part-warehouse.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -58,9 +58,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -70,8 +70,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -82,8 +82,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
diff --git a/ayanova/src/views/inv-part-warehouses.vue b/ayanova/src/views/inv-part-warehouses.vue
index 4230dd4b..d7932742 100644
--- a/ayanova/src/views/inv-part-warehouses.vue
+++ b/ayanova/src/views/inv-part-warehouses.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="inv-part-warehouses"
-      dataListKey="PartWarehouseDataList"
-      :showSelect="rights.read"
+      form-key="inv-part-warehouses"
+      data-list-key="PartWarehouseDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="partwarehousesTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/inv-part.vue b/ayanova/src/views/inv-part.vue
index 8a8caa86..f91ea808 100644
--- a/ayanova/src/views/inv-part.vue
+++ b/ayanova/src/views/inv-part.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -112,8 +112,8 @@
             xl="3"
           >
             <gz-pick-list
-              :ayaType="ayaTypes().Vendor"
-              :showEditIcon="true"
+              :aya-type="ayaTypes().Vendor"
+              :show-edit-icon="true"
               v-model="obj.manufacturerId"
               :readonly="formState.readOnly"
               :label="$ay.t('PartManufacturerID')"
@@ -150,8 +150,8 @@
             xl="3"
           >
             <gz-pick-list
-              :ayaType="ayaTypes().Vendor"
-              :showEditIcon="true"
+              :aya-type="ayaTypes().Vendor"
+              :show-edit-icon="true"
               v-model="obj.wholeSalerId"
               :readonly="formState.readOnly"
               :label="$ay.t('PartWholesalerID')"
@@ -188,8 +188,8 @@
             xl="3"
           >
             <gz-pick-list
-              :ayaType="ayaTypes().Vendor"
-              :showEditIcon="true"
+              :aya-type="ayaTypes().Vendor"
+              :show-edit-icon="true"
               v-model="obj.alternativeWholeSalerId"
               :readonly="formState.readOnly"
               :label="$ay.t('PartAlternativeWholesalerID')"
@@ -262,9 +262,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -274,8 +274,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -286,8 +286,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
diff --git a/ayanova/src/views/inv-parts.vue b/ayanova/src/views/inv-parts.vue
index 2a120d71..17bb9a69 100644
--- a/ayanova/src/views/inv-parts.vue
+++ b/ayanova/src/views/inv-parts.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="part-list"
-      dataListKey="PartDataList"
-      :showSelect="rights.read"
+      form-key="part-list"
+      data-list-key="PartDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="partsTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/login.vue b/ayanova/src/views/login.vue
index d99ffb66..3ae183a1 100644
--- a/ayanova/src/views/login.vue
+++ b/ayanova/src/views/login.vue
@@ -40,7 +40,9 @@
               ></v-img>
             </v-col>
             <v-col cols="12" md="7" v-if="formState.errorBoxMessage">
-              <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+              <gz-error
+                :error-box-message="formState.errorBoxMessage"
+              ></gz-error>
             </v-col>
 
             <v-col cols="12" md="7" v-if="showEvalUsers == true">
@@ -71,7 +73,7 @@
                 spellcheck="false"
                 :error="errorBadCreds"
                 v-focus
-                v-on:keyup.enter="onEnterUserName"
+                @keyup.enter="onEnterUserName"
               ></v-text-field>
             </v-col>
             <v-col cols="12" md="7">
@@ -83,12 +85,12 @@
                 prepend-icon="$ayiKey"
                 :type="reveal ? 'text' : 'password'"
                 :error="errorBadCreds"
-                v-on:keyup.enter="login"
+                @keyup.enter="login"
                 @click:append-outer="reveal = !reveal"
               ></v-text-field>
             </v-col>
             <v-col cols="12" md="7" mt-1 mb-5>
-              <v-btn color="primary" v-on:click="login()" value="LOGIN">
+              <v-btn color="primary" @click="login()" value="LOGIN">
                 <v-icon>$ayiSignIn</v-icon>
               </v-btn>
             </v-col>
diff --git a/ayanova/src/views/ops-backup.vue b/ayanova/src/views/ops-backup.vue
index a18f292b..b5344bf3 100644
--- a/ayanova/src/views/ops-backup.vue
+++ b/ayanova/src/views/ops-backup.vue
@@ -3,7 +3,7 @@
     <v-col>
       <v-form ref="form">
         <v-row>
-          <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+          <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
           <v-col cols="12">
             <span class="title">{{ $ay.t("BackupSettings") }}</span>
           </v-col>
diff --git a/ayanova/src/views/ops-jobs.vue b/ayanova/src/views/ops-jobs.vue
index ff9cce98..8d6659de 100644
--- a/ayanova/src/views/ops-jobs.vue
+++ b/ayanova/src/views/ops-jobs.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row v-if="this.formState.ready">
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col cols="12">
       <v-btn @click="getDataFromApi" class="mb-6">
         <v-icon>$ayiSync</v-icon>
diff --git a/ayanova/src/views/ops-log.vue b/ayanova/src/views/ops-log.vue
index 4c7bc7ea..02997ae8 100644
--- a/ayanova/src/views/ops-log.vue
+++ b/ayanova/src/views/ops-log.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row v-if="this.formState.ready" v-resize="onResize">
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col cols="12" sm="6" lg="4" xl="3">
       <v-select
         v-model="selectedLog"
diff --git a/ayanova/src/views/ops-metrics.vue b/ayanova/src/views/ops-metrics.vue
index 5ddce33d..e0f4abb0 100644
--- a/ayanova/src/views/ops-metrics.vue
+++ b/ayanova/src/views/ops-metrics.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row v-if="this.formState.ready" v-resize="onResize">
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col cols="12" sm="6" lg="4" xl="3">
       <v-select
         v-model="selectedTimePeriod"
@@ -24,14 +24,14 @@
         <v-tab-item>
           <v-col cols="12">
             <gz-chart-line
-              :chartData="memAllChartData"
+              :chart-data="memAllChartData"
               :options="timeLineChartOptions"
               class="my-12"
             />
           </v-col>
           <v-col cols="12">
             <gz-chart-line
-              :chartData="cpuChartData"
+              :chart-data="cpuChartData"
               :options="timeLineChartOptions"
               class="my-12"
             />
@@ -40,14 +40,14 @@
         <v-tab-item>
           <v-col cols="12">
             <gz-chart-line
-              :chartData="dbChartData"
+              :chart-data="dbChartData"
               :options="timeLineChartOptions"
               class="my-12"
             />
           </v-col>
           <v-col cols="12" lg="10" xl="8">
             <gz-chart-bar-horizontal
-              :chartData="dbTopTablesChartData"
+              :chart-data="dbTopTablesChartData"
               :options="{
                 responsive: true,
                 scales: {
@@ -62,14 +62,14 @@
         <v-tab-item>
           <v-col cols="12">
             <gz-chart-line
-              :chartData="fileSizeChartData"
+              :chart-data="fileSizeChartData"
               :options="timeLineChartOptions"
               class="my-12"
             />
           </v-col>
           <v-col cols="12">
             <gz-chart-line
-              :chartData="attachmentCountChartData"
+              :chart-data="attachmentCountChartData"
               :options="timeLineChartOptions"
               class="my-12"
             />
diff --git a/ayanova/src/views/ops-notification-settings.vue b/ayanova/src/views/ops-notification-settings.vue
index d6f595e6..9734f601 100644
--- a/ayanova/src/views/ops-notification-settings.vue
+++ b/ayanova/src/views/ops-notification-settings.vue
@@ -34,7 +34,7 @@
       <v-col>
         <v-form ref="form">
           <v-row>
-            <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+            <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
             <v-col cols="12" sm="6" lg="4" xl="3">
               <v-checkbox
diff --git a/ayanova/src/views/ops-notify-queue.vue b/ayanova/src/views/ops-notify-queue.vue
index 4426149d..e0e3892a 100644
--- a/ayanova/src/views/ops-notify-queue.vue
+++ b/ayanova/src/views/ops-notify-queue.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row v-if="this.formState.ready">
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col cols="12">
       <v-btn @click="getDataFromApi" class="mb-6">
         <v-icon>$ayiSync</v-icon>
diff --git a/ayanova/src/views/ops-profile.vue b/ayanova/src/views/ops-profile.vue
index 160860bb..aac92176 100644
--- a/ayanova/src/views/ops-profile.vue
+++ b/ayanova/src/views/ops-profile.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row v-if="this.formState.ready" v-resize="onResize">
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col cols="12">
       <v-btn @click="refreshProfile">
         <v-icon>$ayiSync</v-icon>
diff --git a/ayanova/src/views/ops-server-state.vue b/ayanova/src/views/ops-server-state.vue
index b1b3e26e..8ae0aeb9 100644
--- a/ayanova/src/views/ops-server-state.vue
+++ b/ayanova/src/views/ops-server-state.vue
@@ -3,7 +3,7 @@
     <v-col>
       <v-form ref="form">
         <v-row>
-          <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+          <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
           <v-col cols="12" sm="6" lg="4" xl="3">
             <v-radio-group
diff --git a/ayanova/src/views/ops-view-configuration.vue b/ayanova/src/views/ops-view-configuration.vue
index 326cc1ce..9301283f 100644
--- a/ayanova/src/views/ops-view-configuration.vue
+++ b/ayanova/src/views/ops-view-configuration.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row v-if="this.formState.ready" align="start" justify="center">
-    <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col cols="12" md="7">
       <v-card data-cy="configCard">
         <v-list two-line>
diff --git a/ayanova/src/views/svc-csr.vue b/ayanova/src/views/svc-csr.vue
index 0eb85fcc..d0b2e790 100644
--- a/ayanova/src/views/svc-csr.vue
+++ b/ayanova/src/views/svc-csr.vue
@@ -2,14 +2,14 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
             <gz-pick-list
-              :ayaType="ayaTypes().Customer"
-              :showEditIcon="true"
-              :includeInactive="true"
+              :aya-type="ayaTypes().Customer"
+              :show-edit-icon="true"
+              :include-inactive="true"
               v-model="obj.customerId"
               readonly
               :label="$ay.t('Customer')"
@@ -44,7 +44,7 @@
               v-model="obj.dateRequested"
               readonly
               ref="dateRequested"
-              testId="dateRequested"
+              test-id="dateRequested"
             ></gz-date-picker>
           </v-col>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -108,9 +108,9 @@
             xl="3"
           >
             <gz-pick-list
-              :ayaType="ayaTypes().User"
+              :aya-type="ayaTypes().User"
               :variant="'outside'"
-              :showEditIcon="true"
+              :show-edit-icon="true"
               v-model="obj.requestedByUserId"
               :readonly="formState.readOnly"
               :label="$ay.t('CustomerServiceRequestRequestedBy')"
@@ -129,9 +129,9 @@
             xl="3"
           >
             <gz-pick-list
-              :ayaType="ayaTypes().Unit"
+              :aya-type="ayaTypes().Unit"
               :variant="'customerid:' + obj.customerId"
-              :showEditIcon="true"
+              :show-edit-icon="true"
               v-model="obj.unitId"
               :readonly="formState.readOnly"
               :label="$ay.t('CustomerServiceRequestItemUnitID')"
@@ -173,9 +173,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -185,8 +185,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -197,8 +197,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
@@ -214,9 +214,9 @@
             <v-card-text>
               <!-- //MIGRATE_OUTSTANDING awaiting workorder pick list, also this should be json variant data -->
               <gz-pick-list
-                :ayaType="ayaTypes().WorkOrder"
+                :aya-type="ayaTypes().WorkOrder"
                 :variant="'customerid:' + obj.customerId"
-                :showEditIcon="false"
+                :show-edit-icon="false"
                 v-model="selectedWOId"
                 :label="$ay.t('WorkOrder')"
               ></gz-pick-list>
diff --git a/ayanova/src/views/svc-csrs.vue b/ayanova/src/views/svc-csrs.vue
index be015dd7..8713063b 100644
--- a/ayanova/src/views/svc-csrs.vue
+++ b/ayanova/src/views/svc-csrs.vue
@@ -2,20 +2,20 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="csr-list"
-      dataListKey="CustomerServiceRequestDataList"
-      :dataListFilter="dataListFilter"
-      :dataListSort="dataListSort"
-      :showSelect="rights.read"
+      form-key="csr-list"
+      data-list-key="CustomerServiceRequestDataList"
+      :data-list-filter="dataListFilter"
+      :data-list-sort="dataListSort"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="csrTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/svc-loaner.vue b/ayanova/src/views/svc-loaner.vue
index f25f3962..1e4f0e0d 100644
--- a/ayanova/src/views/svc-loaner.vue
+++ b/ayanova/src/views/svc-loaner.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -198,8 +198,8 @@
             xl="3"
           >
             <gz-pick-list
-              :ayaType="ayaTypes().Unit"
-              :showEditIcon="true"
+              :aya-type="ayaTypes().Unit"
+              :show-edit-icon="true"
               v-model="obj.unitId"
               :readonly="formState.readOnly"
               :label="$ay.t('LoanUnitShadowUnit')"
@@ -249,9 +249,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -261,8 +261,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -273,8 +273,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
diff --git a/ayanova/src/views/svc-loaners.vue b/ayanova/src/views/svc-loaners.vue
index c4cce55c..52abd54e 100644
--- a/ayanova/src/views/svc-loaners.vue
+++ b/ayanova/src/views/svc-loaners.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="loanunit-list"
-      dataListKey="LoanUnitDataList"
-      :showSelect="rights.read"
+      form-key="loanunit-list"
+      data-list-key="LoanUnitDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="loanUnitsTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/svc-project.vue b/ayanova/src/views/svc-project.vue
index 35af81a0..043d9e89 100644
--- a/ayanova/src/views/svc-project.vue
+++ b/ayanova/src/views/svc-project.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -44,9 +44,9 @@
             xl="3"
           >
             <gz-pick-list
-              :ayaType="ayaTypes().User"
+              :aya-type="ayaTypes().User"
               :variant="'inside'"
-              :showEditIcon="true"
+              :show-edit-icon="true"
               v-model="obj.projectOverseerId"
               :readonly="formState.readOnly"
               :label="$ay.t('ProjectProjectOverseerID')"
@@ -69,7 +69,7 @@
               v-model="obj.dateStarted"
               :readonly="formState.readOnly"
               ref="dateStarted"
-              testId="dateStarted"
+              test-id="dateStarted"
               :error-messages="form().serverErrors(this, 'dateStarted')"
               @input="fieldValueChanged('dateStarted')"
             ></gz-date-time-picker>
@@ -91,7 +91,7 @@
               v-model="obj.dateCompleted"
               :readonly="formState.readOnly"
               ref="dateCompleted"
-              testId="dateCompleted"
+              test-id="dateCompleted"
               @input="fieldValueChanged('dateCompleted')"
             ></gz-date-time-picker>
           </v-col>
@@ -134,9 +134,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -146,8 +146,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -158,8 +158,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
diff --git a/ayanova/src/views/svc-projects.vue b/ayanova/src/views/svc-projects.vue
index c1342261..99045ff9 100644
--- a/ayanova/src/views/svc-projects.vue
+++ b/ayanova/src/views/svc-projects.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="project-list"
-      dataListKey="ProjectDataList"
-      :showSelect="rights.read"
+      form-key="project-list"
+      data-list-key="ProjectDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="projectsTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/svc-unit-model.vue b/ayanova/src/views/svc-unit-model.vue
index a473fa18..00e07aec 100644
--- a/ayanova/src/views/svc-unit-model.vue
+++ b/ayanova/src/views/svc-unit-model.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
         <v-row>
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -44,8 +44,8 @@
             xl="3"
           >
             <gz-pick-list
-              :ayaType="ayaTypes().Vendor"
-              :showEditIcon="true"
+              :aya-type="ayaTypes().Vendor"
+              :show-edit-icon="true"
               v-model="obj.vendorId"
               :readonly="formState.readOnly"
               :label="$ay.t('UnitModelVendorID')"
@@ -86,7 +86,7 @@
               v-model="obj.introducedDate"
               :readonly="formState.readOnly"
               ref="introducedDate"
-              testId="introducedDate"
+              test-id="introducedDate"
               :error-messages="form().serverErrors(this, 'introducedDate')"
               @input="fieldValueChanged('introducedDate')"
             ></gz-date-picker>
@@ -122,7 +122,7 @@
               v-model="obj.discontinuedDate"
               :readonly="formState.readOnly"
               ref="discontinuedDate"
-              testId="discontinuedDate"
+              test-id="discontinuedDate"
               :error-messages="form().serverErrors(this, 'discontinuedDate')"
               @input="fieldValueChanged('discontinuedDate')"
             ></gz-date-picker>
@@ -218,9 +218,9 @@
           <v-col cols="12">
             <gz-custom-fields
               v-model="obj.customFields"
-              :formKey="formCustomTemplateKey"
+              :form-key="formCustomTemplateKey"
               :readonly="formState.readOnly"
-              :parentVM="this"
+              :parent-v-m="this"
               ref="customFields"
               data-cy="customFields"
               :error-messages="form().serverErrors(this, 'customFields')"
@@ -230,8 +230,8 @@
 
           <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
             <gz-wiki
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
               ref="wiki"
               v-model="obj.wiki"
               :readonly="formState.readOnly"
@@ -242,8 +242,8 @@
           <v-col v-if="form().showMe(this, 'Attachments') && obj.id" cols="12">
             <gz-attachments
               :readonly="formState.readOnly"
-              :ayaType="ayaType"
-              :ayaId="obj.id"
+              :aya-type="ayaType"
+              :aya-id="obj.id"
             ></gz-attachments
           ></v-col>
         </v-row>
diff --git a/ayanova/src/views/svc-unit-models.vue b/ayanova/src/views/svc-unit-models.vue
index 80716d82..179b27c7 100644
--- a/ayanova/src/views/svc-unit-models.vue
+++ b/ayanova/src/views/svc-unit-models.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="unitmodel-list"
-      dataListKey="UnitModelDataList"
-      :showSelect="rights.read"
+      form-key="unitmodel-list"
+      data-list-key="UnitModelDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="unitmodelsTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/svc-unit.vue b/ayanova/src/views/svc-unit.vue
index 743e66af..c883fc0c 100644
--- a/ayanova/src/views/svc-unit.vue
+++ b/ayanova/src/views/svc-unit.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
       <v-form ref="form">
         <v-tabs mobile-breakpoint="100" v-model="tab">
@@ -33,8 +33,8 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().Customer"
-                    :showEditIcon="true"
+                    :aya-type="ayaTypes().Customer"
+                    :show-edit-icon="true"
                     v-model="obj.customerId"
                     :readonly="formState.readOnly"
                     :label="$ay.t('Customer')"
@@ -71,8 +71,8 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().UnitModel"
-                    :showEditIcon="true"
+                    :aya-type="ayaTypes().UnitModel"
+                    :show-edit-icon="true"
                     v-model="obj.unitModelId"
                     :readonly="formState.readOnly"
                     :label="$ay.t('UnitModel')"
@@ -91,8 +91,8 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().Unit"
-                    :showEditIcon="true"
+                    :aya-type="ayaTypes().Unit"
+                    :show-edit-icon="true"
                     v-model="obj.replacedByUnitId"
                     :readonly="formState.readOnly"
                     :label="$ay.t('UnitReplacedByUnitID')"
@@ -113,8 +113,8 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().Unit"
-                    :showEditIcon="true"
+                    :aya-type="ayaTypes().Unit"
+                    :show-edit-icon="true"
                     v-model="obj.parentUnitId"
                     :readonly="formState.readOnly"
                     :label="$ay.t('UnitParentUnitID')"
@@ -211,8 +211,8 @@
                   xl="3"
                 >
                   <gz-pick-list
-                    :ayaType="ayaTypes().Vendor"
-                    :showEditIcon="true"
+                    :aya-type="ayaTypes().Vendor"
+                    :show-edit-icon="true"
                     v-model="obj.purchasedFromVendorId"
                     :readonly="formState.readOnly"
                     :label="$ay.t('UnitPurchaseFromID')"
@@ -237,7 +237,7 @@
                     v-model="obj.purchasedDate"
                     :readonly="formState.readOnly"
                     ref="purchasedDate"
-                    testId="purchasedDate"
+                    test-id="purchasedDate"
                     :error-messages="form().serverErrors(this, 'purchasedDate')"
                     @input="fieldValueChanged('purchasedDate')"
                   ></gz-date-time-picker>
@@ -371,9 +371,9 @@
                 <v-col cols="12">
                   <gz-custom-fields
                     v-model="obj.customFields"
-                    :formKey="formCustomTemplateKey"
+                    :form-key="formCustomTemplateKey"
                     :readonly="formState.readOnly"
-                    :parentVM="this"
+                    :parent-v-m="this"
                     ref="customFields"
                     data-cy="customFields"
                     :error-messages="form().serverErrors(this, 'customFields')"
@@ -383,8 +383,8 @@
 
                 <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
                   <gz-wiki
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                     ref="wiki"
                     v-model="obj.wiki"
                     :readonly="formState.readOnly"
@@ -398,8 +398,8 @@
                 >
                   <gz-attachments
                     :readonly="formState.readOnly"
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                   ></gz-attachments
                 ></v-col>
               </v-row>
diff --git a/ayanova/src/views/svc-units.vue b/ayanova/src/views/svc-units.vue
index 37d03543..611803f5 100644
--- a/ayanova/src/views/svc-units.vue
+++ b/ayanova/src/views/svc-units.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="unit-list"
-      dataListKey="UnitDataList"
-      :showSelect="rights.read"
+      form-key="unit-list"
+      data-list-key="UnitDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="unitsTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/vendor.vue b/ayanova/src/views/vendor.vue
index 650a111f..da4e40cf 100644
--- a/ayanova/src/views/vendor.vue
+++ b/ayanova/src/views/vendor.vue
@@ -2,7 +2,7 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
-      <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
       <v-form ref="form">
         <v-tabs mobile-breakpoint="100" v-model="tab">
@@ -253,9 +253,9 @@
                 <v-col cols="12">
                   <gz-custom-fields
                     v-model="obj.customFields"
-                    :formKey="formCustomTemplateKey"
+                    :form-key="formCustomTemplateKey"
                     :readonly="formState.readOnly"
-                    :parentVM="this"
+                    :parent-v-m="this"
                     ref="customFields"
                     data-cy="customFields"
                     :error-messages="form().serverErrors(this, 'customFields')"
@@ -265,8 +265,8 @@
 
                 <v-col v-if="form().showMe(this, 'Wiki')" cols="12">
                   <gz-wiki
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                     ref="wiki"
                     v-model="obj.wiki"
                     :readonly="formState.readOnly"
@@ -280,8 +280,8 @@
                 >
                   <gz-attachments
                     :readonly="formState.readOnly"
-                    :ayaType="ayaType"
-                    :ayaId="obj.id"
+                    :aya-type="ayaType"
+                    :aya-id="obj.id"
                   ></gz-attachments
                 ></v-col>
               </v-row>
diff --git a/ayanova/src/views/vendors.vue b/ayanova/src/views/vendors.vue
index ef9d7c66..5d9ab58a 100644
--- a/ayanova/src/views/vendors.vue
+++ b/ayanova/src/views/vendors.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="vendor-list"
-      dataListKey="VendorDataList"
-      :showSelect="rights.read"
+      form-key="vendor-list"
+      data-list-key="VendorDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="vendorsTable"
     >
     </gz-data-table>
diff --git a/ayanova/src/views/widgets.vue b/ayanova/src/views/widgets.vue
index e675f956..fe3b5542 100644
--- a/ayanova/src/views/widgets.vue
+++ b/ayanova/src/views/widgets.vue
@@ -2,18 +2,18 @@
   <div>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <gz-extensions
-      :ayaType="ayType"
-      :selectedItems="selectedItems"
+      :aya-type="ayType"
+      :selected-items="selectedItems"
       ref="extensions"
     >
     </gz-extensions>
     <gz-data-table
       ref="gzdatatable"
-      formKey="widget-list"
-      dataListKey="TestWidgetDataList"
-      :showSelect="rights.read"
+      form-key="widget-list"
+      data-list-key="TestWidgetDataList"
+      :show-select="rights.read"
       :reload="reload"
-      v-on:selection-change="handleSelected"
+      @selection-change="handleSelected"
       data-cy="widgetsTable"
     >
     </gz-data-table>
diff --git a/ayanova/tests/e2e/OLD/customize-form.js b/ayanova/tests/e2e/OLD/customize-form.js
index 6855e822..8ddf2038 100644
--- a/ayanova/tests/e2e/OLD/customize-form.js
+++ b/ayanova/tests/e2e/OLD/customize-form.js
@@ -1,4 +1,3 @@
-
 //#################  COMMENTED OUT BECAUSE TOO PROBLEMATIC TO TEST, HAS SIDE EFFECTS AND IF IT FAILS THEN NEEDS TO BE REVERSED TO RE-RUN THE TEST AGAIN
 //BAH