From 59f55e4595446aed02fbbb48e2d1afa6f6bc72bb Mon Sep 17 00:00:00 2001
From: Pranav C <61551451+pranavxc@users.noreply.github.com>
Date: Mon, 19 Jul 2021 16:40:49 +0530
Subject: [PATCH] refactor(gui): update eslint rules

Signed-off-by: Pranav C <61551451+pranavxc@users.noreply.github.com>
---
 packages/nc-gui/.eslintrc.json                |   8 +-
 .../nc-gui/components/apiClient/headers.vue   |  25 ++--
 .../nc-gui/components/apiClient/params.vue    |  24 ++--
 .../nc-gui/components/apiClient/perfTest.vue  |   6 +-
 packages/nc-gui/components/apiOverlay.vue     |  14 +--
 packages/nc-gui/components/auth.routes.js     |   2 +-
 packages/nc-gui/components/auth/apiTokens.vue |  10 +-
 packages/nc-gui/components/auth/authHooks.vue |   6 +-
 packages/nc-gui/components/auth/roles.vue     |  18 +--
 .../nc-gui/components/auth/userManagement.vue |  44 +++----
 packages/nc-gui/components/authTab.vue        |   2 +-
 packages/nc-gui/components/changeEnv.vue      |   8 +-
 .../nc-gui/components/createOrEditProject.vue | 100 +++++++--------
 .../components/global/recursiveMenu.vue       |   8 +-
 .../components/global/xAutoComplete.vue       |  28 ++---
 packages/nc-gui/components/global/xIcon.vue   |   4 +-
 packages/nc-gui/components/monaco/Monaco.vue  |  16 +--
 .../components/monaco/MonacoSqlEditor.vue     |  40 +++---
 .../components/monaco/sqlAutoCompletions.js   |   2 +-
 packages/nc-gui/components/notification.vue   |  10 +-
 packages/nc-gui/components/project/apis.vue   |  36 +++---
 .../nc-gui/components/project/appStore.vue    |  18 +--
 .../components/project/appStore/FormInput.vue |   4 +-
 .../project/appStore/appInstall.vue           |  18 +--
 .../project/appStore/inputs/attachment.vue    |  22 ++--
 .../project/appStore/inputs/longTextField.vue |  10 +-
 .../project/appStore/inputs/passwordField.vue |   6 +-
 .../project/appStore/inputs/textField.vue     |   6 +-
 .../nc-gui/components/project/appStoreOld.vue |   6 +-
 .../components/project/auditTab/audit.vue     |   6 +-
 .../nc-gui/components/project/auditTab/db.vue |  34 ++---
 .../nc-gui/components/project/cronJobs.vue    |  18 +--
 .../project/dlgs/dlgAddRelation.vue           |  24 ++--
 .../project/dlgs/dlgTriggerAddEdit.vue        |  16 +--
 .../project/functionTab/functionAcl.vue       |   8 +-
 .../project/functionTab/functionQuery.vue     |  24 ++--
 .../project/gqlHandlerCodeEditor.vue          |   8 +-
 .../components/project/graphqlClient.vue      |  10 +-
 .../nc-gui/components/project/grpcClient.vue  |   2 +-
 .../project/grpcHandlerCodeEditor.vue         |   8 +-
 .../project/procedureTab/procedureAcl.vue     |   8 +-
 .../project/procedureTab/procedureQuery.vue   |  24 ++--
 .../projectMetadata/disableOrEnableModels.vue |  12 +-
 .../sync/disableOrEnableFunctions.vue         |  28 ++---
 .../sync/disableOrEnableProcedures.vue        |  28 ++---
 .../sync/disableOrEnableRelations.vue         |  12 +-
 .../sync/disableOrEnableTables.vue            |  28 ++---
 .../sync/disableOrEnableViews.vue             |  28 ++---
 .../uiAcl/toggleFunctionUIAcl.vue             |  10 +-
 .../uiAcl/toggleProcedureUIAcl.vue            |  10 +-
 .../uiAcl/toggleRelationsUIAcl.vue            |  10 +-
 .../uiAcl/toggleTableUIAcl.vue                |  10 +-
 .../projectMetadata/uiAcl/toggleViewUIAcl.vue |  10 +-
 .../project/restHandlerCodeEditor.vue         |   8 +-
 packages/nc-gui/components/project/seed.vue   |  30 ++---
 .../nc-gui/components/project/sequence.vue    |  24 ++--
 .../project/settings/appearance.vue           |  26 ++--
 .../components/project/settings/env.vue       |   4 +-
 .../components/project/settings/logs.vue      |  10 +-
 .../project/settings/versionAndUpdate.vue     |  42 +++----
 .../components/project/settings/xcMeta.vue    |  18 +--
 .../project/spreadsheet/apis/apiFactory.js    |   2 +-
 .../project/spreadsheet/apis/gqlApi.js        |  50 ++++----
 .../project/spreadsheet/apis/grpcApi.js       |   4 +-
 .../project/spreadsheet/apis/restApi.js       |  24 ++--
 .../components/cell/attachmentCell.vue        |   2 +-
 .../spreadsheet/components/cell/enumCell.vue  |   2 +-
 .../components/cell/setListCell.vue           |   2 +-
 .../spreadsheet/components/columnFilter.vue   |   8 +-
 .../components/columnFilterMenu.vue           |  12 +-
 .../spreadsheet/components/editColumn.vue     |  38 +++---
 .../editColumn/customSelectOptions.vue        |  10 +-
 .../editColumn/linkedToAnotherOptions.vue     |  16 +--
 .../components/editColumn/relationOptions.vue |  18 +--
 .../components/editVirtualColumn.vue          |  12 +-
 .../spreadsheet/components/editableCell.vue   |  14 +--
 .../components/editableCell/booleanCell.vue   |   8 +-
 .../editableCell/datePickerCell.vue           |   8 +-
 .../editableCell/dateTimePickerCell.vue       |   8 +-
 .../editableCell/editableAttachmentCell.vue   |  24 ++--
 .../editableCell/enumListEditableCell.vue     |  10 +-
 .../editableCell/enumRadioEditableCell.vue    |  12 +-
 .../components/editableCell/floatCell.vue     |   8 +-
 .../components/editableCell/integerCell.vue   |   8 +-
 .../components/editableCell/jsonCell.vue      |  12 +-
 .../editableCell/setListCheckboxCell.vue      |  14 +--
 .../editableCell/setListEditableCell.vue      |  10 +-
 .../components/editableCell/textAreaCell.vue  |  10 +-
 .../editableCell/textAreaCellOld.vue          |  12 +-
 .../components/editableCell/textCell.vue      |   8 +-
 .../editableCell/timePickerCell.vue           |   8 +-
 .../spreadsheet/components/expandedForm.vue   |  40 +++---
 .../project/spreadsheet/components/extras.vue |   2 +-
 .../spreadsheet/components/fieldsMenu.vue     |  24 ++--
 .../spreadsheet/components/headerCell.vue     |   4 +-
 .../spreadsheet/components/lockMenu.vue       |   2 +-
 .../spreadsheet/components/pagination.vue     |   4 +-
 .../components/sharedViewsList.vue            |   8 +-
 .../spreadsheet/components/sortListMenu.vue   |   8 +-
 .../components/spreadsheetNavDrawer.vue       |  40 +++---
 .../spreadsheet/components/virtualCell.vue    |  10 +-
 .../components/virtualCell/belogsToCell.vue   |  46 +++----
 .../virtualCell/components/listChildItems.vue |  14 +--
 .../components/listChildItemsModal.vue        |  10 +-
 .../virtualCell/components/listItems.vue      |  12 +-
 .../components/virtualCell/hasManyCell.vue    |  54 ++++----
 .../components/virtualCell/manyToManyCell.vue |  56 ++++-----
 .../components/virtualHeaderCell.vue          |  14 +--
 .../spreadsheet/dialog/createViewDialog.vue   |   8 +-
 .../project/spreadsheet/mixins/cell.js        |  32 ++---
 .../project/spreadsheet/mixins/spreadsheet.js |  54 ++++----
 .../spreadsheet/overlay/additinalFeatures.vue |   4 +-
 .../project/spreadsheet/rowsXcDataTable.vue   |  64 +++++-----
 .../spreadsheet/views/calendarView.vue        |   6 +-
 .../project/spreadsheet/views/galleryView.vue |   4 +-
 .../project/spreadsheet/views/xcGridView.vue  |  58 ++++-----
 .../project/spreadsheet/xcTable.vue           |  52 ++++----
 .../components/project/sqlLogAndOutput.vue    |   4 +-
 .../components/project/swaggerClient.vue      |  10 +-
 packages/nc-gui/components/project/table.vue  |  36 +++---
 .../nc-gui/components/project/tableOld.vue    |  34 ++---
 .../components/project/tableTabs/aclGql.vue   |  26 ++--
 .../project/tableTabs/aclGrpcDb.vue           |  26 ++--
 .../components/project/tableTabs/aclJs.vue    |  26 ++--
 .../project/tableTabs/aclTsFile.vue           |  12 +-
 .../project/tableTabs/aclTsFileChild.vue      |  30 ++---
 .../project/tableTabs/aclTsFileDb.vue         |  16 +--
 .../project/tableTabs/aclTsFileDbChild.vue    |  34 ++---
 .../project/tableTabs/aclTsFileDbGql.vue      |  26 ++--
 .../project/tableTabs/aclTsFileGql.vue        |  26 ++--
 .../tableTabs/columnActions/jsonToColumn.vue  |  20 +--
 .../components/project/tableTabs/columns.vue  | 116 +++++++++---------
 .../project/tableTabs/columnsMock.vue         |  80 ++++++------
 .../project/tableTabs/constraints.vue         |  18 +--
 .../project/tableTabs/customAcl.vue           |  16 +--
 .../components/project/tableTabs/indexes.vue  |  66 +++++-----
 .../components/project/tableTabs/logicGql.vue |  14 +--
 .../project/tableTabs/logicGrpc.vue           |  12 +-
 .../project/tableTabs/logicRest.vue           |  18 +--
 .../components/project/tableTabs/mocks.vue    |  26 ++--
 .../project/tableTabs/relations.vue           |  22 ++--
 .../components/project/tableTabs/rows.vue     |  42 +++----
 .../components/project/tableTabs/tableAcl.vue |  20 +--
 .../components/project/tableTabs/triggers.vue |  28 ++---
 .../project/tableTabs/validation.vue          |  18 +--
 .../project/tableTabs/webhook/httpWebhook.vue |  10 +-
 .../project/tableTabs/webhookEvent.vue        |   4 +-
 .../project/tableTabs/webhooks-old.vue        |   4 +-
 .../components/project/tableTabs/webhooks.vue |  18 +--
 .../project/viewTabs/viewColumns.vue          |  22 ++--
 .../components/project/viewTabs/viewQuery.vue |  24 ++--
 .../project/viewTabs/viewSpreadsheet.vue      |  42 +++----
 packages/nc-gui/components/project/xcInfo.vue |  10 +-
 packages/nc-gui/components/projectLogs.vue    |  20 +--
 packages/nc-gui/components/projectOutput.vue  |  16 +--
 packages/nc-gui/components/projectTabs.vue    |  32 ++---
 packages/nc-gui/components/screensaver.vue    |   4 +-
 packages/nc-gui/components/settings.vue       |  62 +++++-----
 packages/nc-gui/components/snackbar.vue       |   8 +-
 packages/nc-gui/components/trialExpired.vue   |   2 +-
 .../components/utils/dlgLabelSubmitCancel.vue |  16 +--
 packages/nc-gui/components/utils/dlgOk.vue    |  16 +--
 packages/nc-gui/components/utils/dlgOkNew.vue |   6 +-
 .../components/utils/dlgProjectCreate.vue     |   6 +-
 .../components/utils/dlgTableCreate.vue       |  12 +-
 .../components/utils/dlgTextSubmitCancel.vue  |  18 +--
 .../components/utils/dlgUnexpectedError.vue   |  16 +--
 .../nc-gui/components/utils/dlgViewCreate.vue |  12 +-
 packages/nc-gui/components/utils/language.vue |   6 +-
 packages/nc-gui/components/xTerm.vue          |  40 +++---
 packages/nc-gui/components/xcDiff.vue         |   8 +-
 packages/nc-gui/config/vuetify.options.js     |   2 +-
 packages/nc-gui/helpers/MssqlUi.js            |  52 ++++----
 packages/nc-gui/helpers/MysqlUi.js            |  52 ++++----
 packages/nc-gui/helpers/OracleUi.js           |  44 +++----
 packages/nc-gui/helpers/PgUi.js               |  52 ++++----
 packages/nc-gui/helpers/SqlQueryParser.js     |   4 +-
 packages/nc-gui/helpers/SqlUiFactory.js       |   2 +-
 packages/nc-gui/helpers/SqliteUi.js           |  52 ++++----
 packages/nc-gui/helpers/Utils.js              |   4 +-
 packages/nc-gui/helpers/XcApiHelp.js          |   6 +-
 packages/nc-gui/helpers/debounce.js           |   2 +-
 packages/nc-gui/helpers/deepFind.js           |   2 +-
 packages/nc-gui/helpers/deepSet.js            |   2 +-
 packages/nc-gui/helpers/fileReader.js         |   8 +-
 .../nc-gui/helpers/findDataTypeMapping.js     |   2 +-
 packages/nc-gui/helpers/setProp.js            |   2 +-
 packages/nc-gui/helpers/xutils.js             |   8 +-
 packages/nc-gui/layouts/default.vue           |  98 +++++++--------
 packages/nc-gui/layouts/empty.vue             |   4 +-
 packages/nc-gui/layouts/error1.vue            |   4 +-
 packages/nc-gui/middleware/auth.js            |   2 +-
 packages/nc-gui/mixins/colors.js              |   4 +-
 packages/nc-gui/mixins/device.js              |  30 ++---
 packages/nc-gui/nuxt.config.js                |   2 +-
 packages/nc-gui/pages/error/400.vue           |  16 +--
 packages/nc-gui/pages/error/403.vue           |  16 +--
 packages/nc-gui/pages/error/404.vue           |  16 +--
 packages/nc-gui/pages/index.vue               |  16 +--
 packages/nc-gui/pages/nc/_project_id.vue      |  14 +--
 packages/nc-gui/pages/nc/index.vue            |   6 +-
 packages/nc-gui/pages/project/name.vue        |   6 +-
 packages/nc-gui/pages/project/xcdb.vue        |   6 +-
 packages/nc-gui/pages/projects/index.vue      |  52 ++++----
 packages/nc-gui/pages/user/admin/index.vue    |  18 +--
 .../nc-gui/pages/user/admin/user-edit.vue     |  18 +--
 .../nc-gui/pages/user/admin/user/_userId.vue  |  20 +--
 .../pages/user/authentication/index.vue       |  16 +--
 .../pages/user/authentication/signin.vue      |  40 +++---
 .../user/authentication/signup/_token.vue     |  48 ++++----
 .../user/authentication/signup/index.vue      |  46 +++----
 packages/nc-gui/pages/user/index.vue          |  16 +--
 .../nc-gui/pages/user/password/forgot.vue     |  20 +--
 packages/nc-gui/pages/user/password/index.vue |  16 +--
 .../nc-gui/pages/user/password/reset/form.vue |  18 +--
 .../pages/user/password/reset/index.vue       |  22 ++--
 .../pages/user/password/reset/invalid.vue     |  16 +--
 .../pages/user/password/reset/success.vue     |  16 +--
 .../nc-gui/pages/user/settings/accounts.vue   |  22 ++--
 packages/nc-gui/pages/user/settings/index.vue |  26 ++--
 .../nc-gui/pages/user/settings/password.vue   |  18 +--
 .../nc-gui/pages/user/settings/picture.vue    |  20 +--
 .../nc-gui/pages/user/settings/profile.vue    |  18 +--
 packages/nc-gui/plugins/axiosInterceptor.js   |   4 +-
 packages/nc-gui/plugins/globalEventBus.js     |   2 +-
 packages/nc-gui/plugins/globalMixin.js        |  14 +--
 packages/nc-gui/plugins/hotjar.js             |   4 +-
 packages/nc-gui/plugins/localStorage.js       |   4 +-
 packages/nc-gui/plugins/projectLoader.js      |   2 +-
 packages/nc-gui/plugins/tawk.js               |   2 +-
 packages/nc-gui/plugins/xutils.js             |   4 +-
 packages/nc-gui/store/admin.js                |  12 +-
 packages/nc-gui/store/apiClient.js            |  20 +--
 packages/nc-gui/store/apiClientSwagger.js     |  20 +--
 packages/nc-gui/store/apiServer.js            |  14 +--
 packages/nc-gui/store/graphqlClient.js        |   4 +-
 packages/nc-gui/store/meta.js                 |   8 +-
 packages/nc-gui/store/notification.js         |   8 +-
 packages/nc-gui/store/outputs.js              |   4 +-
 packages/nc-gui/store/panelSize.js            |   2 +-
 packages/nc-gui/store/plugins.js              |   8 +-
 packages/nc-gui/store/snackbar.js             |   2 +-
 packages/nc-gui/store/sqlClient.js            |  26 ++--
 packages/nc-gui/store/sqlMgr.js               |  10 +-
 packages/nc-gui/store/tabs.js                 |  36 +++---
 packages/nc-gui/store/tempProjects.js         |  12 +-
 packages/nc-gui/store/users.js                |  92 +++++++-------
 packages/nc-gui/store/windows.js              |  74 +++++------
 packages/nc-gui/xc.js                         |   2 +-
 249 files changed, 2358 insertions(+), 2353 deletions(-)

diff --git a/packages/nc-gui/.eslintrc.json b/packages/nc-gui/.eslintrc.json
index 2c3c06e874..f9e2c2c8a6 100644
--- a/packages/nc-gui/.eslintrc.json
+++ b/packages/nc-gui/.eslintrc.json
@@ -13,9 +13,11 @@
   ],
   "rules": {
     "no-console": "off",
-    //    "space-before-function-paren": "off",
-    "require-await": "off",
-    "vue/no-mutating-props": "off"
+    "space-before-function-paren": [
+      "error",
+      "never"
+    ],
+    "require-await": "off"
   },
   "parserOptions": {
     "parser": "babel-eslint",
diff --git a/packages/nc-gui/components/apiClient/headers.vue b/packages/nc-gui/components/apiClient/headers.vue
index d5f7730849..2f7cc1ff93 100644
--- a/packages/nc-gui/components/apiClient/headers.vue
+++ b/packages/nc-gui/components/apiClient/headers.vue
@@ -1,4 +1,5 @@
-<template>
+<!-- eslint-disable -->
+<!-- todo: update prop mutation with emit --><template>
   <v-container fluid>
     <v-simple-table class="ignore-height-style" dense>
       <template #default>
@@ -79,38 +80,38 @@ import draggable from 'vuedraggable'
 export default {
   directives: {},
   components: { draggable },
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: { value: Array, env: String },
-  data () {
+  data() {
     return {
       headerListAuto: ['A-IM', 'Accept', 'Accept-Charset', 'Accept-Encoding', 'Accept-Language', 'Accept-Datetime', 'Access-Control-Request-Method', 'Access-Control-Request-Headers', 'Authorization', 'Cache-Control', 'Connection', 'Content-Length', 'Content-Type', 'Cookie', 'Date', 'Expect', 'Forwarded', 'From', 'Host', 'If-Match', 'If-Modified-Since', 'If-None-Match', 'If-Range', 'If-Unmodified-Since', 'Max-Forwards', 'Origin', 'Pragma', 'Proxy-Authorization', 'Range', 'Referer', 'TE', 'User-Agent', 'Upgrade', 'Via', 'Warning', 'Non-standard headers', 'Dnt', 'X-Requested-With', 'X-CSRF-Token']
     }
   },
-  head () {
+  head() {
     return {}
   },
   computed: {
     headersList: {
       // two way binding(v-model)
-      get () {
+      get() {
         return this.value
       },
-      set (value) {
+      set(value) {
         this.$emit('input', value)
       }
     }
   },
   watch: {
     value: {
-      handler (val) {
+      handler(val) {
         // keeps at least one param row
         if (!val || !val.length) { this.$emit('input', [{ name: '', value: '', enabled: true }]) }
       }
     }
   },
-  created () {
+  created() {
     // keeps at least one param row
     if (!this.value || !this.value.length) {
       this.$emit('input', [{
@@ -120,15 +121,15 @@ export default {
       }])
     }
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {},
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/components/apiClient/params.vue b/packages/nc-gui/components/apiClient/params.vue
index b55a87652d..ce47ff3a03 100644
--- a/packages/nc-gui/components/apiClient/params.vue
+++ b/packages/nc-gui/components/apiClient/params.vue
@@ -1,3 +1,5 @@
+<!-- eslint-disable -->
+<!-- todo: update prop mutation with emit -->
 <template>
   <v-container fluid>
     <v-simple-table class="ignore-height-style params-table" style="" dense>
@@ -79,36 +81,36 @@ import draggable from 'vuedraggable'
 export default {
   directives: {},
   components: { draggable },
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: { value: Array, env: String },
-  data () {
+  data() {
     return {}
   },
-  head () {
+  head() {
     return {}
   },
   computed: {
     paramList: {
       // two way binding(v-model)
-      get () {
+      get() {
         return this.value
       },
-      set (value) {
+      set(value) {
         this.$emit('input', value)
       }
     }
   },
   watch: {
     value: {
-      handler (val) {
+      handler(val) {
         // keeps at least one param row
         if (!val || !val.length) { this.$emit('input', [{ name: '', value: '', enabled: true }]) }
       }
     }
   },
-  created () {
+  created() {
     // creating value if not exist
     if (!this.value || !this.value.length) {
       this.$emit('input', [{
@@ -118,15 +120,15 @@ export default {
       }])
     }
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {},
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/components/apiClient/perfTest.vue b/packages/nc-gui/components/apiClient/perfTest.vue
index 4825b0126d..fb57b904fa 100644
--- a/packages/nc-gui/components/apiClient/perfTest.vue
+++ b/packages/nc-gui/components/apiClient/perfTest.vue
@@ -94,16 +94,16 @@ export default {
   },
   computed: {
     perf: {
-      get () {
+      get() {
         return { ...(this.value || {}) }
       },
-      set (value) {
+      set(value) {
         this.$emit('input', value)
       }
     }
   },
   methods: {
-    open (url) {
+    open(url) {
       // shell.openExternal(url)
     }
   }
diff --git a/packages/nc-gui/components/apiOverlay.vue b/packages/nc-gui/components/apiOverlay.vue
index ea08ee6383..14f622aee8 100644
--- a/packages/nc-gui/components/apiOverlay.vue
+++ b/packages/nc-gui/components/apiOverlay.vue
@@ -127,20 +127,20 @@ export default {
     apis: 0
   }),
   computed: {
-    rowsCount () {
+    rowsCount() {
       return this.databaseList ? Math.ceil(this.databaseList.length / 5) : 0
     },
-    databaseCount () {
+    databaseCount() {
       return this.databaseList ? this.databaseList.length : 0
     },
-    cost () {
+    cost() {
       if (!this.apis) { return 0 }
 
       const cost = Math.round(this.perHourCost * (this.apis / this.apisPerHour))
 
       return (cost + '').replace(/\d(?=(?:\d{3})+$)/g, '$&,')
     },
-    hoursSaved () {
+    hoursSaved() {
       if (!this.apis) { return 0 }
 
       const hours = Math.round(this.apis / this.apisPerHour)
@@ -148,16 +148,16 @@ export default {
       return (hours + '').replace(/\d(?=(?:\d{3})+$)/g, '$&,')
     }
   },
-  created () {
+  created() {
     this.initSocketClient()
   },
-  beforeDestroy () {
+  beforeDestroy() {
     if (this.client) {
       this.client.disconnect()
     }
   },
   methods: {
-    initSocketClient () {
+    initSocketClient() {
       try {
         this.client = require('socket.io-client')(`ws://${window.location.hostname}:8083`)
         const self = this
diff --git a/packages/nc-gui/components/auth.routes.js b/packages/nc-gui/components/auth.routes.js
index c87ad2cc8f..7903c31514 100644
--- a/packages/nc-gui/components/auth.routes.js
+++ b/packages/nc-gui/components/auth.routes.js
@@ -50,7 +50,7 @@ authorizedRoutes['/user/password/reset/form'] = true
 // freeRoutes['user/authentication/signin'] = true;
 // freeRoutes['user/authentication/signup'] = true;
 
-exports.allowed = function (store, path) {
+exports.allowed = function(store, path) {
   // console.log('store.getters.GtrUser',store.getters.GtrUser);
   // console.log('path',path);
 
diff --git a/packages/nc-gui/components/auth/apiTokens.vue b/packages/nc-gui/components/auth/apiTokens.vue
index 5faaeb026b..0596de1772 100644
--- a/packages/nc-gui/components/auth/apiTokens.vue
+++ b/packages/nc-gui/components/auth/apiTokens.vue
@@ -140,18 +140,18 @@ export default {
     tokenObj: {},
     valid: true
   }),
-  created () {
+  created() {
     this.loadApiTokens()
   },
   methods: {
-    copyToken (token) {
+    copyToken(token) {
       this.$clipboard(token)
       this.$toast.info('Copied to clipboard').goAway(1000)
     },
-    async loadApiTokens () {
+    async loadApiTokens() {
       this.tokens = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcApiTokenList'])
     },
-    async generateToken () {
+    async generateToken() {
       try {
         this.newTokenDialog = false
         this.tokens = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcApiTokenCreate', this.tokenObj])
@@ -162,7 +162,7 @@ export default {
         this.$toast.error(e.message).goAway(3000)
       }
     },
-    async deleteToken (item) {
+    async deleteToken(item) {
       try {
         this.tokens = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcApiTokenDelete', { id: item.id }])
         this.$toast.success('Token deleted successfully').goAway(3000)
diff --git a/packages/nc-gui/components/auth/authHooks.vue b/packages/nc-gui/components/auth/authHooks.vue
index 09cd8f4edf..a38f2b6ff2 100644
--- a/packages/nc-gui/components/auth/authHooks.vue
+++ b/packages/nc-gui/components/auth/authHooks.vue
@@ -55,16 +55,16 @@ export default {
   data: () => ({
     data: {}
   }),
-  async created () {
+  async created() {
     await this.loadHook()
   },
   methods: {
-    async loadHook () {
+    async loadHook() {
       this.data = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.nodes.dbAlias
       }, 'xcAuthHookGet'])
     },
-    async save () {
+    async save() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.nodes.dbAlias
diff --git a/packages/nc-gui/components/auth/roles.vue b/packages/nc-gui/components/auth/roles.vue
index 12ce8abc42..92fb74678b 100644
--- a/packages/nc-gui/components/auth/roles.vue
+++ b/packages/nc-gui/components/auth/roles.vue
@@ -201,7 +201,7 @@ export default {
 
   }),
   computed: {
-    operations () {
+    operations() {
       return [
         'create',
         'read',
@@ -209,16 +209,16 @@ export default {
         'delete'
       ]
     },
-    customRolesCount () {
+    customRolesCount() {
       return (this.roles && this.roles.filter(r => r.type !== 'SYSTEM').length) || 0
     }
   },
-  async created () {
+  async created() {
     await this.loadRoles()
     await this.loadAggrAcl()
   },
   methods: {
-    async loadRoles () {
+    async loadRoles() {
       try {
         this.roles = (await this.$axios.get('/admin/roles', {
           headers: {
@@ -234,7 +234,7 @@ export default {
 
       this.edited = false
     },
-    async loadAggrAcl () {
+    async loadAggrAcl() {
       /*      try {
               this.aggrAcl = await this.$store.dispatch('sqlMgr/ActSqlOp', [
                 // todo: manage dbAlias or get aggregated
@@ -244,7 +244,7 @@ export default {
             } catch (e) {
             } */
     },
-    addRole () {
+    addRole() {
       this.roles.push({
         title: ('role name ' + (this.customRolesCount || '')).trim(),
         description: 'Role description'
@@ -252,7 +252,7 @@ export default {
       this.edited = true
       this.scrollAndFocusLastRow()
     },
-    async save () {
+    async save() {
       try {
         await this.$axios.put('/admin/roles', { roles: this.roles }, {
           headers: {
@@ -281,7 +281,7 @@ export default {
       await this.loadRoles()
       await this.loadAggrAcl()
     },
-    async confirmDelete (hideDialog) {
+    async confirmDelete(hideDialog) {
       if (hideDialog) {
         this.showConfirmDlg = false
         return
@@ -303,7 +303,7 @@ export default {
       }
       this.showConfirmDlg = false
     },
-    scrollAndFocusLastRow () {
+    scrollAndFocusLastRow() {
       this.$nextTick(() => {
         document.querySelector('.project-container').scrollTop = 9999
         const menuActivator = this.$el && this.$el.querySelector('tr:last-child .v-small-dialog__activator__content')
diff --git a/packages/nc-gui/components/auth/userManagement.vue b/packages/nc-gui/components/auth/userManagement.vue
index b96910371c..abbc3fca5b 100644
--- a/packages/nc-gui/components/auth/userManagement.vue
+++ b/packages/nc-gui/components/auth/userManagement.vue
@@ -537,10 +537,10 @@ export default {
   }),
   computed: {
 
-    inviteUrl () {
+    inviteUrl() {
       return this.invite_token ? `${location.origin}${location.pathname}#/user/authentication/signup/${this.invite_token.invite_token}` : null
     },
-    rolesColors () {
+    rolesColors() {
       const colors = this.$store.state.windows.darkTheme ? enumColor.dark : enumColor.light
       return this.roles.reduce((o, r, i) => {
         o[r] = colors[i % colors.length]
@@ -548,32 +548,32 @@ export default {
       }, {})
     },
     selectedRoles: {
-      get () {
+      get() {
         return this.selectedUser && this.selectedUser.roles ? this.selectedUser.roles.split(',') : []
       },
-      set (roles) {
+      set(roles) {
         if (this.selectedUser) {
           this.selectedUser.roles = roles.filter(Boolean).join(',')
         }
       }
     },
     selectedUserIndex: {
-      get () {
+      get() {
         return this.users ? this.users.findIndex(u => u.email === this.selectedUser.email) : -1
       },
-      set (i) {
+      set(i) {
         this.selectedUser = this.users[i]
       }
     }
   },
   watch: {
     options: {
-      async handler () {
+      async handler() {
         await this.loadUsers()
       },
       deep: true
     },
-    userEditDialog (v) {
+    userEditDialog(v) {
       if (v && (this.selectedUser && !this.selectedUser.id)) {
         this.$nextTick(() => {
           setTimeout(() => {
@@ -583,23 +583,23 @@ export default {
       }
     }
   },
-  async created () {
+  async created() {
     this.$eventBus.$on('show-add-user', this.addUser)
     await this.loadUsers()
     await this.loadRoles()
   },
-  beforeDestroy () {
+  beforeDestroy() {
     this.$eventBus.$off('show-add-user', this.addUser)
   },
   methods: {
-    simpleAnim () {
+    simpleAnim() {
       const count = 30
       const defaults = {
         origin: { y: 0.7 },
         zIndex: 9999999
       }
 
-      function fire (particleRatio, opts) {
+      function fire(particleRatio, opts) {
         window.confetti(Object.assign({}, defaults, opts, {
           particleCount: Math.floor(count * particleRatio)
         }))
@@ -628,11 +628,11 @@ export default {
         startVelocity: 45
       })
     },
-    getInviteUrl (token) {
+    getInviteUrl(token) {
       return token ? `${location.origin}${location.pathname}#/user/authentication/signup/${token}` : null
     },
 
-    clipboard (str) {
+    clipboard(str) {
       const el = document.createElement('textarea')
       el.addEventListener('focusin', e => e.stopPropagation())
       el.value = str
@@ -641,7 +641,7 @@ export default {
       document.execCommand('copy')
       document.body.removeChild(el)
     },
-    async rensendInvite (id) {
+    async rensendInvite(id) {
       try {
         await this.$axios.post('/admin/resendInvite/' + id, {
           projectName: this.$store.getters['project/GtrProjectName']
@@ -659,7 +659,7 @@ export default {
         this.$toast.error(e.response.data.msg).goAway(3000)
       }
     },
-    async loadUsers () {
+    async loadUsers() {
       try {
         const { page = 1, itemsPerPage = 20 } = this.options
         const data = (await this.$axios.get('/admin', {
@@ -682,7 +682,7 @@ export default {
         console.log(e)
       }
     },
-    async loadRoles () {
+    async loadRoles() {
       try {
         this.roles = (await this.$axios.get('/admin/roles', {
           headers: {
@@ -696,7 +696,7 @@ export default {
         console.log(e)
       }
     },
-    async deleteUser (id) {
+    async deleteUser(id) {
       try {
         await this.$axios.delete('/admin/' + id, {
           params: {
@@ -714,7 +714,7 @@ export default {
       }
     },
 
-    async confirmDelete (hideDialog) {
+    async confirmDelete(hideDialog) {
       if (hideDialog) {
         this.showConfirmDlg = false
         return
@@ -722,14 +722,14 @@ export default {
       await this.deleteUser(this.deleteId)
       this.showConfirmDlg = false
     },
-    addUser () {
+    addUser() {
       this.invite_token = null
       this.selectedUser = {
         roles: 'editor'
       }
       this.userEditDialog = true
     },
-    async inviteUser (email) {
+    async inviteUser(email) {
       try {
         await this.$axios.post('/admin', {
           email,
@@ -746,7 +746,7 @@ export default {
         this.$toast.error(e.response.data.msg).goAway(3000)
       }
     },
-    async saveUser () {
+    async saveUser() {
       if (this.loading || !this.valid || !this.selectedUser) {
         return
       }
diff --git a/packages/nc-gui/components/authTab.vue b/packages/nc-gui/components/authTab.vue
index ee900e85f5..a324a06516 100644
--- a/packages/nc-gui/components/authTab.vue
+++ b/packages/nc-gui/components/authTab.vue
@@ -53,7 +53,7 @@ export default {
   data: () => ({
     showConfirmDlg: false
   }),
-  async created () {},
+  async created() {},
   methods: {}
 }
 </script>
diff --git a/packages/nc-gui/components/changeEnv.vue b/packages/nc-gui/components/changeEnv.vue
index 7237a0b94e..d04586fc2b 100644
--- a/packages/nc-gui/components/changeEnv.vue
+++ b/packages/nc-gui/components/changeEnv.vue
@@ -52,15 +52,15 @@ export default {
       envList: 'project/GtrEnvList'
     }),
     dialogShow: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     }
   },
-  mounted () {
+  mounted() {
     const unserializedList = this.$store.state.project.unserializedList
     this.selectedEnv = (unserializedList[0] &&
         unserializedList[0].projectJson &&
@@ -73,7 +73,7 @@ export default {
     }, (value) => { this.selectedEnv = value })
   },
   methods: {
-    async changeEnv () {
+    async changeEnv() {
       this.progressbar = true
       await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'projectChangeEnv', { env: this.selectedEnv }])
       await new Promise((resolve) => {
diff --git a/packages/nc-gui/components/createOrEditProject.vue b/packages/nc-gui/components/createOrEditProject.vue
index 5b7093cffe..0b15952f79 100644
--- a/packages/nc-gui/components/createOrEditProject.vue
+++ b/packages/nc-gui/components/createOrEditProject.vue
@@ -1011,7 +1011,7 @@ export default {
   },
   mixins: [colors],
   layout: 'empty',
-  data () {
+  data() {
     return {
       testSuccess: false,
       projectCreated: false,
@@ -1369,23 +1369,23 @@ export default {
   },
   computed: {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }),
-    isTitle () {
+    isTitle() {
       return this.project.title && this.project.title.trim().length
     },
-    envStatusValid () {
+    envStatusValid() {
       return (
         this.project.envs &&
         Object.values(this.project.envs).every(this.getEnvironmentStatusAggregatedNew)
       )
     },
-    typeIcon () {
+    typeIcon() {
       if (this.project.projectType) {
         return this.projectTypes.find(({ value }) => value === this.project.projectType)
       } else {
         return { icon: 'mdi-server', iconColor: 'primary' }
       }
     },
-    databaseNamesReverse () {
+    databaseNamesReverse() {
       return Object.entries(this.databaseNames).reduce((newObj, [value, key]) => {
         newObj[key] = value
         return newObj
@@ -1393,7 +1393,7 @@ export default {
     }
   },
   methods: {
-    async enableAllSchemas () {
+    async enableAllSchemas() {
       this.$toast.info('Enabled all schemas').goAway(3000)
       this.allSchemas = true
       await this.$axios({
@@ -1405,23 +1405,23 @@ export default {
     ...mapActions({
       loadProjects: 'project/loadProjects'
     }),
-    onAdvancePanelToggle () {
+    onAdvancePanelToggle() {
       if (this.$refs.monacoEditor) {
         setTimeout(() => this.$refs.monacoEditor.resizeLayout(), 400)
       }
     },
-    getProjectEditTooltip () {
+    getProjectEditTooltip() {
       // return `Opens ${path.join(this.project.folder, 'config.xc.json')} and edit - its really simple`;
     },
-    openJsonInSystemEditor () {
+    openJsonInSystemEditor() {
       // shell.openItem(path.join(this.project.folder, 'config.xc.json'));
     },
-    readFileContent (db, obj, key, index) {
+    readFileContent(db, obj, key, index) {
       readFile(this.$refs[`${key}FilePath`][index], (data) => {
         Vue.set(db.connection[obj], key, data)
       })
     },
-    selectFile (db, obj, key, index) {
+    selectFile(db, obj, key, index) {
       this.$refs[key][index].click()
 
       // console.log(obj, key);
@@ -1437,7 +1437,7 @@ export default {
       //   Vue.set(db.connection[obj], key, file[0].toString())
       // }
     },
-    onPanelToggle (panelIndex, envKey) {
+    onPanelToggle(panelIndex, envKey) {
       this.$nextTick(() => {
         if (this.panel !== undefined) {
           const panelContainer = this.$refs.panelContainer
@@ -1455,14 +1455,14 @@ export default {
         }
       })
     },
-    scrollToTop () {
+    scrollToTop() {
       document.querySelector('html').scrollTop = 0
     },
-    showDBTabInEnvPanel (panelIndex, tabIndex) {
+    showDBTabInEnvPanel(panelIndex, tabIndex) {
       this.panel = panelIndex
       Vue.set(this.databases, panelIndex, tabIndex)
     },
-    getProjectJson () {
+    getProjectJson() {
       console.log('Project json before creating', this.project)
 
       /**
@@ -1574,7 +1574,7 @@ export default {
       return xcConfig
     },
 
-    constructProjectJsonFromProject (project) {
+    constructProjectJsonFromProject(project) {
       // const {projectJson: envs, ...rest} = project;
 
       // let p = {...rest, ...envs};
@@ -1634,7 +1634,7 @@ export default {
       delete p.mailer
     },
 
-    async createOrUpdateProject () {
+    async createOrUpdateProject() {
       const projectJson = this.getProjectJson()
       delete projectJson.folder
 
@@ -1693,7 +1693,7 @@ export default {
       this.projectReloading = false
     },
 
-    mtdDialogGetEnvNameSubmit (envName, cookie) {
+    mtdDialogGetEnvNameSubmit(envName, cookie) {
       console.log(envName)
       this.dialogGetEnvName.dialogShow = false
       if (envName in this.project.envs) {
@@ -1736,15 +1736,15 @@ export default {
         })
       }
     },
-    mtdDialogGetEnvNameCancel () {
+    mtdDialogGetEnvNameCancel() {
       console.log('mtdDialogGetTableNameCancel cancelled')
       this.dialogGetEnvName.dialogShow = false
     },
 
-    addNewEnvironment () {
+    addNewEnvironment() {
       this.dialogGetEnvName.dialogShow = true
     },
-    addNewDB (envKey, panelIndex) {
+    addNewDB(envKey, panelIndex) {
       const len = this.project.envs[envKey].db.length
       // eslint-disable-next-line no-unused-vars
       const lastDbName = `${this.project.title}_${envKey}_${len}`
@@ -1785,10 +1785,10 @@ export default {
       this.databases[panelIndex] = newlyCreatedIndex
     },
 
-    testConnectionMethodSubmit () {
+    testConnectionMethodSubmit() {
       this.dialog.show = false
     },
-    selectDir (ev) {
+    selectDir(ev) {
       // console.log(ev)
       // const file = dialog.showOpenDialog({
       //   properties: ['openDirectory']
@@ -1799,7 +1799,7 @@ export default {
       //   this.userSelectedDir = true
       // }
     },
-    selectSqliteFile (db) {
+    selectSqliteFile(db) {
       // console.log(ev)
       // const file = dialog.showOpenDialog({
       //   properties: ["openFile"]
@@ -1809,7 +1809,7 @@ export default {
       // }
     },
 
-    getDbStatusColor (db) {
+    getDbStatusColor(db) {
       switch (db.ui.setup) {
         case -1:
           return 'red'
@@ -1825,7 +1825,7 @@ export default {
       }
     },
 
-    getDbStatusTooltip (db) {
+    getDbStatusTooltip(db) {
       switch (db.ui.setup) {
         case -1:
           return 'DB Connection NOT successful'
@@ -1840,7 +1840,7 @@ export default {
           break
       }
     },
-    async newTestConnection (db, env, panelIndex) {
+    async newTestConnection(db, env, panelIndex) {
       console.log(this.project.envs[env][0])
       if (
         db.connection.host === 'localhost' &&
@@ -1931,7 +1931,7 @@ export default {
       }
     },
 
-    sendAdvancedConfig (connection) {
+    sendAdvancedConfig(connection) {
       if (!connection.ssl) { return false }
       let sendAdvancedConfig = false
       const sslOptions = Object.values(connection.ssl).filter(el => !!el)
@@ -1944,7 +1944,7 @@ export default {
       return sendAdvancedConfig
     },
 
-    handleSSL (db, creating = true) {
+    handleSSL(db, creating = true) {
       console.log('handleSSL', db)
       const sendAdvancedConfig = this.sendAdvancedConfig(db.connection)
       if (!sendAdvancedConfig) {
@@ -1963,8 +1963,8 @@ export default {
         // }
       }
     },
-    getDatabaseForTestConnection (dbType) {},
-    async testConnection (db, env, panelIndex) {
+    getDatabaseForTestConnection(dbType) {},
+    async testConnection(db, env, panelIndex) {
       this.$store.commit('notification/MutToggleProgressBar', true)
       try {
         if (!(await this.newTestConnection(db, env, panelIndex))) {
@@ -2020,17 +2020,17 @@ export default {
         this.$store.commit('notification/MutToggleProgressBar', false)
       }
     },
-    getEnvironmentStatusAggregated (dbs) {
+    getEnvironmentStatusAggregated(dbs) {
       return dbs.every(db => db.ui.setup === 1)
     },
 
-    getEnvironmentStatusAggregatedNew (dbs) {
+    getEnvironmentStatusAggregatedNew(dbs) {
       return dbs.db.every(db => db.ui.setup === 1)
     },
-    openFirstPanel () {
+    openFirstPanel() {
       if (!this.edit) { this.panel = 0 }
     },
-    onDatabaseTypeChanged (client, db1, index, env) {
+    onDatabaseTypeChanged(client, db1, index, env) {
       for (const env in this.project.envs) {
         if (this.project.envs[env].db.length > index) {
           const db = this.project.envs[env].db[index]
@@ -2071,13 +2071,13 @@ export default {
         }
       }
     },
-    selectDatabaseClient (database, index = 0) {
+    selectDatabaseClient(database, index = 0) {
       if (this.client) { this.client[index] = database }
     },
-    setDBStatus (db, status) {
+    setDBStatus(db, status) {
       db.ui.setup = status
     },
-    removeDBFromEnv (db, env, panelIndex, dbIndex) {
+    removeDBFromEnv(db, env, panelIndex, dbIndex) {
       console.log(db, env, panelIndex, dbIndex)
 
       for (const env in this.project.envs) {
@@ -2086,15 +2086,15 @@ export default {
         }
       }
     },
-    removeEnv (envKey) {
+    removeEnv(envKey) {
       delete this.project.envs[envKey]
       Vue.set(this.project, 'envs', { ...this.project.envs })
     }
   },
-  fetch ({ store, params }) {},
-  beforeCreated () {},
+  fetch({ store, params }) {},
+  beforeCreated() {},
   watch: {
-    'project.title' (newValue, oldValue) {
+    'project.title'(newValue, oldValue) {
       if (!newValue) { return }
       if (!this.edit) {
         // Vue.set(this.project, 'folder', slash(path.join(this.baseFolder, newValue)))
@@ -2121,7 +2121,7 @@ export default {
     },
     'project.envs': {
       deep: true,
-      handler (envs) {
+      handler(envs) {
         if (typeof envs === 'object' && envs) {
           Object.entries(envs).forEach(([key, env]) => {
             let res = 1
@@ -2153,7 +2153,7 @@ export default {
       }
     }
   },
-  async created () {
+  async created() {
     this.compErrorMessage =
       this.compErrorMessages[Math.floor(Math.random() * this.compErrorMessages.length)]
 
@@ -2218,8 +2218,8 @@ export default {
       // }
     }
   },
-  beforeMount () {},
-  mounted () {
+  beforeMount() {},
+  mounted() {
     this.$set(
       this.project,
       'title',
@@ -2236,12 +2236,12 @@ export default {
       input.focus()
     })
   },
-  beforeDestroy () {},
-  destroy () {},
-  validate ({ params }) {
+  beforeDestroy() {},
+  destroy() {},
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {
       title: this.$t('projects.ext_db.head.title')
     }
diff --git a/packages/nc-gui/components/global/recursiveMenu.vue b/packages/nc-gui/components/global/recursiveMenu.vue
index e1b03e2b33..5fd4682f9a 100644
--- a/packages/nc-gui/components/global/recursiveMenu.vue
+++ b/packages/nc-gui/components/global/recursiveMenu.vue
@@ -82,23 +82,23 @@ export default {
     positionX: Number,
     positionY: Number
   },
-  data () {
+  data() {
     return {
       active: false
     }
   },
   watch: {
     // two way binding of v-model
-    value (v) {
+    value(v) {
       this.active = v
     },
-    active (v) {
+    active(v) {
       this.$emit('input', v)
     }
   },
   methods: {
     // event propagating to parent v-menu(click event)
-    onSubMenuClick (event) {
+    onSubMenuClick(event) {
       this.$emit('click', event)
       // hiding parent menu
       this.active = false
diff --git a/packages/nc-gui/components/global/xAutoComplete.vue b/packages/nc-gui/components/global/xAutoComplete.vue
index e6a84b0c04..a645e96178 100644
--- a/packages/nc-gui/components/global/xAutoComplete.vue
+++ b/packages/nc-gui/components/global/xAutoComplete.vue
@@ -43,7 +43,7 @@ export default {
     env: String,
     styles: [Array, Object, String]
   },
-  data () {
+  data() {
     return {
       show: false,
       x: 0,
@@ -56,35 +56,35 @@ export default {
   },
   computed: {
     // filtered list based on input
-    items () {
+    items() {
       return this.envValues.filter(s => s.includes(this.activeValue))
     },
     // for setting menu width to textfield width
-    width () {
+    width() {
       return this.input && this.input.clientWidth
     },
     // extracting class names from root element
-    classNames () {
+    classNames() {
       return this.el && this.el.className
     },
     // v-model for the text filed
     autocomplete: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     },
     //  extracting current env keys
-    envValues () {
+    envValues() {
       const envObj = this.isDashboard ? this.$store.getters['project/GtrApiEnvironment'] : this.$store.getters['project/GtrDefaultApiEnvironment']
       return envObj && envObj[this.env] ? Object.keys(envObj[this.env]) : []
     },
-    isEnvFound () {
+    isEnvFound() {
       return /{{\s*\w+\s*}}/.test(this.value)
     },
-    isEnvUsageValid () {
+    isEnvUsageValid() {
       const re = /{{\s*(\w+)\s*}}/g
       let m
       // eslint-disable-next-line no-cond-assign
@@ -94,16 +94,16 @@ export default {
       return true
     }
   },
-  mounted () {
+  mounted() {
     this.el = this.$el
     // getting input element reference
     this.input = this.$refs.input && this.$refs.input.$el.querySelector('input')
   },
-  created () {
+  created() {
   },
   methods: {
     // handling input event
-    onInput (v) {
+    onInput(v) {
       this.curPos = this.input.selectionStart || 0
       // extracting string from beginning to caret position
       // then using regex to check and extract certain pattern like
@@ -119,7 +119,7 @@ export default {
         this.show = false
       }
     },
-    onKeyup (e) {
+    onKeyup(e) {
       const menu = this.$refs.autoMenu
       // handlig up and down keys
       if (this.show && (e.which === 40 || e.which === 38)) {
@@ -132,7 +132,7 @@ export default {
         menu.onKeyDown(e)
       }
     },
-    onSelect (item) {
+    onSelect(item) {
       // appending menu value to the input
       this.input.setRangeText(
         // add closing only when its necessary
diff --git a/packages/nc-gui/components/global/xIcon.vue b/packages/nc-gui/components/global/xIcon.vue
index c0204ea011..74bb971119 100644
--- a/packages/nc-gui/components/global/xIcon.vue
+++ b/packages/nc-gui/components/global/xIcon.vue
@@ -49,12 +49,12 @@ export default {
     iconClass: String
   },
   computed: {
-    colors () {
+    colors() {
       return this.color ? (Array.isArray(this.color) ? this.color : this.color.split(' ')) : []
     }
   },
   methods: {
-    triggerClick (...args) {
+    triggerClick(...args) {
       this.$emit('click', ...args)
     }
   }
diff --git a/packages/nc-gui/components/monaco/Monaco.vue b/packages/nc-gui/components/monaco/Monaco.vue
index a050a26403..b0afea5d27 100644
--- a/packages/nc-gui/components/monaco/Monaco.vue
+++ b/packages/nc-gui/components/monaco/Monaco.vue
@@ -34,7 +34,7 @@ export default {
     // sqlFormatter
   },
   props: ['code', 'cssStyle', 'readOnly', 'heading'],
-  data () {
+  data() {
     return {
       codeLocal: `${this.code || ''}`,
       selection: null,
@@ -45,23 +45,23 @@ export default {
   },
   computed: {},
   watch: {
-    codeLocal (newValue) {
+    codeLocal(newValue) {
       // INFO: for updating value of prop `code` in parent comp
       // console.log("update:code Event Emitted", newValue);
       this.$emit('update:code', newValue)
     },
-    code (newValue) {
+    code(newValue) {
       this.codeLocal = newValue
     }
   },
-  beforeCreate () {
+  beforeCreate() {
     // console.log(MonacoEditor)
   },
-  created () {
+  created() {
     //
   },
   methods: {
-    selectionFn () {
+    selectionFn() {
       const editor = this.$refs.editor.getMonaco()
       const range = editor.getSelection()
       const selectedText = editor.getModel().getValueInRange(range)
@@ -69,7 +69,7 @@ export default {
       this.selection = selectedText
       this.selectionRange = range
     },
-    pretify () {
+    pretify() {
       // console.log("this.code", this.code);
       const editor = this.$refs.editor.getMonaco()
 
@@ -94,7 +94,7 @@ export default {
         editor.executeEdits('sqlFormatter', [op])
       }
     },
-    toggleMiniMap () {
+    toggleMiniMap() {
       const editor = this.$refs.editor.getMonaco()
       this.minimap.enabled = !this.minimap.enabled
       editor.updateOptions({
diff --git a/packages/nc-gui/components/monaco/MonacoSqlEditor.vue b/packages/nc-gui/components/monaco/MonacoSqlEditor.vue
index 629003bdf1..f60eed1c66 100644
--- a/packages/nc-gui/components/monaco/MonacoSqlEditor.vue
+++ b/packages/nc-gui/components/monaco/MonacoSqlEditor.vue
@@ -35,7 +35,7 @@ export default {
     // sqlFormatter
   },
   props: ['code', 'cssStyle', 'readOnly', 'heading', 'tables', 'columnNames', 'columnNameCbk'],
-  data () {
+  data() {
     const vm = this
     return {
       codeLocal: `${this.code || ''}`,
@@ -60,7 +60,7 @@ export default {
         contextMenuOrder: 1.5,
         // Method that will be executed when the action is triggered.
         // @param editor The editor instance is passed in as a convinience
-        run (ed) {
+        run(ed) {
           vm.pretify()
         }
       }, {
@@ -80,7 +80,7 @@ export default {
         contextMenuOrder: 1.5,
         // Method that will be executed when the action is triggered.
         // @param editor The editor instance is passed in as a convinience
-        run (ed) {
+        run(ed) {
           vm.$emit('execute', ed)
         }
       }, {
@@ -93,7 +93,7 @@ export default {
         keybindingContext: null,
         contextMenuGroupId: 'navigation',
         contextMenuOrder: 1.5,
-        run (ed) {
+        run(ed) {
           vm.$emit('runAll', ed)
         }
       }, {
@@ -106,7 +106,7 @@ export default {
         keybindingContext: null,
         contextMenuGroupId: 'navigation',
         contextMenuOrder: 1.5,
-        run (ed) {
+        run(ed) {
           vm.$emit('bookmark', ed)
         }
       }, {
@@ -119,7 +119,7 @@ export default {
         keybindingContext: null,
         contextMenuGroupId: 'navigation',
         contextMenuOrder: 1.5,
-        run (ed) {
+        run(ed) {
           vm.$emit('searchHistory', ed)
         }
       }, {
@@ -132,7 +132,7 @@ export default {
         keybindingContext: null,
         contextMenuGroupId: 'navigation',
         contextMenuOrder: 1.5,
-        run (ed) {
+        run(ed) {
           vm.$emit('toggleBookmark', ed)
         }
       }, {
@@ -145,7 +145,7 @@ export default {
         keybindingContext: null,
         contextMenuGroupId: 'navigation',
         contextMenuOrder: 1.5,
-        run (ed) {
+        run(ed) {
           vm.$emit('openFile', ed)
         }
       }, {
@@ -158,7 +158,7 @@ export default {
         keybindingContext: null,
         contextMenuGroupId: 'navigation',
         contextMenuOrder: 1.5,
-        run (ed) {
+        run(ed) {
           vm.$emit('saveFile', ed)
         }
       }, {
@@ -171,7 +171,7 @@ export default {
         keybindingContext: null,
         contextMenuGroupId: 'navigation',
         contextMenuOrder: 1.5,
-        run (ed) {
+        run(ed) {
           vm.$emit('clearEditor', ed)
         }
       }]
@@ -180,23 +180,23 @@ export default {
   },
   computed: {},
   watch: {
-    codeLocal (newValue) {
+    codeLocal(newValue) {
       // INFO: for updating value of prop `code` in parent comp
       // console.log("update:code Event Emitted", newValue);
       this.$emit('update:code', newValue)
     },
-    code (newValue) {
+    code(newValue) {
       this.codeLocal = newValue
     }
   },
-  beforeCreate () {
+  beforeCreate() {
     // console.log(MonacoEditor)
   },
-  created () {
+  created() {
     //
   },
   methods: {
-    selectionFn () {
+    selectionFn() {
       const editor = this.$refs.editor.getMonaco()
       const range = editor.getSelection()
       const selectedText = editor.getModel().getValueInRange(range)
@@ -204,7 +204,7 @@ export default {
       this.selection = selectedText
       this.selectionRange = range
     },
-    pretify () {
+    pretify() {
       // console.log("this.code", this.code);
       const editor = this.$refs.editor.getMonaco()
 
@@ -229,7 +229,7 @@ export default {
         editor.executeEdits('sqlFormatter', [op])
       }
     },
-    toggleMiniMap () {
+    toggleMiniMap() {
       const editor = this.$refs.editor.getMonaco()
       this.minimap.enabled = !this.minimap.enabled
       editor.updateOptions({
@@ -238,13 +238,13 @@ export default {
         }
       })
     },
-    getCurrentQuery () {
+    getCurrentQuery() {
       return this.$refs.editor.getCurrentQuery()
     },
-    getAllContent () {
+    getAllContent() {
       return this.$refs.editor.getAllContent()
     },
-    focus () {
+    focus() {
       this.$refs.editor.focus()
     }
   }
diff --git a/packages/nc-gui/components/monaco/sqlAutoCompletions.js b/packages/nc-gui/components/monaco/sqlAutoCompletions.js
index f3978af0c8..aa715a9ff8 100644
--- a/packages/nc-gui/components/monaco/sqlAutoCompletions.js
+++ b/packages/nc-gui/components/monaco/sqlAutoCompletions.js
@@ -1,4 +1,4 @@
-export default function (monaco) {
+export default function(monaco) {
   return [
     {
       insertText: 'ALTER ',
diff --git a/packages/nc-gui/components/notification.vue b/packages/nc-gui/components/notification.vue
index e9d60173d4..a1fbc1a4d5 100644
--- a/packages/nc-gui/components/notification.vue
+++ b/packages/nc-gui/components/notification.vue
@@ -93,18 +93,18 @@ export default {
       GetHasErrors: 'notification/GetHasErrors',
       GetPendingStatus: 'notification/GetPendingStatus'
     }),
-    notificationList () {
+    notificationList() {
       return this.$store.state.notification.list
     }
   },
   filters: {
-    capitalize (value) {
+    capitalize(value) {
       if (!value) { return '' }
       value = value.toString()
       return value.charAt(0).toUpperCase() + value.slice(1)
     }
   },
-  data () {
+  data() {
     return {
       notificationIcons: {
         success: {
@@ -126,7 +126,7 @@ export default {
     }
   },
   methods: {
-    timeDifference (previous) {
+    timeDifference(previous) {
       const current = Date.now()
       const msPerMinute = 60 * 1000
       const msPerHour = msPerMinute * 60
@@ -150,7 +150,7 @@ export default {
         return 'approximately ' + Math.round(elapsed / msPerYear) + ' years ago'
       }
     },
-    clearNotification () {
+    clearNotification() {
       this.$store.commit('notification/MutListClearFinished')
     }
 
diff --git a/packages/nc-gui/components/project/apis.vue b/packages/nc-gui/components/project/apis.vue
index 823a26529e..024e10f825 100644
--- a/packages/nc-gui/components/project/apis.vue
+++ b/packages/nc-gui/components/project/apis.vue
@@ -166,7 +166,7 @@ import { mapGetters, mapActions } from 'vuex'
 
 export default {
   components: {},
-  data () {
+  data() {
     return {
 
       // portNumber: 3000,
@@ -179,11 +179,11 @@ export default {
       tabs: 'tabs/list'
     }),
 
-    server1 () {
+    server1() {
       return this.$store.state.apiServer.servers[this.nodes.key]
     },
 
-    portNumber () {
+    portNumber() {
       return this.server1 ? this.server1.portNumber : 3000
     }
 
@@ -194,11 +194,11 @@ export default {
       changeActiveTab: 'tabs/changeActiveTab'
     }),
 
-    openWebUrl (url) {
+    openWebUrl(url) {
       // shell.openExternal(url)
     },
 
-    openUrl (url) {
+    openUrl(url) {
       const _nodes = { ...this.nodes }
       _nodes.key = _nodes.dbKey + '.apiClient'
       _nodes.type = 'apiClientDir'
@@ -217,7 +217,7 @@ export default {
       }
     },
 
-    async startServer () {
+    async startServer() {
       try {
         const args = { ...this.nodes }
         args.portNumber = this.server1 ? this.server1.portNumber : 3000
@@ -231,7 +231,7 @@ export default {
       }
     },
 
-    async stopServer () {
+    async stopServer() {
       try {
         const args = { ...this.nodes }
         args.portNumber = parseInt(this.server1.portNumber)
@@ -245,7 +245,7 @@ export default {
       }
     },
 
-    async getCloudUrl () {
+    async getCloudUrl() {
       try {
         const args = { ...this.nodes }
         args.portNumber = parseInt(this.server1.portNumber)
@@ -259,7 +259,7 @@ export default {
       }
     },
 
-    async sendNotification () {
+    async sendNotification() {
       try {
         const args = { ...this.nodes }
         await this.$store.dispatch('apiServer/cloudSendNotification', args)
@@ -269,33 +269,33 @@ export default {
         throw e
       }
     },
-    clipboardSuccessHandler ({ value, event }) {
+    clipboardSuccessHandler({ value, event }) {
       this.$toast.info('Copied to clipboard.').goAway(1000)
     },
 
-    clipboardErrorHandler ({ value, event }) {
+    clipboardErrorHandler({ value, event }) {
       this.$toast.info('Clipboard copying failed.').goAway(1000)
     }
 
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  async created () {
+  async created() {
     // this.server.serverLive = await this.sqlMgr.projectAPIServerIsLive();
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes']
diff --git a/packages/nc-gui/components/project/appStore.vue b/packages/nc-gui/components/project/appStore.vue
index 3d279e9bb9..99c2818f80 100644
--- a/packages/nc-gui/components/project/appStore.vue
+++ b/packages/nc-gui/components/project/appStore.vue
@@ -196,27 +196,27 @@ export default {
     }
   }),
   computed: {
-    filters () {
+    filters() {
       return this.apps.reduce((arr, app) => arr.concat(app.tags || []), []).filter((f, i, arr) => i === arr.indexOf(f)).sort()
     },
-    filteredApps () {
+    filteredApps() {
       return this.apps.filter(app => (!this.query.trim() || app.name.toLowerCase().includes(this.query.trim().toLowerCase())) &&
         (!this.selectedTags.length || this.selectedTags.some(t => app.tags && app.tags.includes(t)))
       )
     }
   },
-  async created () {
+  async created() {
     await this.loadPluginList()
     this.readPluginDefaults()
   },
   methods: {
-    async readPluginDefaults () {
+    async readPluginDefaults() {
       try {
         this.defaultConfig = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcPluginDemoDefaults'])
       } catch (e) {
       }
     },
-    async confirmResetPlugin () {
+    async confirmResetPlugin() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcPluginSet', {
           input: null,
@@ -231,19 +231,19 @@ export default {
         this.$toast.error(e.message).goAway(3000)
       }
     },
-    async saved () {
+    async saved() {
       this.pluginInstallOverlay = false
       await this.loadPluginList()
     },
-    async installApp (app) {
+    async installApp(app) {
       this.pluginInstallOverlay = true
       this.installPlugin = app
     },
-    async resetApp (app) {
+    async resetApp(app) {
       this.pluginUninstallModal = true
       this.resetPluginRef = app
     },
-    async loadPluginList () {
+    async loadPluginList() {
       try {
         const plugins = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcPluginList'])
         plugins.push(...plugins.splice(0, 3))
diff --git a/packages/nc-gui/components/project/appStore/FormInput.vue b/packages/nc-gui/components/project/appStore/FormInput.vue
index 8bd67714ab..51a143a1a7 100644
--- a/packages/nc-gui/components/project/appStore/FormInput.vue
+++ b/packages/nc-gui/components/project/appStore/FormInput.vue
@@ -32,10 +32,10 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     }
diff --git a/packages/nc-gui/components/project/appStore/appInstall.vue b/packages/nc-gui/components/project/appStore/appInstall.vue
index b20a2f9f9c..099c0e917a 100644
--- a/packages/nc-gui/components/project/appStore/appInstall.vue
+++ b/packages/nc-gui/components/project/appStore/appInstall.vue
@@ -107,22 +107,22 @@ export default {
     testing: false
   }),
   watch: {
-    async id () {
+    async id() {
       this.settings = {}
       await this.readPluginDetails()
     }
   },
-  async created () {
+  async created() {
     await this.readPluginDetails()
   },
   methods: {
-    simpleAnim () {
+    simpleAnim() {
       const count = 200
       const defaults = {
         origin: { y: 0.7 }
       }
 
-      function fire (particleRatio, opts) {
+      function fire(particleRatio, opts) {
         window.confetti(Object.assign({}, defaults, opts, {
           particleCount: Math.floor(count * particleRatio)
         }))
@@ -151,7 +151,7 @@ export default {
         startVelocity: 45
       })
     },
-    async saveSettings () {
+    async saveSettings() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcPluginSet', {
           input: this.settings,
@@ -166,7 +166,7 @@ export default {
         this.$toast.error(e.message).goAway(3000)
       }
     },
-    async testSettings () {
+    async testSettings() {
       this.testing = true
       try {
         const res = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcPluginTest', {
@@ -185,7 +185,7 @@ export default {
       }
       this.testing = false
     },
-    async doAction (action) {
+    async doAction(action) {
       switch (action.key) {
         case 'save' :
           await this.saveSettings()
@@ -197,7 +197,7 @@ export default {
           break
       }
     },
-    async readPluginDetails () {
+    async readPluginDetails() {
       try {
         this.plugin = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcPluginRead', {
           title: this.title
@@ -208,7 +208,7 @@ export default {
       } catch (e) {
       }
     },
-    copyDefault () {
+    copyDefault() {
       if (this.plugin.title.replace(/\s/g, '_').toLowerCase() in this.defaultConfig) {
         const data = this.defaultConfig[this.plugin.title.replace(/\s/g, '_').toLowerCase()]
         this.settings = JSON.parse(JSON.stringify(data))
diff --git a/packages/nc-gui/components/project/appStore/inputs/attachment.vue b/packages/nc-gui/components/project/appStore/inputs/attachment.vue
index 64960b912b..2237abfb9f 100644
--- a/packages/nc-gui/components/project/appStore/inputs/attachment.vue
+++ b/packages/nc-gui/components/project/appStore/inputs/attachment.vue
@@ -196,7 +196,7 @@ export default {
     selectedImage: null
   }),
   watch: {
-    value (val) {
+    value(val) {
       try {
         this.localState = (typeof val === 'string' ? JSON.parse(val) : val) || []
       } catch (e) {
@@ -209,7 +209,7 @@ export default {
     //   }
     // }
   },
-  created () {
+  created() {
     try {
       this.localState = (typeof this.value === 'string' ? JSON.parse(this.value) : this.value) || []
     } catch (e) {
@@ -217,30 +217,30 @@ export default {
     }
     document.addEventListener('keydown', this.onArrowDown)
   },
-  beforeDestroy () {
+  beforeDestroy() {
     document.removeEventListener('keydown', this.onArrowDown)
   },
-  mounted () {
+  mounted() {
   },
   methods: {
-    openUrl (url, target) {
+    openUrl(url, target) {
       window.open(url, target)
     },
     isImage,
-    hideIfVisible () {
+    hideIfVisible() {
       if (this.showImage) {
         this.showImage = false
       }
     },
-    selectImage (selectedImage, i) {
+    selectImage(selectedImage, i) {
       this.showImage = true
       this.carousel = i
       this.selectedImage = selectedImage
     },
-    addFile () {
+    addFile() {
       this.$refs.file.click()
     },
-    async onFileSelection () {
+    async onFileSelection() {
       if (!this.$refs.file.files || !this.$refs.file.files.length) {
         return
       }
@@ -256,12 +256,12 @@ export default {
       this.$emit('input', JSON.stringify(this.localState))
       this.$emit('update')
     },
-    removeItem (i) {
+    removeItem(i) {
       this.localState.splice(i, 1)
       this.$emit('input', JSON.stringify(this.localState))
       this.$emit('update')
     },
-    onArrowDown (e) {
+    onArrowDown(e) {
       if (!this.showImage) { return }
       e = e || window.event
       // eslint-disable-next-line eqeqeq
diff --git a/packages/nc-gui/components/project/appStore/inputs/longTextField.vue b/packages/nc-gui/components/project/appStore/inputs/longTextField.vue
index 51fa34cc0a..218786e8e0 100644
--- a/packages/nc-gui/components/project/appStore/inputs/longTextField.vue
+++ b/packages/nc-gui/components/project/appStore/inputs/longTextField.vue
@@ -23,22 +23,22 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
       return $listeners
     }
   },
-  created () {
+  created() {
     this.localState = this.value
   },
-  mounted () {
+  mounted() {
     this.$refs.textarea.focus()
   }
 }
diff --git a/packages/nc-gui/components/project/appStore/inputs/passwordField.vue b/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
index 82455d76f0..5cb0682177 100644
--- a/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
+++ b/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
@@ -32,14 +32,14 @@ export default {
   }),
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
       return $listeners
     }
diff --git a/packages/nc-gui/components/project/appStore/inputs/textField.vue b/packages/nc-gui/components/project/appStore/inputs/textField.vue
index c8b8a90fff..c27b343b77 100644
--- a/packages/nc-gui/components/project/appStore/inputs/textField.vue
+++ b/packages/nc-gui/components/project/appStore/inputs/textField.vue
@@ -22,14 +22,14 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
       return $listeners
     }
diff --git a/packages/nc-gui/components/project/appStoreOld.vue b/packages/nc-gui/components/project/appStoreOld.vue
index 3e1a8d8d55..0f94a8e8ed 100644
--- a/packages/nc-gui/components/project/appStoreOld.vue
+++ b/packages/nc-gui/components/project/appStoreOld.vue
@@ -308,17 +308,17 @@ export default {
     ]
   }),
   computed: {
-    filters () {
+    filters() {
       return this.apps.reduce((arr, app) => arr.concat(app.tags || []), []).filter((f, i, arr) => i === arr.indexOf(f)).sort()
     },
-    filteredApps () {
+    filteredApps() {
       return this.apps.filter(app => (!this.query.trim() || app.name.toLowerCase().includes(this.query.trim().toLowerCase())) &&
         (!this.selectedTags.length || this.selectedTags.some(t => app.tags && app.tags.includes(t)))
       )
     }
   },
   methods: {
-    installApp () {
+    installApp() {
       this.$toast.info('Coming soon after seed funding.').goAway(5000)
     }
   }
diff --git a/packages/nc-gui/components/project/auditTab/audit.vue b/packages/nc-gui/components/project/auditTab/audit.vue
index 00dd575ff9..757b819557 100644
--- a/packages/nc-gui/components/project/auditTab/audit.vue
+++ b/packages/nc-gui/components/project/auditTab/audit.vue
@@ -90,11 +90,11 @@ export default {
     limit: 25,
     page: 1
   }),
-  created () {
+  created() {
     this.loadAudits()
   },
   methods: {
-    async loadAudits () {
+    async loadAudits() {
       const { list, count } = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcAuditList', {
         limit: this.limit,
         offset: this.limit * (this.page - 1)
@@ -102,7 +102,7 @@ export default {
       this.audits = list
       this.count = count
     },
-    calculateDiff (date) {
+    calculateDiff(date) {
       return dayjs.utc(date).fromNow()
     }
   }
diff --git a/packages/nc-gui/components/project/auditTab/db.vue b/packages/nc-gui/components/project/auditTab/db.vue
index 83695ec120..d43e13c674 100644
--- a/packages/nc-gui/components/project/auditTab/db.vue
+++ b/packages/nc-gui/components/project/auditTab/db.vue
@@ -242,7 +242,7 @@ export default {
     Splitpanes,
     Pane
   },
-  data () {
+  data() {
     return {
       showUpAndDownBtns: false,
       tableMigrationFiles: {
@@ -314,12 +314,12 @@ export default {
     })
   },
   watch: {},
-  created () {
+  created() {
     this.loadEnv()
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
 
@@ -327,12 +327,12 @@ export default {
     //   shell.openItem(path.join(this.currentProjectFolder, 'server', 'tool', this.nodes.dbAlias, 'migrations'));
     // },
 
-    isMigrationButtonEnabled (name) {
+    isMigrationButtonEnabled(name) {
       console.log('menu -- - ', name)
       return this.nodes.dbConnection.client === 'sqlite3' && name === 'Migration Down'
     },
 
-    async getMigrationFiles (migration) {
+    async getMigrationFiles(migration) {
       this.selectedMigration.migration = ''
       this.selectedMigration.up = ''
       this.selectedMigration.down = ''
@@ -364,7 +364,7 @@ export default {
       this.selectedMigration.down = result.data.object.down
     },
 
-    async loadEnv () {
+    async loadEnv() {
       try {
         this.$store.commit('notification/MutToggleProgressBar', true)
         const migrationArgs = {
@@ -405,11 +405,11 @@ export default {
         this.$store.commit('notification/MutToggleProgressBar', false)
       }
     },
-    async applyChanges () {
+    async applyChanges() {
     },
-    async deleteView (action = '') {
+    async deleteView(action = '') {
     },
-    async migrationUp (steps = 99999999999) {
+    async migrationUp(steps = 99999999999) {
       try {
         // await this.sqlMgr.migrator().migrationsUp({
         //   env: this.nodes.env,
@@ -439,7 +439,7 @@ export default {
       }
       await this.loadEnv()
     },
-    async migrationDown (steps = 99999999999) {
+    async migrationDown(steps = 99999999999) {
       try {
         // await this.sqlMgr.migrator().migrationsDown({
         //   env: this.nodes.env,
@@ -468,7 +468,7 @@ export default {
       }
       await this.loadEnv()
     },
-    findNextMigrationColor (item) {
+    findNextMigrationColor(item) {
       if (item.nextMigration === 1) {
         return 'orange'
       } else if (item.nextMigration === 2) {
@@ -478,7 +478,7 @@ export default {
       }
       return ''
     },
-    findMigrationTextColor (item) {
+    findMigrationTextColor(item) {
       // if (item.nextMigration === 1) {
       //   return "white--text";
       // } else if (item.nextMigration === 2) {
@@ -490,15 +490,15 @@ export default {
     }
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes']
diff --git a/packages/nc-gui/components/project/cronJobs.vue b/packages/nc-gui/components/project/cronJobs.vue
index 7d18cc9e14..98e83b46a6 100644
--- a/packages/nc-gui/components/project/cronJobs.vue
+++ b/packages/nc-gui/components/project/cronJobs.vue
@@ -303,14 +303,14 @@ export default {
     filter: '',
     selectedItem: null
   }),
-  async mounted () {
+  async mounted() {
     await this.loadCrons()
   },
   methods: {
-    async editCronHandler (cron) {
+    async editCronHandler(cron) {
       this.selectedItem = cron
     },
-    async deleteCron (cron) {
+    async deleteCron(cron) {
       if (cron.id) {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.dbAliasList[this.dbsTab].meta.dbAlias,
@@ -326,7 +326,7 @@ export default {
         this.selectedItem = null
       }
     },
-    async addNewCron () {
+    async addNewCron() {
       this.crons = this.crons || []
       this.crons.push(this.selectedItem = {
         title: 'cron_job' + this.crons.length,
@@ -336,7 +336,7 @@ export default {
         cron_handler: ''
       })
     },
-    async loadCrons () {
+    async loadCrons() {
       this.crons = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.dbAliasList[this.dbsTab].meta.dbAlias,
         env: this.$store.getters['project/GtrEnv']
@@ -346,7 +346,7 @@ export default {
       }
       this.edited = false
     },
-    async saveCron () {
+    async saveCron() {
       this.updating = true
       const errorCrons = []
       try {
@@ -392,14 +392,14 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    enableCountText () {
+    enableCountText() {
       return ''
     },
     selectedItemIndex: {
-      get () {
+      get() {
         return this.crons ? this.crons.indexOf(this.selectedItem) : -1
       },
-      set (i) {
+      set(i) {
         this.selectedItem = this.crons[i]
       }
     }
diff --git a/packages/nc-gui/components/project/dlgs/dlgAddRelation.vue b/packages/nc-gui/components/project/dlgs/dlgAddRelation.vue
index 1587fae9d6..4647632d5c 100644
--- a/packages/nc-gui/components/project/dlgs/dlgAddRelation.vue
+++ b/packages/nc-gui/components/project/dlgs/dlgAddRelation.vue
@@ -1,7 +1,7 @@
 <template>
   <v-row justify="center">
     <v-dialog
-      v-model="dialogShow"
+      :value="dialogShow"
       persistent
       max-width="600"
       @keydown.esc="mtdDialogCancel()"
@@ -117,7 +117,7 @@
 import { mapGetters } from 'vuex'
 
 export default {
-  data () {
+  data() {
     return {
       valid: false,
       onUpdateDeleteOptions: [
@@ -145,7 +145,7 @@ export default {
     }
   },
   methods: {
-    async loadColumnList () {
+    async loadColumnList() {
       if (!this.relation.parentTable) { return }
       this.isRefColumnsLoading = true
       // const client = await this.sqlMgr.projectGetSqlClient({
@@ -181,7 +181,7 @@ export default {
 
       this.isRefColumnsLoading = false
     },
-    async loadTablesList () {
+    async loadTablesList() {
       this.isRefTablesLoading = true
       // const client = await this.sqlMgr.projectGetSqlClient({
       //   env: this.nodes.env,
@@ -207,14 +207,14 @@ export default {
   },
   computed: { ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }) },
 
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {
-    'relation.parentTable' () {
+    'relation.parentTable'() {
       this.loadColumnList()
     }
   },
-  async created () {
+  async created() {
     await this.loadTablesList()
 
     if (!this.relation.parentTable) {
@@ -228,18 +228,18 @@ export default {
       this.relation.parentTable = this.column.rtn
     }
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: [
diff --git a/packages/nc-gui/components/project/dlgs/dlgTriggerAddEdit.vue b/packages/nc-gui/components/project/dlgs/dlgTriggerAddEdit.vue
index 7937ccd7db..6d1ee80df9 100644
--- a/packages/nc-gui/components/project/dlgs/dlgTriggerAddEdit.vue
+++ b/packages/nc-gui/components/project/dlgs/dlgTriggerAddEdit.vue
@@ -94,7 +94,7 @@ import MonacoEditor from '../../monaco/Monaco'
 
 export default {
   components: { MonacoEditor },
-  data () {
+  data() {
     return {
       valid: false,
       formRules: {
@@ -120,21 +120,21 @@ export default {
   methods: {},
   computed: { ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }) },
 
-  beforeCreated () {},
+  beforeCreated() {},
   watch: {},
-  async created () {},
-  mounted () {
+  async created() {},
+  mounted() {
     requestAnimationFrame(() => {
       this.$refs.focus.focus()
     })
   },
-  beforeDestroy () {},
-  destroy () {},
+  beforeDestroy() {},
+  destroy() {},
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: [
diff --git a/packages/nc-gui/components/project/functionTab/functionAcl.vue b/packages/nc-gui/components/project/functionTab/functionAcl.vue
index 85423b1d3e..46a0d04422 100644
--- a/packages/nc-gui/components/project/functionTab/functionAcl.vue
+++ b/packages/nc-gui/components/project/functionTab/functionAcl.vue
@@ -95,15 +95,15 @@ export default {
     data: null
   }),
   computed: {
-    roles () {
+    roles() {
       return this.data ? Object.keys(this.data) : []
     }
   },
-  async created () {
+  async created() {
     await this.loadAcl()
   },
   methods: {
-    async loadAcl () {
+    async loadAcl() {
       this.loading = true
       const result = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
@@ -115,7 +115,7 @@ export default {
 
       this.loading = false
     },
-    async save () {
+    async save() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           env: this.nodes.env,
diff --git a/packages/nc-gui/components/project/functionTab/functionQuery.vue b/packages/nc-gui/components/project/functionTab/functionQuery.vue
index 8814694579..4fa997f07b 100644
--- a/packages/nc-gui/components/project/functionTab/functionQuery.vue
+++ b/packages/nc-gui/components/project/functionTab/functionQuery.vue
@@ -79,7 +79,7 @@ import { SqlUI } from '../../../helpers/SqlUiFactory'
 
 export default {
   components: { MonacoEditor, dlgLabelSubmitCancel },
-  data () {
+  data() {
     return {
       functionData: {},
       newFunction: !!this.nodes.newFunction,
@@ -98,7 +98,7 @@ export default {
       removeFunctionTab: 'tabs/removeFunctionTab'
     }),
 
-    async handleKeyDown ({ metaKey, key, altKey, shiftKey, ctrlKey }) {
+    async handleKeyDown({ metaKey, key, altKey, shiftKey, ctrlKey }) {
       console.log(metaKey, key, altKey, shiftKey, ctrlKey)
       // cmd + s -> save
       // cmd + l -> reload
@@ -122,7 +122,7 @@ export default {
       }
     },
 
-    async loadFunction () {
+    async loadFunction() {
       if (this.newFunction) {
         this.functionData = {
           function_name: this.nodes.function_name,
@@ -153,7 +153,7 @@ export default {
       this.functionData = result.data.list[0]
       this.oldCreateFunction = `${this.functionData.create_function}` + ''
     },
-    async applyChanges () {
+    async applyChanges() {
       try {
         if (this.newFunction) {
           const result = await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
@@ -204,7 +204,7 @@ export default {
         throw e
       }
     },
-    async deleteFunction (action = '') {
+    async deleteFunction(action = '') {
       try {
         if (action === 'showDialog') {
           this.dialogShow = true
@@ -242,24 +242,24 @@ export default {
       }
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  created () {
+  created() {
     this.sqlUi = SqlUI.create(this.nodes.dbConnection)
   },
-  mounted () {
+  mounted() {
     this.loadFunction()
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes']
diff --git a/packages/nc-gui/components/project/gqlHandlerCodeEditor.vue b/packages/nc-gui/components/project/gqlHandlerCodeEditor.vue
index 6bf38298bf..061049fa01 100644
--- a/packages/nc-gui/components/project/gqlHandlerCodeEditor.vue
+++ b/packages/nc-gui/components/project/gqlHandlerCodeEditor.vue
@@ -58,16 +58,16 @@ export default {
   }),
   computed: {
     dialogShow: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     }
   },
   watch: {
-    async resolver (val) {
+    async resolver(val) {
       try {
         console.log('=============', this.functions)
         this.code = JSON.parse(this.functions)[0]
@@ -86,7 +86,7 @@ export default {
     }
   },
   methods: {
-    async saveCode () {
+    async saveCode() {
       try {
         this.progressbar = true
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
diff --git a/packages/nc-gui/components/project/graphqlClient.vue b/packages/nc-gui/components/project/graphqlClient.vue
index 922293d5e2..15669720c9 100644
--- a/packages/nc-gui/components/project/graphqlClient.vue
+++ b/packages/nc-gui/components/project/graphqlClient.vue
@@ -47,13 +47,13 @@
 <script>
 export default {
   name: 'GraphqlClient',
-  data () {
+  data() {
     return {
       url: '',
       webViewUrl: ''
     }
   },
-  async created () {
+  async created() {
     if (this.$store.state.graphqlClient.list && this.$store.state.graphqlClient.list[0]) { this.webViewUrl = this.url = this.$store.state.graphqlClient.list[0].url }
     try {
       const { info } = (await this.$axios.get(`${this.$axios.defaults.baseURL}/nc/${this.$route.params.project_id}/projectApiInfo`, {
@@ -68,14 +68,14 @@ export default {
     } catch (e) {
     }
   },
-  mounted () {
+  mounted() {
 
   },
   methods: {
-    test () {
+    test() {
       console.log('triggerd')
     },
-    loadUrl () {
+    loadUrl() {
       this.webViewUrl = this.url
       if (this.url) { this.$store.commit('graphqlClient/MutListAdd', { url: this.url }) }
     }
diff --git a/packages/nc-gui/components/project/grpcClient.vue b/packages/nc-gui/components/project/grpcClient.vue
index aca1639039..a2906e4b44 100644
--- a/packages/nc-gui/components/project/grpcClient.vue
+++ b/packages/nc-gui/components/project/grpcClient.vue
@@ -20,7 +20,7 @@ export default {
     loading: false
   }),
   methods: {
-    async download () {
+    async download() {
       this.loading = true
       let data
       try {
diff --git a/packages/nc-gui/components/project/grpcHandlerCodeEditor.vue b/packages/nc-gui/components/project/grpcHandlerCodeEditor.vue
index 13541b45c7..37e8168a7f 100644
--- a/packages/nc-gui/components/project/grpcHandlerCodeEditor.vue
+++ b/packages/nc-gui/components/project/grpcHandlerCodeEditor.vue
@@ -54,16 +54,16 @@ export default {
   }),
   computed: {
     dialogShow: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     }
   },
   watch: {
-    async service (val) {
+    async service(val) {
       try {
         this.code = JSON.parse(this.serviceData.functions)[0]
       } catch (e) {
@@ -83,7 +83,7 @@ export default {
     }
   },
   methods: {
-    async saveCode () {
+    async saveCode() {
       try {
         this.progressbar = true
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
diff --git a/packages/nc-gui/components/project/procedureTab/procedureAcl.vue b/packages/nc-gui/components/project/procedureTab/procedureAcl.vue
index b833530c8f..140e9df2d2 100644
--- a/packages/nc-gui/components/project/procedureTab/procedureAcl.vue
+++ b/packages/nc-gui/components/project/procedureTab/procedureAcl.vue
@@ -95,15 +95,15 @@ export default {
     data: null
   }),
   computed: {
-    roles () {
+    roles() {
       return this.data ? Object.keys(this.data) : []
     }
   },
-  async created () {
+  async created() {
     await this.loadAcl()
   },
   methods: {
-    async loadAcl () {
+    async loadAcl() {
       this.loading = true
       const result = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
@@ -115,7 +115,7 @@ export default {
 
       this.loading = false
     },
-    async save () {
+    async save() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           env: this.nodes.env,
diff --git a/packages/nc-gui/components/project/procedureTab/procedureQuery.vue b/packages/nc-gui/components/project/procedureTab/procedureQuery.vue
index 2f1e15b60e..73e59c6db1 100644
--- a/packages/nc-gui/components/project/procedureTab/procedureQuery.vue
+++ b/packages/nc-gui/components/project/procedureTab/procedureQuery.vue
@@ -74,7 +74,7 @@ import dlgLabelSubmitCancel from '../../utils/dlgLabelSubmitCancel'
 
 export default {
   components: { MonacoEditor, dlgLabelSubmitCancel },
-  data () {
+  data() {
     return {
       procedure: {},
       newProcedure: !!this.nodes.newProcedure,
@@ -94,7 +94,7 @@ export default {
       removeProcedureTab: 'tabs/removeProcedureTab'
     }),
 
-    async handleKeyDown ({ metaKey, key, altKey, shiftKey, ctrlKey }) {
+    async handleKeyDown({ metaKey, key, altKey, shiftKey, ctrlKey }) {
       console.log(metaKey, key, altKey, shiftKey, ctrlKey)
       // cmd + s -> save
       // cmd + l -> reload
@@ -118,7 +118,7 @@ export default {
       }
     },
 
-    async loadProcedure () {
+    async loadProcedure() {
       try {
         this.$store.commit('notification/MutToggleProgressBar', true)
         if (this.newProcedure) {
@@ -158,7 +158,7 @@ export default {
         this.$store.commit('notification/MutToggleProgressBar', false)
       }
     },
-    async applyChanges () {
+    async applyChanges() {
       try {
         if (this.newProcedure) {
           const result = await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
@@ -203,7 +203,7 @@ export default {
         throw e
       }
     },
-    async deleteProcedure (action = '') {
+    async deleteProcedure(action = '') {
       try {
         if (action === 'showDialog') {
           this.dialogShow = true
@@ -240,23 +240,23 @@ export default {
       }
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  created () {
+  created() {
     this.loadProcedure()
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes']
diff --git a/packages/nc-gui/components/project/projectMetadata/disableOrEnableModels.vue b/packages/nc-gui/components/project/projectMetadata/disableOrEnableModels.vue
index a1c17dacbb..8634190c64 100644
--- a/packages/nc-gui/components/project/projectMetadata/disableOrEnableModels.vue
+++ b/packages/nc-gui/components/project/projectMetadata/disableOrEnableModels.vue
@@ -133,12 +133,12 @@ export default {
     filter: '',
     tables: null
   }),
-  async mounted () {
+  async mounted() {
   },
   methods: {},
   computed: {
     dbsTab: {
-      set (tab) {
+      set(tab) {
         if (!tab) {
           // return this.$router.push({
           //   query: {}
@@ -154,7 +154,7 @@ export default {
           }
         })
       },
-      get () {
+      get() {
         return this.$route.query.nested_1
       }
 
@@ -163,16 +163,16 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    enableCountText () {
+    enableCountText() {
       return this.models
         ? `${this.models.filter(m => m.enabled).length}/${this.models.length} enabled`
         : ''
     },
 
-    isNewOrDeletedModelFound () {
+    isNewOrDeletedModelFound() {
       return this.comparedModelList.some(m => m.new || m.deleted)
     },
-    comparedModelList () {
+    comparedModelList() {
       const res = []
       const getPriority = (item) => {
         if (item.new) { return 2 }
diff --git a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableFunctions.vue b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableFunctions.vue
index f4fe2b1298..f2f1298ad8 100644
--- a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableFunctions.vue
+++ b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableFunctions.vue
@@ -186,12 +186,12 @@ export default {
     filter: '',
     functions: null
   }),
-  async mounted () {
+  async mounted() {
     await this.loadModels()
     await this.loadTableList()
   },
   methods: {
-    async addTableMeta (tables) {
+    async addTableMeta(tables) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -199,7 +199,7 @@ export default {
         }, 'functionMetaCreate', {
           tableNames: tables// this.comparedModelList.filter(t => t.new).map(t=>t.title)
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata added successfully').goAway(3000)
         }, 1000)
@@ -207,7 +207,7 @@ export default {
         this.$toast.error('Some error occurred').goAway(5000)
       }
     },
-    async deleteTableMeta (tables) {
+    async deleteTableMeta(tables) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -215,7 +215,7 @@ export default {
         }, 'functioneMetaDelete', {
           tableNames: tables
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata deleted successfully').goAway(3000)
         }, 1000)
@@ -223,7 +223,7 @@ export default {
         this.$toast.error('Some error occurred').goAway(5000)
       }
     },
-    async syncMetadata () {
+    async syncMetadata() {
       const addTables = this.comparedModelList.filter(t => t.new).map(t => t.title)
       const deleteTables = this.comparedModelList.filter(t => t.deleted).map(t => t.title)
       if (addTables.length) {
@@ -234,7 +234,7 @@ export default {
       }
     },
 
-    async recreateTableMeta (table) {
+    async recreateTableMeta(table) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -242,7 +242,7 @@ export default {
         }, 'functionMetaRecreate', {
           tn: table
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata recreated successfully').goAway(3000)
         }, 1000)
@@ -250,7 +250,7 @@ export default {
         this.$toast.error('Some error occurred').goAway(5000)
       }
     },
-    async loadModels () {
+    async loadModels() {
       if (this.dbAliasList[this.dbsTab]) {
         this.models = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -259,14 +259,14 @@ export default {
         this.edited = false
       }
     },
-    async loadTableList () {
+    async loadTableList() {
       this.functions = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.db.meta.dbAlias,
         env: this.$store.getters['project/GtrEnv']
       }, 'functionList'])).data.list
     },
 
-    async saveModels () {
+    async saveModels() {
       this.updating = true
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
@@ -286,16 +286,16 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    enableCountText () {
+    enableCountText() {
       return this.models
         ? `${this.models.filter(m => m.enabled).length}/${this.models.length} enabled`
         : ''
     },
 
-    isNewOrDeletedModelFound () {
+    isNewOrDeletedModelFound() {
       return this.comparedModelList.some(m => m.new || m.deleted)
     },
-    comparedModelList () {
+    comparedModelList() {
       const res = []
       const getPriority = (item) => {
         if (item.new) { return 2 }
diff --git a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableProcedures.vue b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableProcedures.vue
index 3b5f1e7d2b..21166c9c20 100644
--- a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableProcedures.vue
+++ b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableProcedures.vue
@@ -186,12 +186,12 @@ export default {
     filter: '',
     procedures: null
   }),
-  async mounted () {
+  async mounted() {
     await this.loadModels()
     await this.loadTableList()
   },
   methods: {
-    async addTableMeta (tables) {
+    async addTableMeta(tables) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -199,7 +199,7 @@ export default {
         }, 'procedureMetaCreate', {
           tableNames: tables// this.comparedModelList.filter(t => t.new).map(t=>t.title)
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata added successfully').goAway(3000)
         }, 1000)
@@ -207,7 +207,7 @@ export default {
         this.$toast.error('Some error occurred').goAway(5000)
       }
     },
-    async deleteTableMeta (tables) {
+    async deleteTableMeta(tables) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -215,7 +215,7 @@ export default {
         }, 'procedureMetaDelete', {
           tableNames: tables
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata deleted successfully').goAway(3000)
         }, 1000)
@@ -223,7 +223,7 @@ export default {
         this.$toast.error('Some error occurred').goAway(5000)
       }
     },
-    async syncMetadata () {
+    async syncMetadata() {
       const addTables = this.comparedModelList.filter(t => t.new).map(t => t.title)
       const deleteTables = this.comparedModelList.filter(t => t.deleted).map(t => t.title)
       if (addTables.length) {
@@ -234,7 +234,7 @@ export default {
       }
     },
 
-    async recreateTableMeta (table) {
+    async recreateTableMeta(table) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -242,7 +242,7 @@ export default {
         }, 'procedureMetaRecreate', {
           tn: table
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata recreated successfully').goAway(3000)
         }, 1000)
@@ -250,7 +250,7 @@ export default {
         this.$toast.error('Some error occurred').goAway(5000)
       }
     },
-    async loadModels () {
+    async loadModels() {
       if (this.dbAliasList[this.dbsTab]) {
         this.models = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -259,14 +259,14 @@ export default {
         this.edited = false
       }
     },
-    async loadTableList () {
+    async loadTableList() {
       this.procedures = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.db.meta.dbAlias,
         env: this.$store.getters['project/GtrEnv']
       }, 'procedureList'])).data.list
     },
 
-    async saveModels () {
+    async saveModels() {
       this.updating = true
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
@@ -286,16 +286,16 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    enableCountText () {
+    enableCountText() {
       return this.models
         ? `${this.models.filter(m => m.enabled).length}/${this.models.length} enabled`
         : ''
     },
 
-    isNewOrDeletedModelFound () {
+    isNewOrDeletedModelFound() {
       return this.comparedModelList.some(m => m.new || m.deleted)
     },
-    comparedModelList () {
+    comparedModelList() {
       const res = []
       const getPriority = (item) => {
         if (item.new) {
diff --git a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableRelations.vue b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableRelations.vue
index a86536a539..4cad2fbdf3 100644
--- a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableRelations.vue
+++ b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableRelations.vue
@@ -113,18 +113,18 @@ export default {
     search: ''
   }),
   computed: {
-    selectedCount () {
+    selectedCount() {
       return `${this.relations.filter(({ enabled }) => enabled).length}/${this.relations.length}`
     },
-    edited () {
+    edited() {
       return this.relations.some(({ edited }) => edited)
     }
   },
-  async created () {
+  async created() {
     await this.loadRelations()
   },
   methods: {
-    async loadRelations () {
+    async loadRelations() {
       this.loading = true
       try {
         this.relations = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
@@ -136,14 +136,14 @@ export default {
       }
       this.loading = false
     },
-    toggleAll (toggle) {
+    toggleAll(toggle) {
       this.toggle = !toggle
       for (const rel of this.relations) {
         this.$set(rel, 'edited', rel.edited || rel.enabled !== toggle)
         this.$set(rel, 'enabled', toggle)
       }
     },
-    async save () {
+    async save() {
       const editedRelations = this.relations.filter(({ edited }) => edited)
       this.updating = true
       try {
diff --git a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableTables.vue b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableTables.vue
index 5d15a69bfa..8eacd23830 100644
--- a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableTables.vue
+++ b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableTables.vue
@@ -193,12 +193,12 @@ export default {
     filter: '',
     tables: null
   }),
-  async mounted () {
+  async mounted() {
     await this.loadModels()
     await this.loadTableList()
   },
   methods: {
-    async addTableMeta (tables) {
+    async addTableMeta(tables) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -206,7 +206,7 @@ export default {
         }, 'tableMetaCreate', {
           tableNames: tables// this.comparedModelList.filter(t => t.new).map(t=>t.title)
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata added successfully').goAway(3000)
         }, 1000)
@@ -214,7 +214,7 @@ export default {
         this.$toast.error('Some error occurred').goAway(5000)
       }
     },
-    async deleteTableMeta (tables) {
+    async deleteTableMeta(tables) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -222,7 +222,7 @@ export default {
         }, 'tableMetaDelete', {
           tableNames: tables
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata deleted successfully').goAway(3000)
         }, 1000)
@@ -230,7 +230,7 @@ export default {
         this.$toast.error('Some error occurred').goAway(5000)
       }
     },
-    async syncMetadata () {
+    async syncMetadata() {
       const addTables = this.comparedModelList.filter(t => t.new).map(t => t.title)
       const deleteTables = this.comparedModelList.filter(t => t.deleted).map(t => t.title)
       if (addTables.length) {
@@ -241,7 +241,7 @@ export default {
       }
     },
 
-    async recreateTableMeta (table) {
+    async recreateTableMeta(table) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -249,7 +249,7 @@ export default {
         }, 'tableMetaRecreate', {
           tn: table
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata recreated successfully').goAway(3000)
         }, 1000)
@@ -257,7 +257,7 @@ export default {
         this.$toast[e.response?.status === 402 ? 'info' : 'error'](e.message).goAway(3000)
       }
     },
-    async loadModels () {
+    async loadModels() {
       if (this.dbAliasList[this.dbsTab]) {
         this.models = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -266,14 +266,14 @@ export default {
         this.edited = false
       }
     },
-    async loadTableList () {
+    async loadTableList() {
       this.tables = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.db.meta.dbAlias,
         env: this.$store.getters['project/GtrEnv']
       }, 'tableList', { force: true }])).data.list
     },
 
-    async saveModels () {
+    async saveModels() {
       this.updating = true
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
@@ -293,16 +293,16 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    enableCountText () {
+    enableCountText() {
       return this.models
         ? `${this.models.filter(m => m.enabled).length}/${this.models.length} enabled`
         : ''
     },
 
-    isNewOrDeletedModelFound () {
+    isNewOrDeletedModelFound() {
       return this.comparedModelList.some(m => m.new || m.deleted)
     },
-    comparedModelList () {
+    comparedModelList() {
       const res = []
       const getPriority = (item) => {
         if (item.new) { return 2 }
diff --git a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableViews.vue b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableViews.vue
index 276dfc86cc..d1095098ce 100644
--- a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableViews.vue
+++ b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableViews.vue
@@ -186,12 +186,12 @@ export default {
     filter: '',
     views: null
   }),
-  async mounted () {
+  async mounted() {
     await this.loadModels()
     await this.loadTableList()
   },
   methods: {
-    async addTableMeta (tables) {
+    async addTableMeta(tables) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -199,7 +199,7 @@ export default {
         }, 'viewMetaCreate', {
           viewNames: tables// this.comparedModelList.filter(t => t.new).map(t=>t.title)
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata added successfully').goAway(3000)
         }, 1000)
@@ -207,7 +207,7 @@ export default {
         this.$toast.error('Some error occurred').goAway(5000)
       }
     },
-    async deleteTableMeta (tables) {
+    async deleteTableMeta(tables) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -215,7 +215,7 @@ export default {
         }, 'viewMetaDelete', {
           tableNames: tables
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata deleted successfully').goAway(3000)
         }, 1000)
@@ -223,7 +223,7 @@ export default {
         this.$toast.error('Some error occurred').goAway(5000)
       }
     },
-    async syncMetadata () {
+    async syncMetadata() {
       const addTables = this.comparedModelList.filter(t => t.new).map(t => t.title)
       const deleteTables = this.comparedModelList.filter(t => t.deleted).map(t => t.title)
       if (addTables.length) {
@@ -234,7 +234,7 @@ export default {
       }
     },
 
-    async recreateTableMeta (table) {
+    async recreateTableMeta(table) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -242,7 +242,7 @@ export default {
         }, 'viewMetaRecreate', {
           tn: table
         }])
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.loadModels()
           this.$toast.success('Table metadata recreated successfully').goAway(3000)
         }, 1000)
@@ -250,7 +250,7 @@ export default {
         this.$toast.error('Some error occurred').goAway(5000)
       }
     },
-    async loadModels () {
+    async loadModels() {
       if (this.dbAliasList[this.dbsTab]) {
         this.models = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -259,14 +259,14 @@ export default {
         this.edited = false
       }
     },
-    async loadTableList () {
+    async loadTableList() {
       this.views = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.db.meta.dbAlias,
         env: this.$store.getters['project/GtrEnv']
       }, 'viewList'])).data.list
     },
 
-    async saveModels () {
+    async saveModels() {
       this.updating = true
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
@@ -286,16 +286,16 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    enableCountText () {
+    enableCountText() {
       return this.models
         ? `${this.models.filter(m => m.enabled).length}/${this.models.length} enabled`
         : ''
     },
 
-    isNewOrDeletedModelFound () {
+    isNewOrDeletedModelFound() {
       return this.comparedModelList.some(m => m.new || m.deleted)
     },
-    comparedModelList () {
+    comparedModelList() {
       const res = []
       const getPriority = (item) => {
         if (item.new) { return 2 }
diff --git a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleFunctionUIAcl.vue b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleFunctionUIAcl.vue
index 916ef2983b..4b2c0025d1 100644
--- a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleFunctionUIAcl.vue
+++ b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleFunctionUIAcl.vue
@@ -112,11 +112,11 @@ export default {
     filter: '',
     functions: null
   }),
-  async mounted () {
+  async mounted() {
     await this.loadFunctionList()
   },
   methods: {
-    async loadFunctionList () {
+    async loadFunctionList() {
       this.functions = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.db.meta.dbAlias,
         env: this.$store.getters['project/GtrEnv']
@@ -124,7 +124,7 @@ export default {
         type: 'function'
       }]))
     },
-    async save () {
+    async save() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -143,10 +143,10 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    edited () {
+    edited() {
       return this.functions && this.functions.length && this.functions.some(t => t.edited)
     },
-    roles () {
+    roles() {
       return this.functions && this.functions.length ? Object.keys(this.functions[0].disabled) : []
     }
   }
diff --git a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleProcedureUIAcl.vue b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleProcedureUIAcl.vue
index 51fb8a39dd..19d46cd92f 100644
--- a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleProcedureUIAcl.vue
+++ b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleProcedureUIAcl.vue
@@ -112,11 +112,11 @@ export default {
     filter: '',
     procedures: null
   }),
-  async mounted () {
+  async mounted() {
     await this.loadFunctionList()
   },
   methods: {
-    async loadFunctionList () {
+    async loadFunctionList() {
       this.procedures = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.db.meta.dbAlias,
         env: this.$store.getters['project/GtrEnv']
@@ -124,7 +124,7 @@ export default {
         type: 'procedure'
       }]))
     },
-    async save () {
+    async save() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -143,10 +143,10 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    edited () {
+    edited() {
       return this.procedures && this.procedures.length && this.procedures.some(t => t.edited)
     },
-    roles () {
+    roles() {
       return this.procedures && this.procedures.length ? Object.keys(this.procedures[0].disabled) : []
     }
   }
diff --git a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleRelationsUIAcl.vue b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleRelationsUIAcl.vue
index f98ac4228c..261309fb74 100644
--- a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleRelationsUIAcl.vue
+++ b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleRelationsUIAcl.vue
@@ -113,11 +113,11 @@ export default {
     filter: '',
     relations: null
   }),
-  async mounted () {
+  async mounted() {
     await this.loadViewList()
   },
   methods: {
-    async loadViewList () {
+    async loadViewList() {
       this.relations = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.db.meta.dbAlias,
         env: this.$store.getters['project/GtrEnv']
@@ -125,7 +125,7 @@ export default {
         type: 'relation'
       }]))
     },
-    async save () {
+    async save() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -144,10 +144,10 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    edited () {
+    edited() {
       return this.relations && this.relations.length && this.relations.some(t => t.edited)
     },
-    roles () {
+    roles() {
       return this.relations && this.relations.length ? Object.keys(this.relations[0].disabled) : []
     }
   }
diff --git a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleTableUIAcl.vue b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleTableUIAcl.vue
index 199625fc3f..76af50dc34 100644
--- a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleTableUIAcl.vue
+++ b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleTableUIAcl.vue
@@ -119,11 +119,11 @@ export default {
     filter: '',
     tables: null
   }),
-  async mounted () {
+  async mounted() {
     await this.loadTableList()
   },
   methods: {
-    async loadTableList () {
+    async loadTableList() {
       this.tables = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.db.meta.dbAlias,
         env: this.$store.getters['project/GtrEnv']
@@ -131,7 +131,7 @@ export default {
         type: 'table'
       }]))
     },
-    async save () {
+    async save() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -150,10 +150,10 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    edited () {
+    edited() {
       return this.tables && this.tables.length && this.tables.some(t => t.edited)
     },
-    roles () {
+    roles() {
       return this.tables && this.tables.length ? Object.keys(this.tables[0].disabled) : []
     }
   }
diff --git a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleViewUIAcl.vue b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleViewUIAcl.vue
index 764e66d33c..19593a76de 100644
--- a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleViewUIAcl.vue
+++ b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleViewUIAcl.vue
@@ -110,11 +110,11 @@ export default {
     filter: '',
     views: null
   }),
-  async mounted () {
+  async mounted() {
     await this.loadViewList()
   },
   methods: {
-    async loadViewList () {
+    async loadViewList() {
       this.views = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.db.meta.dbAlias,
         env: this.$store.getters['project/GtrEnv']
@@ -122,7 +122,7 @@ export default {
         type: 'view'
       }]))
     },
-    async save () {
+    async save() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           dbAlias: this.db.meta.dbAlias,
@@ -141,10 +141,10 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    edited () {
+    edited() {
       return this.views && this.views.length && this.views.some(t => t.edited)
     },
-    roles () {
+    roles() {
       return this.views && this.views.length ? Object.keys(this.views[0].disabled) : []
     }
   }
diff --git a/packages/nc-gui/components/project/restHandlerCodeEditor.vue b/packages/nc-gui/components/project/restHandlerCodeEditor.vue
index 31e6b29a3e..31e8dd7810 100644
--- a/packages/nc-gui/components/project/restHandlerCodeEditor.vue
+++ b/packages/nc-gui/components/project/restHandlerCodeEditor.vue
@@ -58,16 +58,16 @@ export default {
   }),
   computed: {
     dialogShow: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     }
   },
   watch: {
-    async route (val) {
+    async route(val) {
       try {
         if (this.isMiddleware) {
           this.code = JSON.parse(val.functions)[0]
@@ -108,7 +108,7 @@ export default {
     }
   },
   methods: {
-    async saveCode () {
+    async saveCode() {
       try {
         this.progressbar = true
         if (this.isMiddleware) {
diff --git a/packages/nc-gui/components/project/seed.vue b/packages/nc-gui/components/project/seed.vue
index e9df18fa16..79ec75b016 100644
--- a/packages/nc-gui/components/project/seed.vue
+++ b/packages/nc-gui/components/project/seed.vue
@@ -94,7 +94,7 @@ export default {
   components: {
     dlgLabelSubmitCancel
   },
-  data () {
+  data() {
     return {
       settings: {},
       dialogShow: false,
@@ -105,7 +105,7 @@ export default {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' })
   },
   watch: {},
-  async created () {
+  async created() {
     this.seedsFolder = this.sqlMgr.projectGetFolder({
       env: this.nodes.env,
       dbAlias: this.nodes.dbAlias
@@ -126,12 +126,12 @@ export default {
       this.settings = result.data
     }
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    async dlgAction (action = '') {
+    async dlgAction(action = '') {
       console.log('dlgAction', action)
       if (action === 'hideDialog') {
         this.dialogShow = false
@@ -140,7 +140,7 @@ export default {
         await this.seedInit()
       }
     },
-    async seedInit () {
+    async seedInit() {
       try {
         const result = await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
           {
@@ -159,7 +159,7 @@ export default {
       }
     },
 
-    async seedTerm () {
+    async seedTerm() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
           {
@@ -176,9 +176,9 @@ export default {
       }
     },
 
-    async seedStart () {
+    async seedStart() {
       try {
-        setTimeout(async () => {
+        setTimeout(async() => {
           await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
             {
               env: this.nodes.env,
@@ -195,7 +195,7 @@ export default {
       }
     },
 
-    async seedStop () {
+    async seedStop() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
           {
@@ -212,7 +212,7 @@ export default {
       }
     },
 
-    async seedSettingsUpdate () {
+    async seedSettingsUpdate() {
       try {
         this.settings.rows.value = +this.settings.rows.value > 100 ? 100 : this.settings.rows.value
 
@@ -232,15 +232,15 @@ export default {
 
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes']
diff --git a/packages/nc-gui/components/project/sequence.vue b/packages/nc-gui/components/project/sequence.vue
index 3c19d6b728..9b467aeef6 100644
--- a/packages/nc-gui/components/project/sequence.vue
+++ b/packages/nc-gui/components/project/sequence.vue
@@ -150,7 +150,7 @@ import dlgLabelSubmitCancel from '../utils/dlgLabelSubmitCancel'
 
 export default {
   components: { dlgLabelSubmitCancel },
-  data () {
+  data() {
     return {
       edited: false,
       originalNodes: {},
@@ -171,7 +171,7 @@ export default {
           'project/loadSequencesFromParentTreeNode',
       removeSequenceTab: 'tabs/removeSequenceTab'
     }),
-    async loadSequences () {
+    async loadSequences() {
       try {
         this.$store.commit('notification/MutToggleProgressBar', true)
         if (this.newSequence) {
@@ -205,7 +205,7 @@ export default {
         this.$store.commit('notification/MutToggleProgressBar', false)
       }
     },
-    async applyChanges () {
+    async applyChanges() {
       try {
         if (this.newSequence) {
           const result = await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
@@ -244,7 +244,7 @@ export default {
         throw e
       }
     },
-    async deleteSequence (action = '') {
+    async deleteSequence(action = '') {
       try {
         if (action === 'showDialog') {
           this.dialogShow = true
@@ -279,12 +279,12 @@ export default {
         throw e
       }
     },
-    sequenceNameChanged () {
+    sequenceNameChanged() {
       console.log('changed', this.sequence.sequence_name.trim())
       this.edited = this.sequence.sequence_name.trim() !== ''
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {
     // 'sequence' : {
@@ -296,21 +296,21 @@ export default {
     //   }
     // }
   },
-  async created () {
+  async created() {
     this.originalNodes = { ...this.nodes }
     await this.loadSequences()
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes']
diff --git a/packages/nc-gui/components/project/settings/appearance.vue b/packages/nc-gui/components/project/settings/appearance.vue
index 8dc516f282..7efccbb2be 100644
--- a/packages/nc-gui/components/project/settings/appearance.vue
+++ b/packages/nc-gui/components/project/settings/appearance.vue
@@ -163,7 +163,7 @@ import themes from '../../../helpers/themes'
 export default {
   components: { },
 
-  data () {
+  data() {
     return {
       rightClickCount: 0,
       tab: null,
@@ -194,35 +194,35 @@ export default {
       themes
     }
   },
-  fetch ({ store, params }) {
+  fetch({ store, params }) {
   },
   computed: {
     language: {
-      get () {
+      get() {
         return this.$store.state.windows.language
       },
-      set (val) {
+      set(val) {
         this.$store.commit('windows/MutLanguage', val)
       }
     },
     showMetatable: {
-      get () {
+      get() {
         return this.$store.state.windows.metatables
       },
-      set (show) {
+      set(show) {
         this.$store.commit('windows/MutMetatables', show)
       }
     },
     showScreensaver: {
-      get () {
+      get() {
         return this.$store.state.windows.screensaver
       },
-      set (show) {
+      set(show) {
         this.$store.commit('windows/MutScreensaver', show)
       }
     }
   },
-  created () {
+  created() {
     this.customTheme = { ...this.customTheme, ...this.$store.state.windows.customTheme }
     this.item = this.$store.state.windows.themeName
     this.$store.watch(
@@ -239,23 +239,23 @@ export default {
       })
   },
   methods: {
-    rightClick () {
+    rightClick() {
       this.rightClickCount++
       if (this.rightClickCount > 5) {
         // require('electron').remote.getCurrentWindow().toggleDevTools();
         this.rightClickCount = 0
       }
     },
-    async changeTheme (t, theme = 'Custom') {
+    async changeTheme(t, theme = 'Custom') {
       this.item = theme
       if (theme === 'Custom') { await this.$store.dispatch('windows/ActSetTheme', { theme: { ...t }, custom: true }) }
       await this.$store.dispatch('windows/ActSetTheme', { theme: { ...t }, themeName: theme })
     },
-    toggleDarkTheme () {
+    toggleDarkTheme() {
       this.$store.commit('windows/MutToggleDarkMode')
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   }
 }
 </script>
diff --git a/packages/nc-gui/components/project/settings/env.vue b/packages/nc-gui/components/project/settings/env.vue
index 27f52ca244..1493131f88 100644
--- a/packages/nc-gui/components/project/settings/env.vue
+++ b/packages/nc-gui/components/project/settings/env.vue
@@ -48,7 +48,7 @@ export default {
       envList: 'project/GtrEnvList'
     })
   },
-  mounted () {
+  mounted() {
     const unserializedList = this.$store.state.project.unserializedList
     this.selectedEnv = (unserializedList[0] &&
       unserializedList[0].projectJson &&
@@ -61,7 +61,7 @@ export default {
     }, (value) => { this.selectedEnv = value })
   },
   methods: {
-    async changeEnv () {
+    async changeEnv() {
       this.progressbar = true
       await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'projectChangeEnv', { env: this.selectedEnv }])
       await new Promise((resolve) => {
diff --git a/packages/nc-gui/components/project/settings/logs.vue b/packages/nc-gui/components/project/settings/logs.vue
index 9f8e3aef14..da64a05a6e 100644
--- a/packages/nc-gui/components/project/settings/logs.vue
+++ b/packages/nc-gui/components/project/settings/logs.vue
@@ -81,19 +81,19 @@ export default {
   }),
   computed: {
     toggleAll: {
-      get () {
+      get() {
         return this.names && Object.values(this.names).some(v => v)
       },
-      set (val) {
+      set(val) {
         this.names && Object.keys(this.names).forEach(k => this.$set(this.names, k, val))
       }
     }
   },
-  async created () {
+  async created() {
     await this.load()
   },
   methods: {
-    async load () {
+    async load() {
       this.loading = true
       try {
         const res = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcDebugGet'])
@@ -103,7 +103,7 @@ export default {
 
       this.loading = false
     },
-    async save () {
+    async save() {
       this.loading = true
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcDebugSet', this.names])
diff --git a/packages/nc-gui/components/project/settings/versionAndUpdate.vue b/packages/nc-gui/components/project/settings/versionAndUpdate.vue
index 9d41b37578..49517883fd 100644
--- a/packages/nc-gui/components/project/settings/versionAndUpdate.vue
+++ b/packages/nc-gui/components/project/settings/versionAndUpdate.vue
@@ -77,7 +77,7 @@ import dlgLabelSubmitCancel from '../../utils/dlgLabelSubmitCancel'
 export default {
   components: { dlgLabelSubmitCancel },
 
-  data () {
+  data() {
     return {
       rightClickCount: 0,
       enableAppRefresh: false,
@@ -94,85 +94,85 @@ export default {
   },
   computed: {
     checkForUpdate: {
-      get () {
+      get() {
         return this.$store.state.windows.checkForUpdate
       },
-      set (value) {
+      set(value) {
         this.$store.commit('windows/MutCheckForUpdate', value)
       }
     },
     autoUpdate: {
-      get () {
+      get() {
         return this.$store.state.windows.downloadAndUpdateRelease
       },
-      set (value) {
+      set(value) {
         this.$store.commit('windows/MutDownloadAndUpdateRelease', value)
       }
     },
     isGaEnabled: {
-      get () {
+      get() {
         return this.$store.state.windows.isGaEnabled
       },
-      set (value) {
+      set(value) {
         this.$store.commit('windows/MutToggleGaEnabled', value)
       }
     },
     isErrorReportingEnabled: {
-      get () {
+      get() {
         return this.$store.state.windows.isErrorReportingEnabled
       },
-      set (value) {
+      set(value) {
         this.$store.commit('windows/MutToggleErrorReportingEnabled', value)
       }
     },
     isTelemetryEnabled: {
-      get () {
+      get() {
         return this.$store.state.windows.isErrorReportingEnabled
       },
-      set (value) {
+      set(value) {
         this.$store.commit('windows/MutToggleTelemetryEnabled', value)
       }
     },
     dialogShow: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     },
     language: {
-      get () {
+      get() {
         return this.$store.state.windows.language
       },
-      set (val) {
+      set(val) {
         this.$store.commit('windows/MutSetLanguage', val)
       }
     }
   },
   methods: {
-    rightClick () {
+    rightClick() {
       this.rightClickCount++
       if (this.rightClickCount > 5) {
         // require('electron').remote.getCurrentWindow().toggleDevTools();
         this.rightClickCount = 0
       }
     },
-    async applicationRefresh () {
+    async applicationRefresh() {
       localStorage.removeItem('vuex')
       location.reload()
     },
-    toggleGa (event) {
+    toggleGa(event) {
       if (this.isGaEnabled) {
         this.gaDialogShow = true
       } else { this.isGaEnabled = true }
     },
-    toggleLogReport (event) {
+    toggleLogReport(event) {
       if (this.isErrorReportingEnabled) {
         this.logReportDialogShow = true
       } else { this.isErrorReportingEnabled = true }
     },
-    logReportDialogFunction (action) {
+    logReportDialogFunction(action) {
       if (action !== 'hideDialog' && this.$store.state.users.user && this.$store.state.users.user.email) {
         this.isErrorReportingEnabled = false
       } else {
@@ -180,7 +180,7 @@ export default {
       }
       this.logReportDialogShow = false
     },
-    gaDialogFunction (action) {
+    gaDialogFunction(action) {
       if (action !== 'hideDialog') {
         if (this.$store.state.users.user && this.$store.state.users.user.email) {
           this.isGaEnabled = false
diff --git a/packages/nc-gui/components/project/settings/xcMeta.vue b/packages/nc-gui/components/project/settings/xcMeta.vue
index f42b1c0901..fa0326beec 100644
--- a/packages/nc-gui/components/project/settings/xcMeta.vue
+++ b/packages/nc-gui/components/project/settings/xcMeta.vue
@@ -162,10 +162,10 @@ export default {
     confirmMessage: ''
   }),
   methods: {
-    async exportMeta () {
+    async exportMeta() {
       this.dialogShow = true
       this.confirmMessage = 'Do you want to export metadata from meta tables?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -187,10 +187,10 @@ export default {
         }
       }
     },
-    async exportMetaZip () {
+    async exportMetaZip() {
       this.dialogShow = true
       this.confirmMessage = 'Do you want to export metadata from meta tables?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -224,10 +224,10 @@ export default {
         }
       }
     },
-    async resetMeta () {
+    async resetMeta() {
       this.dialogShow = true
       this.confirmMessage = 'Do you want to clear metadata from meta tables?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -250,10 +250,10 @@ export default {
       }
     },
 
-    async importMeta () {
+    async importMeta() {
       this.dialogShow = true
       this.confirmMessage = 'Do you want to import metadata from meta directory?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -275,7 +275,7 @@ export default {
         }
       }
     },
-    async importMetaZip () {
+    async importMetaZip() {
       if (this.$refs.importFile && this.$refs.importFile.files && this.$refs.importFile.files[0]) {
         const zipFile = this.$refs.importFile.files[0]
         this.loading = 'import-zip'
diff --git a/packages/nc-gui/components/project/spreadsheet/apis/apiFactory.js b/packages/nc-gui/components/project/spreadsheet/apis/apiFactory.js
index af6f81281b..dce79f4b1c 100644
--- a/packages/nc-gui/components/project/spreadsheet/apis/apiFactory.js
+++ b/packages/nc-gui/components/project/spreadsheet/apis/apiFactory.js
@@ -3,7 +3,7 @@ import GqlApi from '@/components/project/spreadsheet/apis/gqlApi'
 import GrpcApi from '@/components/project/spreadsheet/apis/grpcApi'
 
 export default class ApiFactory {
-  static create (type, table, columns, ctx, meta) {
+  static create(type, table, columns, ctx, meta) {
     if (type === 'graphql') {
       return new GqlApi(table, columns, meta, ctx)
     } else if (type === 'grpc') {
diff --git a/packages/nc-gui/components/project/spreadsheet/apis/gqlApi.js b/packages/nc-gui/components/project/spreadsheet/apis/gqlApi.js
index 8f2c6f3e75..59b66ab9d9 100644
--- a/packages/nc-gui/components/project/spreadsheet/apis/gqlApi.js
+++ b/packages/nc-gui/components/project/spreadsheet/apis/gqlApi.js
@@ -1,7 +1,7 @@
 import inflection from 'inflection'
 
 export default class GqlApi {
-  constructor (table, columns, meta, $ctx) {
+  constructor(table, columns, meta, $ctx) {
     // this.table = table;
     this.columns = columns
     this.meta = meta
@@ -9,7 +9,7 @@ export default class GqlApi {
   }
 
   // todo:  - get version letter and use table alias
-  async list (params) {
+  async list(params) {
     const data = await this.post(`/nc/${this.$ctx.$route.params.project_id}/v1/graphql`, {
       query: await this.gqlQuery(params),
       variables: null
@@ -17,7 +17,7 @@ export default class GqlApi {
     return data.data.data[this.gqlQueryListName]
   }
 
-  async count (params) {
+  async count(params) {
     const data = await this.post(`/nc/${this.$ctx.$route.params.project_id}/v1/graphql`, {
       query: this.gqlCountQuery(params),
       variables: null
@@ -25,7 +25,7 @@ export default class GqlApi {
     return data.data.data[this.gqlQueryCountName]
   }
 
-  post (url, params) {
+  post(url, params) {
     return this.$axios({
       url: `${this.$axios.defaults.baseURL}${url}`,
       method: 'post',
@@ -33,7 +33,7 @@ export default class GqlApi {
     })
   }
 
-  generateQueryParams (params) {
+  generateQueryParams(params) {
     if (!params) { return '(where:"")' }
     const res = []
     if ('limit' in params) {
@@ -57,35 +57,35 @@ export default class GqlApi {
     return `(${res.join(',')})`
   }
 
-  async gqlQuery (params) {
+  async gqlQuery(params) {
     return `{${this.gqlQueryListName}${this.generateQueryParams(params)}{${this.gqlReqBody}${await this.gqlRelationReqBody(params)}}}`
   }
 
-  gqlReadQuery (id) {
+  gqlReadQuery(id) {
     return `{${this.gqlQueryReadName}(id:"${id}"){${this.gqlReqBody}}}`
   }
 
-  gqlCountQuery (params) {
+  gqlCountQuery(params) {
     return `{${this.gqlQueryCountName}${this.generateQueryParams(params)}}`
   }
 
-  get gqlQueryListName () {
+  get gqlQueryListName() {
     return `${this.meta._tn}List`
   }
 
-  get gqlQueryReadName () {
+  get gqlQueryReadName() {
     return `${this.meta._tn}Read`
   }
 
-  get tableCamelized () {
+  get tableCamelized() {
     return `${this.meta._tn}`
   }
 
-  get gqlReqBody () {
+  get gqlReqBody() {
     return `\n${this.columns.map(c => c._cn).join('\n')}\n`
   }
 
-  async gqlRelationReqBody (params) {
+  async gqlRelationReqBody(params) {
     let str = ''
     if (params.hm) {
       for (const child of params.hm.split(',')) {
@@ -129,23 +129,23 @@ export default class GqlApi {
     return str
   }
 
-  get gqlQueryCountName () {
+  get gqlQueryCountName() {
     return `${this.tableCamelized}Count`
   }
 
-  get gqlMutationCreateName () {
+  get gqlMutationCreateName() {
     return `${this.tableCamelized}Create`
   }
 
-  get gqlMutationUpdateName () {
+  get gqlMutationUpdateName() {
     return `${this.tableCamelized}Update`
   }
 
-  get gqlMutationDeleteName () {
+  get gqlMutationDeleteName() {
     return `${this.tableCamelized}Delete`
   }
 
-  async paginatedList (params) {
+  async paginatedList(params) {
     // const list = await this.list(params);
     // const count = (await this.count({where: params.where || ''}));
     const [list, count] = await Promise.all([
@@ -158,7 +158,7 @@ export default class GqlApi {
     return { list, count }
   }
 
-  async update (id, data, oldData) {
+  async update(id, data, oldData) {
     const data1 = await this.post(`/nc/${this.$ctx.$route.params.project_id}/v1/graphql`, {
       query: `mutation update($id:String!, $data:${this.tableCamelized}Input){
          ${this.gqlMutationUpdateName}(id: $id, data: $data)
@@ -180,7 +180,7 @@ export default class GqlApi {
     return data1.data.data[this.gqlMutationUpdateName]
   }
 
-  async insert (data) {
+  async insert(data) {
     const data1 = await this.post(`/nc/${this.$ctx.$route.params.project_id}/v1/graphql`, {
       query: `mutation create($data:${this.tableCamelized}Input){
          ${this.gqlMutationCreateName}(data: $data){${this.gqlReqBody}}
@@ -192,7 +192,7 @@ export default class GqlApi {
     return data1.data.data[this.gqlMutationCreateName]
   }
 
-  async delete (id) {
+  async delete(id) {
     const data1 = await this.post(`/nc/${this.$ctx.$route.params.project_id}/v1/graphql`, {
       query: `mutation delete($id:String!){
          ${this.gqlMutationDeleteName}(id: $id)
@@ -203,7 +203,7 @@ export default class GqlApi {
     return data1.data.data[this.gqlMutationDeleteName]
   }
 
-  async read (id) {
+  async read(id) {
     const data = await this.post(`/nc/${this.$ctx.$route.params.project_id}/v1/graphql`, {
       query: this.gqlReadQuery(id),
       variables: null
@@ -211,15 +211,15 @@ export default class GqlApi {
     return data.data.data[this.gqlQueryReadName]
   }
 
-  get $axios () {
+  get $axios() {
     return this.$ctx.$axios
   }
 
-  get table () {
+  get table() {
     return this.meta && this.meta._tn && inflection.camelize(this.meta._tn)
   }
 
-  async paginatedM2mNotChildrenList (params, assoc, pid) {
+  async paginatedM2mNotChildrenList(params, assoc, pid) {
     const list = await this.post(`/nc/${this.$ctx.$route.params.project_id}/v1/graphql`, {
       query: `query m2mNotChildren($pid: String!,$assoc:String!,$parent:String!, $limit:Int, $offset:Int){
            m2mNotChildren(pid: $pid,assoc:$assoc,parent:$parent,limit:$limit, offset:$offset)
diff --git a/packages/nc-gui/components/project/spreadsheet/apis/grpcApi.js b/packages/nc-gui/components/project/spreadsheet/apis/grpcApi.js
index b79f0d94d7..d27317275b 100644
--- a/packages/nc-gui/components/project/spreadsheet/apis/grpcApi.js
+++ b/packages/nc-gui/components/project/spreadsheet/apis/grpcApi.js
@@ -1,12 +1,12 @@
 export default class GrpcApi {
-  constructor (table, ctx) {
+  constructor(table, ctx) {
     this.table = table
     this.ctx = ctx
   }
 
   // todo:  - get version letter and use table alias
 
-  async paginatedList (params) {
+  async paginatedList(params) {
     const result = await this.ctx.$store.dispatch('sqlMgr/ActSqlOp', [{
       env: this.ctx.nodes.env,
       dbAlias: this.ctx.nodes.dbAlias
diff --git a/packages/nc-gui/components/project/spreadsheet/apis/restApi.js b/packages/nc-gui/components/project/spreadsheet/apis/restApi.js
index 8418c5bb09..5a1208463f 100644
--- a/packages/nc-gui/components/project/spreadsheet/apis/restApi.js
+++ b/packages/nc-gui/components/project/spreadsheet/apis/restApi.js
@@ -1,22 +1,22 @@
 export default class RestApi {
-  constructor (table, $ctx) {
+  constructor(table, $ctx) {
     this.table = table
     this.$ctx = $ctx
   }
 
   // todo:  - get version letter and use table alias
-  async list (params) {
+  async list(params) {
     // const data = await this.get(`/nc/${this.$ctx.$route.params.project_id}/api/v1/${this.table}`, params)
     const data = await this.get(`/nc/${this.$ctx.$route.params.project_id}/api/v1/${this.table}`, params)
     return data.data
   }
 
-  async read (id) {
+  async read(id) {
     const data = await this.get(`/nc/${this.$ctx.$route.params.project_id}/api/v1/${this.table}/${id}`)
     return data.data
   }
 
-  async count (params) {
+  async count(params) {
     if (this.timeout) {
       return this.timeout
     }
@@ -35,7 +35,7 @@ export default class RestApi {
     }
   }
 
-  get (url, params, extras = {}) {
+  get(url, params, extras = {}) {
     return this.$axios({
       url,
       params,
@@ -43,7 +43,7 @@ export default class RestApi {
     })
   }
 
-  async paginatedList (params) {
+  async paginatedList(params) {
     // const list = await this.list(params);
     // const count = (await this.count({where: params.where || ''})).count;
     const [list, { count }] = await Promise.all([this.list(params), this.count({
@@ -53,7 +53,7 @@ export default class RestApi {
     return { list, count }
   }
 
-  async paginatedM2mNotChildrenList (params, assoc, pid) {
+  async paginatedM2mNotChildrenList(params, assoc, pid) {
     /// api/v1/Film/m2mNotChildren/film_actor/44
     // const list = await this.list(params);
     // const count = (await this.count({where: params.where || ''})).count;
@@ -61,7 +61,7 @@ export default class RestApi {
     return { list, count }
   }
 
-  async update (id, data, oldData) {
+  async update(id, data, oldData) {
     const res = await this.$axios({
       method: 'put',
       url: `/nc/${this.$ctx.$route.params.project_id}/api/v1/${this.table}/${id}`,
@@ -79,7 +79,7 @@ export default class RestApi {
     return res
   }
 
-  async insert (data) {
+  async insert(data) {
     return (await this.$axios({
       method: 'post',
       url: `/nc/${this.$ctx.$route.params.project_id}/api/v1/${this.table}`,
@@ -87,18 +87,18 @@ export default class RestApi {
     })).data
   }
 
-  async delete (id) {
+  async delete(id) {
     return this.$axios({
       method: 'delete',
       url: `/nc/${this.$ctx.$route.params.project_id}/api/v1/${this.table}/${id}`
     })
   }
 
-  get $axios () {
+  get $axios() {
     return this.$ctx.$axios
   }
 
-  get apiUrl () {
+  get apiUrl() {
     return `${process.env.NODE_ENV === 'production'
       ? `${window.location.protocol}//${window.location.hostname}${window.location.port ? `:${window.location.port}` : ''}`
       : 'http://localhost:8080'}/nc/${this.$ctx.$route.params.project_id}/api/v1/${this.table}`
diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell/attachmentCell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell/attachmentCell.vue
index f4d11580a2..fc12e2a781 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/cell/attachmentCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell/attachmentCell.vue
@@ -48,7 +48,7 @@ export default {
     dragOver: false
   }),
   computed: {
-    localState () {
+    localState() {
       try {
         return JSON.parse(this.value) || []
       } catch (e) {
diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell/enumCell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell/enumCell.vue
index e679eda23d..70cfcb5800 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/cell/enumCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell/enumCell.vue
@@ -18,7 +18,7 @@ export default {
   name: 'EnumCell',
   props: ['value', 'column'],
   computed: {
-    colors () {
+    colors() {
       const col = this.$store.state.windows.darkTheme ? colors.dark : colors.light
       if (this.column && this.column.dtxp) {
         return this.column.dtxp.split(',').map(v => v.replace(/^'|'$/g, '')).reduce((obj, v, i) => ({
diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell/setListCell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell/setListCell.vue
index 43a48bff51..0c7e2811a9 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/cell/setListCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell/setListCell.vue
@@ -21,7 +21,7 @@ export default {
   props: ['value', 'column'],
   computed: {
 
-    setValues () {
+    setValues() {
       if (this.column && this.column.dtxp) {
         return this.column.dtxp.split(',').map(v => v.replace(/^'|'$/g, ''))
       }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/columnFilter.vue b/packages/nc-gui/components/project/spreadsheet/components/columnFilter.vue
index b51ed255ab..535076dad3 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/columnFilter.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/columnFilter.vue
@@ -143,20 +143,20 @@ export default {
   }),
   watch: {
     filters: {
-      handler (v) {
+      handler(v) {
         this.$emit('input', v)
       },
       deep: true
     },
-    value (v) {
+    value(v) {
       this.filters = v || []
     }
   },
-  created () {
+  created() {
     this.filters = this.value || []
   },
   methods: {
-    addFilter () {
+    addFilter() {
       this.filters.push({
         field: '',
         op: '',
diff --git a/packages/nc-gui/components/project/spreadsheet/components/columnFilterMenu.vue b/packages/nc-gui/components/project/spreadsheet/components/columnFilterMenu.vue
index 1c0d989d05..28ee726029 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/columnFilterMenu.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/columnFilterMenu.vue
@@ -63,33 +63,33 @@ export default {
   }),
   computed: {
     autosave: {
-      set (v) {
+      set(v) {
         this.$store.commit('windows/MutAutoApplyFilter', v)
       },
-      get () {
+      get() {
         return this.$store.state.windows.autoApplyFilter
       }
     }
   },
   watch: {
     filters: {
-      handler (v) {
+      handler(v) {
         if (this.autosave) {
           this.$emit('input', v)
         }
       },
       deep: true
     },
-    autosave (v) {
+    autosave(v) {
       if (!v) {
         this.filters = JSON.parse(JSON.stringify(this.value || []))
       }
     },
-    value (v) {
+    value(v) {
       this.filters = this.autosave ? v || [] : JSON.parse(JSON.stringify(v || []))
     }
   },
-  created () {
+  created() {
     this.filters = this.autosave ? this.value || [] : JSON.parse(JSON.stringify(this.value || []))
   },
   methods: {}
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editColumn.vue b/packages/nc-gui/components/project/spreadsheet/components/editColumn.vue
index 0706e16e3b..e274b4e37e 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editColumn.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editColumn.vue
@@ -381,46 +381,46 @@ export default {
     formulas: ['AVERAGE()', 'COUNT()', 'COUNTA()', 'COUNTALL()', 'SUM()', 'MIN()', 'MAX()', 'AND()', 'OR()', 'TRUE()', 'FALSE()', 'NOT()', 'XOR()', 'ISERROR()', 'IF()', 'LEN()', 'MID()', 'LEFT()', 'RIGHT()', 'FIND()', 'CONCATENATE()', 'T()', 'VALUE()', 'ARRAYJOIN()', 'ARRAYUNIQUE()', 'ARRAYCOMPACT()', 'ARRAYFLATTEN()', 'ROUND()', 'ROUNDUP()', 'ROUNDDOWN()', 'INT()', 'EVEN()', 'ODD()', 'MOD()', 'LOG()', 'EXP()', 'POWER()', 'SQRT()', 'CEILING()', 'FLOOR()', 'ABS()', 'RECORD_ID()', 'CREATED_TIME()', 'ERROR()', 'BLANK()', 'YEAR()', 'MONTH()', 'DAY()', 'HOUR()', 'MINUTE()', 'SECOND()', 'TODAY()', 'NOW()', 'WORKDAY()', 'DATETIME_PARSE()', 'DATETIME_FORMAT()', 'SET_LOCALE()', 'SET_TIMEZONE()', 'DATESTR()', 'TIMESTR()', 'TONOW()', 'FROMNOW()', 'DATEADD()', 'WEEKDAY()', 'WEEKNUM()', 'DATETIME_DIFF()', 'WORKDAY_DIFF()', 'IS_BEFORE()', 'IS_SAME()', 'IS_AFTER()', 'REPLACE()', 'REPT()', 'LOWER()', 'UPPER()', 'TRIM()', 'SUBSTITUTE()', 'SEARCH()', 'SWITCH()', 'LAST_MODIFIED_TIME()', 'ENCODE_URL_COMPONENT()', 'REGEX_EXTRACT()', 'REGEX_MATCH()', 'REGEX_REPLACE()']
   }),
   computed: {
-    isEditDisabled () {
+    isEditDisabled() {
       return this.editColumn && this.sqlUi === SqliteUi
     },
-    isSQLite () {
+    isSQLite() {
       return this.sqlUi === SqliteUi
     },
-    isMSSQL () {
+    isMSSQL() {
       return this.sqlUi === MssqlUi
     },
-    dataTypes () {
+    dataTypes() {
       return this.sqlUi.getDataTypeListForUiType(this.newColumn)
     },
-    isSelect () {
+    isSelect() {
       return this.newColumn && (this.newColumn.uidt === 'MultiSelect' ||
         this.newColumn.uidt === 'SingleSelect')
     },
-    isRelation () {
+    isRelation() {
       return this.newColumn && this.newColumn.uidt === 'ForeignKey'
     },
-    isLinkToAnotherRecord () {
+    isLinkToAnotherRecord() {
       return this.newColumn && this.newColumn.uidt === 'LinkToAnotherRecord'
     },
-    relation () {
+    relation() {
       return this.meta && this.column && this.meta.belongsTo && this.meta.belongsTo.find(bt => bt.cn === this.column.cn)
     }
   },
   watch: {
-    column () {
+    column() {
       this.genColumnData()
     }
   },
-  async created () {
+  async created() {
     this.genColumnData()
     // await this.loadDataTypes();
   },
-  mounted () {
+  mounted() {
     this.focusInput()
   },
   methods: {
-    onRelColumnSelect (colMeta) {
+    onRelColumnSelect(colMeta) {
       Object.assign(this.newColumn, {
         dt: colMeta.dt,
         dtxp: colMeta.dtxp,
@@ -428,7 +428,7 @@ export default {
         un: colMeta.un
       })
     },
-    genColumnData () {
+    genColumnData() {
       this.newColumn = this.column ? { ...this.column } : this.sqlUi.getNewColumn(this.meta.columns.length + 1)
       this.newColumn.cno = this.newColumn.cn
     },
@@ -447,11 +447,11 @@ export default {
           }
         },
         */
-    close () {
+    close() {
       this.$emit('close')
       this.newColumn = {}
     },
-    async save () {
+    async save() {
       if (!this.$refs.form.validate()) {
         return
       }
@@ -501,7 +501,7 @@ export default {
 
       this.$emit('close')
     },
-    onDataTypeChange () {
+    onDataTypeChange() {
       this.newColumn.rqd = false
       this.newColumn.pk = false
       this.newColumn.ai = false
@@ -516,7 +516,7 @@ export default {
 
       this.newColumn.altered = this.newColumn.altered || 2
     },
-    onUiTypeChange () {
+    onUiTypeChange() {
       const colProp = this.sqlUi.getDataTypeForUiType(this.newColumn)
       this.newColumn = {
         ...this.newColumn,
@@ -534,14 +534,14 @@ export default {
 
       this.newColumn.altered = this.newColumn.altered || 2
     },
-    focusInput () {
+    focusInput() {
       setTimeout(() => {
         if (this.$refs.column && this.$refs.column.$el) {
           this.$refs.column.$el.querySelector('input').focus()
         }
       }, 100)
     },
-    async deleteRelation (action = '', column) {
+    async deleteRelation(action = '', column) {
       try {
         if (action === 'showDialog') {
           this.relationDeleteDlg = true
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editColumn/customSelectOptions.vue b/packages/nc-gui/components/project/spreadsheet/components/editColumn/customSelectOptions.vue
index d37cc3a5c1..e59855d0cb 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editColumn/customSelectOptions.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editColumn/customSelectOptions.vue
@@ -37,26 +37,26 @@ export default {
     localState: []
   }),
   computed: {
-    colors () {
+    colors() {
       return this.$store.state.windows.darkTheme ? colors.dark : colors.light
     }
   },
   watch: {
     localState: {
-      handler (v) {
+      handler(v) {
         this.$emit('input', v.map(v => `'${v}'`).join(','))
       },
       deep: true
     },
-    value () {
+    value() {
       this.syncState()
     }
   },
-  mounted () {
+  mounted() {
     this.syncState()
   },
   methods: {
-    syncState () {
+    syncState() {
       this.localState = (this.value || '').split(',').map(v => v.replace(/^'|'$/g, ''))
     }
   }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editColumn/linkedToAnotherOptions.vue b/packages/nc-gui/components/project/spreadsheet/components/editColumn/linkedToAnotherOptions.vue
index da736215eb..e88345ad21 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editColumn/linkedToAnotherOptions.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editColumn/linkedToAnotherOptions.vue
@@ -119,7 +119,7 @@ export default {
     isRefColumnsLoading: false
   }),
   computed: {
-    onUpdateDeleteOptions () {
+    onUpdateDeleteOptions() {
       if (this.isMSSQL) {
         return ['NO ACTION']
       }
@@ -131,7 +131,7 @@ export default {
         'SET DEFAULT'
       ]
     },
-    tableRules () {
+    tableRules() {
       return [
         v => !!v || 'Required',
         (v) => {
@@ -149,7 +149,7 @@ export default {
       ]
     }
   },
-  async created () {
+  async created() {
     await this.loadTablesList()
     this.relation = {
       childColumn: `${this.meta.tn}_id`,
@@ -163,7 +163,7 @@ export default {
     }
   },
   methods: {
-    async loadColumnList () {
+    async loadColumnList() {
       this.isRefColumnsLoading = true
       const result = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
@@ -186,7 +186,7 @@ export default {
 
       this.isRefColumnsLoading = false
     },
-    async loadTablesList () {
+    async loadTablesList() {
       this.isRefTablesLoading = true
 
       const result = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
@@ -197,7 +197,7 @@ export default {
       this.refTables = result.data.list.map(({ tn, _tn }) => ({ tn, _tn }))
       this.isRefTablesLoading = false
     },
-    async saveManyToMany () {
+    async saveManyToMany() {
       // try {
       // todo: toast
       await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
@@ -218,7 +218,7 @@ export default {
       //   throw e
       // }
     },
-    async saveRelation () {
+    async saveRelation() {
       if (this.type === 'mm') {
         await this.saveManyToMany()
         return
@@ -281,7 +281,7 @@ export default {
       //   throw e
       // }
     },
-    onColumnSelect () {
+    onColumnSelect() {
       const col = this.refColumns.find(c => this.relation.parentColumn === c.cn)
       this.$emit('onColumnSelect', col)
     }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editColumn/relationOptions.vue b/packages/nc-gui/components/project/spreadsheet/components/editColumn/relationOptions.vue
index 1be21ed5f4..ff3bb63af4 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editColumn/relationOptions.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editColumn/relationOptions.vue
@@ -102,7 +102,7 @@ export default {
   }),
   computed: {
 
-    onUpdateDeleteOptions () {
+    onUpdateDeleteOptions() {
       if (this.isMSSQL) {
         return [
           'NO ACTION']
@@ -117,14 +117,14 @@ export default {
     }
   },
   watch: {
-    'column.cn' (c) {
+    'column.cn'(c) {
       this.$set(this.relation, 'childColumn', c)
     },
-    isSQLite (v) {
+    isSQLite(v) {
       this.$set(this.relation, 'type', v ? 'virtual' : 'real')
     }
   },
-  async created () {
+  async created() {
     await this.loadTablesList()
     this.relation = {
       childColumn: this.column.cn,
@@ -137,11 +137,11 @@ export default {
       type: this.isSQLite ? 'virtual' : 'real'
     }
   },
-  mounted () {
+  mounted() {
     this.$set(this.relation, 'type', this.isSqlite ? 'virtual' : 'real')
   },
   methods: {
-    async loadColumnList () {
+    async loadColumnList() {
       if (!this.relation.parentTable) { return }
       this.isRefColumnsLoading = true
 
@@ -166,7 +166,7 @@ export default {
 
       this.isRefColumnsLoading = false
     },
-    async loadTablesList () {
+    async loadTablesList() {
       this.isRefTablesLoading = true
 
       const result = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
@@ -177,7 +177,7 @@ export default {
       this.refTables = result.data.list.map(({ tn, _tn }) => ({ tn, _tn }))
       this.isRefTablesLoading = false
     },
-    async saveRelation () {
+    async saveRelation() {
       // try {
       await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
         {
@@ -191,7 +191,7 @@ export default {
       //   throw e
       // }
     },
-    onColumnSelect () {
+    onColumnSelect() {
       const col = this.refColumns.find(c => this.relation.parentColumn === c.cn)
       this.$emit('onColumnSelect', col)
     }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editVirtualColumn.vue b/packages/nc-gui/components/project/spreadsheet/components/editVirtualColumn.vue
index 0a4e218432..173e86c301 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editVirtualColumn.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editVirtualColumn.vue
@@ -55,21 +55,21 @@ export default {
     newColumn: {}
   }),
   watch: {
-    column (c) {
+    column(c) {
       this.newColumn = { ...c }
     }
   },
-  async created () {
+  async created() {
   },
-  mounted () {
+  mounted() {
     this.newColumn = { ...this.column }
   },
   methods: {
-    close () {
+    close() {
       this.$emit('input', false)
       this.newColumn = {}
     },
-    async save () {
+    async save() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           env: this.nodes.env,
@@ -89,7 +89,7 @@ export default {
       this.$emit('input', false)
     },
 
-    focusInput () {
+    focusInput() {
       setTimeout(() => {
         if (this.$refs.column && this.$refs.column.$el) {
           this.$refs.column.$el.querySelector('input').focus()
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell.vue
index 9d63a63298..bb07b3a5fa 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell.vue
@@ -157,20 +157,20 @@ export default {
     destroyed: false
   }),
 
-  mounted () {
+  mounted() {
     // this.$refs.input.focus();
   },
-  beforeDestroy () {
+  beforeDestroy() {
     if (this.changed && !(this.isAttachment || this.isEnum || this.isBoolean || this.isSet || this.isTime)) {
       this.$emit('change')
     }
     this.destroyed = true
   },
   methods: {
-    syncDataDebounce: debounce(async function (self) {
+    syncDataDebounce: debounce(async function(self) {
       await self.syncData()
     }, 1000),
-    syncData () {
+    syncData() {
       if (!this.destroyed) {
         this.$emit('update')
       }
@@ -178,16 +178,16 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.changed = true
         this.$emit('input', val)
         this.syncDataDebounce(this)
       }
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/booleanCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/booleanCell.vue
index 8566b43f79..ad08d5538f 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/booleanCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/booleanCell.vue
@@ -13,16 +13,16 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
         // this.$emit('update');
       }
     },
 
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -35,7 +35,7 @@ export default {
       return $listeners
     }
   },
-  mounted () {
+  mounted() {
     this.$el.focus()
   }
 }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/datePickerCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/datePickerCell.vue
index f610035db0..82bef51d51 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/datePickerCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/datePickerCell.vue
@@ -20,14 +20,14 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return typeof this.value === 'string' ? this.value.replace(/(\d)T(?=\d)/, '$1 ') : (this.value && new Date(this.value))
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val && new Date(val).toJSON().slice(0, 10))
       }
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -40,7 +40,7 @@ export default {
       return $listeners
     }
   },
-  mounted () {
+  mounted() {
     if (this.$el && this.$el.$el) {
       this.$el.$el.focus()
     }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/dateTimePickerCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/dateTimePickerCell.vue
index ee94889652..fc6523c61c 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/dateTimePickerCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/dateTimePickerCell.vue
@@ -24,7 +24,7 @@ export default {
   props: ['value', 'ignoreFocus'],
   computed: {
     localState: {
-      get () {
+      get() {
         // todo : time value correction
 
         if (/^\d{6,}$/.test(this.value)) {
@@ -33,12 +33,12 @@ export default {
 
         return /\dT\d/.test(this.value) ? new Date(this.value.replace(/(\d)T(?=\d)/, '$1 ')) : (this.value && new Date(this.value))
       },
-      set (val) {
+      set(val) {
         const uVal = val && new Date(val).toISOString().slice(0, 19).replace('T', ' ').replace(/(\d{1,2}:\d{1,2}):\d{1,2}$/, '$1')
         this.$emit('input', uVal)
       }
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -51,7 +51,7 @@ export default {
       return $listeners
     }
   },
-  mounted () {
+  mounted() {
     if (!this.ignoreFocus) {
       this.$refs.picker.display = true
     }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/editableAttachmentCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/editableAttachmentCell.vue
index 5822ab49fa..e55bc45acb 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/editableAttachmentCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/editableAttachmentCell.vue
@@ -223,7 +223,7 @@ export default {
     dragOver: false
   }),
   watch: {
-    value (val, prev) {
+    value(val, prev) {
       try {
         this.localState = (typeof val === 'string' && val !== prev ? JSON.parse(val) : val) || []
       } catch (e) {
@@ -236,7 +236,7 @@ export default {
     //   }
     // }
   },
-  created () {
+  created() {
     try {
       this.localState = (typeof this.value === 'string' ? JSON.parse(this.value) : this.value) || []
     } catch (e) {
@@ -244,30 +244,30 @@ export default {
     }
     document.addEventListener('keydown', this.onArrowDown)
   },
-  beforeDestroy () {
+  beforeDestroy() {
     document.removeEventListener('keydown', this.onArrowDown)
   },
-  mounted () {
+  mounted() {
   },
   methods: {
-    openUrl (url, target) {
+    openUrl(url, target) {
       window.open(url, target)
     },
     isImage,
-    hideIfVisible () {
+    hideIfVisible() {
       if (this.showImage) {
         this.showImage = false
       }
     },
-    selectImage (selectedImage, i) {
+    selectImage(selectedImage, i) {
       this.carousel = i
       this.selectedImage = selectedImage
       this.showImage = true
     },
-    addFile () {
+    addFile() {
       if (!this.isLocked) { this.$refs.file.click() }
     },
-    async onFileSelection () {
+    async onFileSelection() {
       if (!this.$refs.file.files || !this.$refs.file.files.length) {
         return
       }
@@ -289,12 +289,12 @@ export default {
       this.$emit('input', JSON.stringify(this.localState))
       this.$emit('update')
     },
-    removeItem (i) {
+    removeItem(i) {
       this.localState.splice(i, 1)
       this.$emit('input', JSON.stringify(this.localState))
       this.$emit('update')
     },
-    onArrowDown (e) {
+    onArrowDown(e) {
       if (!this.showImage) { return }
       e = e || window.event
       // eslint-disable-next-line eqeqeq
@@ -305,7 +305,7 @@ export default {
         this.carousel = ++this.carousel % this.localState.length
       }
     },
-    async onFileDrop (e) {
+    async onFileDrop(e) {
       this.dragOver = false
       this.$refs.file.files = e.dataTransfer.files
       await this.onFileSelection()
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/enumListEditableCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/enumListEditableCell.vue
index cfb79e9826..b4e6f1847f 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/enumListEditableCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/enumListEditableCell.vue
@@ -50,21 +50,21 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
         this.$emit('update')
       }
     },
-    enumValues () {
+    enumValues() {
       if (this.column && this.column.dtxp) {
         return this.column.dtxp.split(',').map(v => v.replace(/^'|'$/g, ''))
       }
       return []
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -77,7 +77,7 @@ export default {
       return $listeners
     }
   },
-  mounted () {
+  mounted() {
     // this.$el.focus();
     // let event;
     // event = document.createEvent('MouseEvents');
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/enumRadioEditableCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/enumRadioEditableCell.vue
index 9ef673c914..48339f2bd0 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/enumRadioEditableCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/enumRadioEditableCell.vue
@@ -25,25 +25,25 @@ export default {
     column: Object
   },
   computed: {
-    colors () {
+    colors() {
       return this.$store.state.windows.darkTheme ? colors.dark : colors.light
     },
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
         this.$emit('update')
       }
     },
-    enumValues () {
+    enumValues() {
       if (this.column && this.column.dtxp) {
         return this.column.dtxp.split(',').map(v => v.replace(/^'|'$/g, ''))
       }
       return []
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -55,7 +55,7 @@ export default {
       return $listeners
     }
   },
-  mounted () {
+  mounted() {
     // this.$el.focus();
     // let event;
     // event = document.createEvent('MouseEvents');
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/floatCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/floatCell.vue
index 8e8131cf82..c8d1cc0266 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/floatCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/floatCell.vue
@@ -10,14 +10,14 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', +val)
       }
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -30,7 +30,7 @@ export default {
       return $listeners
     }
   },
-  mounted () {
+  mounted() {
     this.$el.focus()
   }
 }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/integerCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/integerCell.vue
index 0fd1e41036..de6dd22fc7 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/integerCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/integerCell.vue
@@ -10,14 +10,14 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', parseInt(val, 10))
       }
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -30,7 +30,7 @@ export default {
       return $listeners
     }
   },
-  mounted () {
+  mounted() {
     this.$el.focus()
   }
 }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/jsonCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/jsonCell.vue
index b94b7b4d0e..77456d70c2 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/jsonCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/jsonCell.vue
@@ -31,7 +31,7 @@ export default {
   }),
   computed: {
 
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -45,22 +45,22 @@ export default {
     }
   },
   watch: {
-    value (val) {
+    value(val) {
       this.localState = typeof val === 'string' ? JSON.parse(val) : val
     },
-    localState (val) {
+    localState(val) {
       if (this.isForm) {
         this.$emit('input', JSON.stringify(val))
       }
     }
   },
-  created () {
+  created() {
     this.localState = typeof this.value === 'string' ? JSON.parse(this.value) : this.value
   },
-  mounted () {
+  mounted() {
   },
   methods: {
-    save () {
+    save() {
       this.$emit('input', JSON.stringify(this.localState))
     }
   }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/setListCheckboxCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/setListCheckboxCell.vue
index 1ab1849d90..887391cbc6 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/setListCheckboxCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/setListCheckboxCell.vue
@@ -25,28 +25,28 @@ export default {
     column: Object,
     values: Array
   },
-  data () {
+  data() {
   },
   computed: {
-    colors () {
+    colors() {
       return this.$store.state.windows.darkTheme ? colors.dark : colors.light
     },
     localState: {
-      get () {
+      get() {
         return (this.value && this.value.split(',')) || []
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val.join(','))
         this.$emit('update')
       }
     },
-    setValues () {
+    setValues() {
       if (this.column && this.column.dtxp) {
         return this.column.dtxp.split(',').map(v => v.replace(/^'|'$/g, ''))
       }
       return this.values || []
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -59,7 +59,7 @@ export default {
       return $listeners
     }
   },
-  mounted () {
+  mounted() {
     this.$el.focus()
     const event = document.createEvent('MouseEvents')
     event.initMouseEvent('mousedown', true, true, window)
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/setListEditableCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/setListEditableCell.vue
index 6e76edc730..ac222f71fa 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/setListEditableCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/setListEditableCell.vue
@@ -54,21 +54,21 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value && this.value.split(',')
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val.filter(v => this.setValues.includes(v)).join(','))
         this.$emit('update')
       }
     },
-    setValues () {
+    setValues() {
       if (this.column && this.column.dtxp) {
         return this.column.dtxp.split(',').map(v => v.replace(/^'|'$/g, ''))
       }
       return []
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -81,7 +81,7 @@ export default {
       return $listeners
     }
   },
-  mounted () {
+  mounted() {
     // this.$el.focus();
     // let event;
     // event = document.createEvent('MouseEvents');
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCell.vue
index 0ee7f0c464..348244b961 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCell.vue
@@ -18,14 +18,14 @@ export default {
   computed: {
 
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -38,10 +38,10 @@ export default {
       return $listeners
     }
   },
-  created () {
+  created() {
     this.localState = this.value
   },
-  mounted () {
+  mounted() {
     this.$refs.textarea && this.$refs.textarea.focus()
   }
 }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCellOld.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCellOld.vue
index 8e7a1eb3e6..1adb4c2a70 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCellOld.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCellOld.vue
@@ -32,7 +32,7 @@ export default {
   }),
   computed: {
 
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -46,23 +46,23 @@ export default {
     }
   },
   watch: {
-    value (val) {
+    value(val) {
       this.localState = val
     },
-    localState (val) {
+    localState(val) {
       if (this.isForm) {
         this.$emit('input', val)
       }
     }
   },
-  created () {
+  created() {
     this.localState = this.value
   },
-  mounted () {
+  mounted() {
     this.$refs.textarea && this.$refs.textarea.focus()
   },
   methods: {
-    save () {
+    save() {
       this.$emit('input', this.localState)
     }
   }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/textCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/textCell.vue
index 3533d203a3..fcd21894c9 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/textCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/textCell.vue
@@ -10,14 +10,14 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -34,7 +34,7 @@ export default {
       return $listeners
     }
   },
-  mounted () {
+  mounted() {
     this.$el.focus()
   }
 }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/timePickerCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/timePickerCell.vue
index 16170e7cc6..9502afd447 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/timePickerCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/timePickerCell.vue
@@ -20,14 +20,14 @@ export default {
   },
   computed: {
     localState: {
-      get () {
+      get() {
         return typeof this.value === 'string' ? this.value.replace(/(\d)T(?=\d)/, '$1 ') : this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', (new Date(val).toJSON() || '').slice(0, 10) || val)
       }
     },
-    parentListeners () {
+    parentListeners() {
       const $listeners = {}
 
       if (this.$listeners.blur) {
@@ -44,7 +44,7 @@ export default {
       return $listeners
     }
   },
-  mounted () {
+  mounted() {
     if (this.$el && this.$el.$el) {
       this.$el.$el.focus()
     }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue b/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
index 184cbed442..2dd7eec33f 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
@@ -251,7 +251,7 @@ export default {
   props: {
     breadcrumbs: {
       type: Array,
-      default () {
+      default() {
         return []
       }
     },
@@ -275,7 +275,7 @@ export default {
     queryParams: Object,
     disabledColumns: {
       type: Object,
-      default () {
+      default() {
         return {}
       }
     }
@@ -292,13 +292,13 @@ export default {
     showSystemFields: false
   }),
   computed: {
-    primaryKey () {
+    primaryKey() {
       return this.isNew ? '' : this.meta.columns.filter(c => c.pk).map(c => this.localState[c._cn]).join('___')
     },
-    edited () {
+    edited() {
       return !!Object.keys(this.changedColumns).length
     },
-    fields () {
+    fields() {
       if (this.availableColumns) { return this.availableColumns }
 
       const hideCols = ['created_at', 'updated_at']
@@ -311,44 +311,44 @@ export default {
         ) || []
       }
     },
-    isChanged () {
+    isChanged() {
       return Object.values(this.changedColumns).some(Boolean)
     },
-    localBreadcrumbs () {
+    localBreadcrumbs() {
       return [...this.breadcrumbs, `${this.table} (${this.localState && this.localState[this.primaryValueColumn]})`]
     }
   },
   watch: {
-    value (obj) {
+    value(obj) {
       this.localState = { ...obj }
       if (!this.isNew && this.toggleDrawer) {
         this.getAuditsAndComments()
       }
     },
-    isNew (n) {
+    isNew(n) {
       if (!n && this.toggleDrawer) {
         this.getAuditsAndComments()
       }
     },
-    meta () {
+    meta() {
       if (!this.isNew && this.toggleDrawer) {
         this.getAuditsAndComments()
       }
     },
-    toggleDrawer (td) {
+    toggleDrawer(td) {
       if (td) {
         this.getAuditsAndComments()
       }
     }
   },
-  created () {
+  created() {
     this.localState = { ...this.value }
     if (!this.isNew && this.toggleDrawer) {
       this.getAuditsAndComments()
     }
   },
   methods: {
-    isRequired (_columnObj, rowObj) {
+    isRequired(_columnObj, rowObj) {
       let columnObj = _columnObj
       if (columnObj.bt) {
         columnObj = this.meta.columns.find(c => c.cn === columnObj.bt.cn)
@@ -358,14 +358,14 @@ export default {
         (rowObj[columnObj._cn] === undefined || rowObj[columnObj._cn] === null) &&
         !columnObj.default)
     },
-    updateCol (_row, _cn, pid) {
+    updateCol(_row, _cn, pid) {
       this.$set(this.localState, _cn, pid)
       this.$set(this.changedColumns, _cn, true)
     },
-    isYou (email) {
+    isYou(email) {
       return this.$store.state.users.user && this.$store.state.users.user.email === email
     },
-    async getAuditsAndComments () {
+    async getAuditsAndComments() {
       this.loadingLogs = true
       const data = await this.$store.dispatch('sqlMgr/ActSqlOp', [{ dbAlias: this.dbAlias }, 'xcModelRowAuditAndCommentList', {
         model_id: this.meta.columns.filter(c => c.pk).map(c => this.localState[c._cn]).join('___'),
@@ -374,7 +374,7 @@ export default {
       this.logs = data.list
       this.loadingLogs = false
     },
-    async save () {
+    async save() {
       try {
         const id = this.meta.columns.filter(c => c.pk).map(c => this.localState[c._cn]).join('___')
 
@@ -413,7 +413,7 @@ export default {
         this.$toast.error(`Failed to update row : ${e.message}`).goAway(3000)
       }
     },
-    async reload () {
+    async reload() {
       // const id = this.meta.columns.filter((c) => c.pk).map(c => this.localState[c._cn]).join('___');
       const where = this.meta.columns.filter(c => c.pk).map(c => `(${c._cn},eq,${this.localState[c._cn]})`).join('~and')
       this.$set(this, 'changedColumns', {})
@@ -424,10 +424,10 @@ export default {
         this.getAuditsAndComments()
       }
     },
-    calculateDiff (date) {
+    calculateDiff(date) {
       return dayjs.utc(date).fromNow()
     },
-    async saveComment () {
+    async saveComment() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [
           { dbAlias: this.dbAlias },
diff --git a/packages/nc-gui/components/project/spreadsheet/components/extras.vue b/packages/nc-gui/components/project/spreadsheet/components/extras.vue
index 53f7168591..13c270a7f3 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/extras.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/extras.vue
@@ -75,7 +75,7 @@ export default {
   data: () => ({
     showCommunity: true
   }),
-  mounted () {
+  mounted() {
     setInterval(() => {
       this.showCommunity = !this.showCommunity
     }, 60000)
diff --git a/packages/nc-gui/components/project/spreadsheet/components/fieldsMenu.vue b/packages/nc-gui/components/project/spreadsheet/components/fieldsMenu.vue
index 408afb875a..9613b97202 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/fieldsMenu.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/fieldsMenu.vue
@@ -126,42 +126,42 @@ export default {
     fieldsOrderLoc: []
   }),
   computed: {
-    columnMeta () {
+    columnMeta() {
       return this.meta && this.meta.columns ? this.meta.columns.reduce((o, c) => ({ ...o, [c._cn]: c }), {}) : {}
     },
 
-    isAnyFieldHidden () {
+    isAnyFieldHidden() {
       return Object.values(this.showFields).some(v => !v)
     },
     showSystemFieldsLoc: {
-      get () {
+      get() {
         return this.showSystemFields
       },
-      set (v) {
+      set(v) {
         this.$emit('update:showSystemFields', v)
       }
     }
   },
   watch: {
-    fieldList (f) {
+    fieldList(f) {
       this.fieldsOrderLoc = [...f]
     },
     showFields: {
-      handler (v) {
+      handler(v) {
         this.$emit('input', v)
       },
       deep: true
     },
-    value (v) {
+    value(v) {
       this.showFields = v || []
     },
-    fieldsOrder (n, o) {
+    fieldsOrder(n, o) {
       if ((n && n.join()) !== (o && o.join())) {
         this.fieldsOrderLoc = n
       }
     },
     fieldsOrderLoc: {
-      handler (n, o) {
+      handler(n, o) {
         if ((n && n.join()) !== (o && o.join())) {
           this.$emit('update:fieldsOrder', n)
         }
@@ -169,16 +169,16 @@ export default {
       deep: true
     }
   },
-  created () {
+  created() {
     this.showFields = this.value
     this.fieldsOrderLoc = this.fieldsOrder
   },
   methods: {
-    showAll () {
+    showAll() {
       // eslint-disable-next-line no-return-assign,no-sequences
       this.showFields = Object.keys(this.showFields).reduce((o, k) => (o[k] = true, o), {})
     },
-    hideAll () {
+    hideAll() {
       // eslint-disable-next-line no-return-assign,no-sequences
       this.showFields = Object.keys(this.showFields).reduce((o, k) => (o[k] = false, o), {})
     }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue b/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue
index d8234e292e..076ae3af95 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue
@@ -144,7 +144,7 @@ export default {
     columnDeleteDialog: false
   }),
   methods: {
-    async deleteColumn () {
+    async deleteColumn() {
       try {
         const column = { ...this.column, cno: this.column.cn }
         column.altered = 4
@@ -164,7 +164,7 @@ export default {
         console.log(e)
       }
     },
-    async setAsPrimaryValue () {
+    async setAsPrimaryValue() {
       // todo: pass only updated fields
       try {
         const meta = JSON.parse(JSON.stringify(this.meta))
diff --git a/packages/nc-gui/components/project/spreadsheet/components/lockMenu.vue b/packages/nc-gui/components/project/spreadsheet/components/lockMenu.vue
index 99daf12ba7..46c3caae99 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/lockMenu.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/lockMenu.vue
@@ -85,7 +85,7 @@ export default {
 
   }),
   methods: {
-    changeLockType (type) {
+    changeLockType(type) {
       if (type === 'personal') {
         return this.$toast.info('Coming soon').goAway(3000)
       }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/pagination.vue b/packages/nc-gui/components/project/spreadsheet/components/pagination.vue
index a11d09173f..4d218b8dde 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/pagination.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/pagination.vue
@@ -41,11 +41,11 @@ export default {
     page: 1
   }),
   watch: {
-    value (v) {
+    value(v) {
       this.page = v
     }
   },
-  mounted () {
+  mounted() {
     this.page = this.value
   }
 }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/sharedViewsList.vue b/packages/nc-gui/components/project/spreadsheet/components/sharedViewsList.vue
index efb6a2ad01..834a2ee5fb 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/sharedViewsList.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/sharedViewsList.vue
@@ -50,20 +50,20 @@ export default {
     viewsList: null
   }),
   computed: {
-    origin () {
+    origin() {
       return location.origin
     }
   },
-  created () {
+  created() {
     this.loadSharedViewsList()
   },
   methods: {
-    async loadSharedViewsList () {
+    async loadSharedViewsList() {
       this.viewsList = await this.$store.dispatch('sqlMgr/ActSqlOp', [{ dbAlias: this.nodes.dbAlias }, 'listSharedViewLinks', {
         model_name: this.modelName
       }])
     },
-    async deleteLink (id) {
+    async deleteLink(id) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{ dbAlias: this.nodes.dbAlias }, 'deleteSharedViewLink', {
           id
diff --git a/packages/nc-gui/components/project/spreadsheet/components/sortListMenu.vue b/packages/nc-gui/components/project/spreadsheet/components/sortListMenu.vue
index 99e7f3d0ae..2df23745bf 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/sortListMenu.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/sortListMenu.vue
@@ -85,20 +85,20 @@ export default {
   }),
   watch: {
     sortList: {
-      handler (v) {
+      handler(v) {
         this.$emit('input', v)
       },
       deep: true
     },
-    value (v) {
+    value(v) {
       this.sortList = v || []
     }
   },
-  created () {
+  created() {
     this.filters = this.value || []
   },
   methods: {
-    addSort () {
+    addSort() {
       this.sortList.push({
         field: '',
         order: ''
diff --git a/packages/nc-gui/components/project/spreadsheet/components/spreadsheetNavDrawer.vue b/packages/nc-gui/components/project/spreadsheet/components/spreadsheetNavDrawer.vue
index 39575a1a7a..465fa9be5b 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/spreadsheetNavDrawer.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/spreadsheetNavDrawer.vue
@@ -540,10 +540,10 @@ export default {
   }),
   computed: {
     selectedViewIdLocal: {
-      get () {
+      get() {
         return this.selectedViewId
       },
-      set (id) {
+      set(id) {
         const selectedView = this.viewsList && this.viewsList.find(v => v.id === id)
         let queryParams = {}
 
@@ -572,26 +572,26 @@ export default {
     }
   },
   watch: {
-    async load (v) {
+    async load(v) {
       if (v) {
         await this.loadViews()
       }
     }
   },
-  async created () {
+  async created() {
     if (this.load) {
       await this.loadViews()
     }
   },
   methods: {
-    hideMiniSponsorCard () {
+    hideMiniSponsorCard() {
       this.$store.commit('windows/MutMiniSponsorCard', Date.now())
     },
-    openCreateViewDlg (type) {
+    openCreateViewDlg(type) {
       this.createViewType = type
       this.showCreateView = true
     },
-    isCentrallyAligned (col) {
+    isCentrallyAligned(col) {
       return ![
         'SingleLineText',
         'LongText',
@@ -605,13 +605,13 @@ export default {
         'LastModifiedTime'
       ].includes(col.uidt)
     },
-    onPasswordProtectChange () {
+    onPasswordProtectChange() {
       if (!this.passwordProtect) {
         this.shareLink.password = null
         this.saveShareLinkPassword()
       }
     },
-    async saveShareLinkPassword () {
+    async saveShareLinkPassword() {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [
           { dbAlias: this.nodes.dbAlias },
@@ -626,7 +626,7 @@ export default {
         this.$toast.error(e.message).goAway(3000)
       }
     },
-    async loadViews () {
+    async loadViews() {
       this.viewsList = await this.sqlOp(
         {
           dbAlias: this.nodes.dbAlias
@@ -655,11 +655,11 @@ export default {
     //   }
     //   this.$emit('loadTableData');
     // },
-    copyapiUrlToClipboard () {
+    copyapiUrlToClipboard() {
       this.$clipboard(this.currentApiUrl)
       this.clipboardSuccessHandler()
     },
-    async updateViewName (view) {
+    async updateViewName(view) {
       try {
         await this.sqlOp({ dbAlias: this.nodes.dbAlias }, 'xcVirtualTableRename', {
           id: view.id,
@@ -673,7 +673,7 @@ export default {
       }
       await this.loadViews()
     },
-    showRenameTextBox (view, i) {
+    showRenameTextBox(view, i) {
       this.$set(view, 'edit', true)
       this.$nextTick(() => {
         const input = this.$refs[`input${i}`][0]
@@ -681,7 +681,7 @@ export default {
         input.setSelectionRange(0, input.value.length)
       })
     },
-    async deleteView (view) {
+    async deleteView(view) {
       try {
         await this.sqlOp({ dbAlias: this.nodes.dbAlias }, 'xcVirtualTableDelete', {
           id: view.id,
@@ -694,7 +694,7 @@ export default {
         this.$toast.error(e.message).goAway(3000)
       }
     },
-    async genShareLink () {
+    async genShareLink() {
       this.showShareModel = true
       const sharedViewUrl = await this.$store.dispatch('sqlMgr/ActSqlOp', [
         { dbAlias: this.nodes.dbAlias },
@@ -714,18 +714,18 @@ export default {
       ])
       this.shareLink = sharedViewUrl
     },
-    copyView (view, i) {
+    copyView(view, i) {
       this.createViewType = view.show_as
       this.showCreateView = true
       this.copyViewRef = view
     },
-    async onViewCreate (viewMeta) {
+    async onViewCreate(viewMeta) {
       this.copyViewRef = null
       await this.loadViews()
       this.selectedViewIdLocal = viewMeta.id
       // await this.onViewChange();
     },
-    clipboard (str) {
+    clipboard(str) {
       const el = document.createElement('textarea')
       el.addEventListener('focusin', e => e.stopPropagation())
       el.value = str
@@ -734,10 +734,10 @@ export default {
       document.execCommand('copy')
       document.body.removeChild(el)
     },
-    clipboardSuccessHandler () {
+    clipboardSuccessHandler() {
       this.$toast.info('Copied to clipboard').goAway(1000)
     },
-    copyShareUrlToClipboard () {
+    copyShareUrlToClipboard() {
       this.clipboard(this.shareLink.url)
       this.clipboardSuccessHandler()
     }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/virtualCell.vue b/packages/nc-gui/components/project/spreadsheet/components/virtualCell.vue
index 917a813bae..8fa18e7038 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/virtualCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/virtualCell.vue
@@ -70,7 +70,7 @@ export default {
   props: {
     breadcrumbs: {
       type: Array,
-      default () {
+      default() {
         return []
       }
     },
@@ -92,18 +92,18 @@ export default {
     disabledColumns: Object
   },
   computed: {
-    hm () {
+    hm() {
       return this.column && this.column.hm
     },
-    bt () {
+    bt() {
       return this.column && this.column.bt
     },
-    mm () {
+    mm() {
       return this.column && this.column.mm
     }
   },
   methods: {
-    async save (row) {
+    async save(row) {
       if (row && this.$refs.cell && this.$refs.cell.saveLocalState) {
         try {
           await this.$refs.cell.saveLocalState(row)
diff --git a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/belogsToCell.vue b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/belogsToCell.vue
index 65ff503de4..5cbd8e9e38 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/belogsToCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/belogsToCell.vue
@@ -106,7 +106,7 @@ export default {
   props: {
     breadcrumbs: {
       type: Array,
-      default () {
+      default() {
         return []
       }
     },
@@ -138,25 +138,25 @@ export default {
     pid: null
   }),
   computed: {
-    parentMeta () {
+    parentMeta() {
       return this.$store.state.meta.metas[this.bt.rtn]
     },
-    parentApi () {
+    parentApi() {
       return this.parentMeta && this.parentMeta._tn
         ? ApiFactory.create(this.$store.getters['project/GtrProjectType'],
           this.parentMeta && this.parentMeta._tn, this.parentMeta && this.parentMeta.columns, this, this.parentMeta)
         : null
     },
-    parentId () {
+    parentId() {
       return this.pid ?? (this.value && this.parentMeta && this.parentMeta.columns.filter(c => c.pk).map(c => this.value[c._cn]).join('___'))
     },
-    parentPrimaryCol () {
+    parentPrimaryCol() {
       return this.parentMeta && (this.parentMeta.columns.find(c => c.pv) || {})._cn
     },
-    parentPrimaryKey () {
+    parentPrimaryKey() {
       return this.parentMeta && (this.parentMeta.columns.find(c => c.pk) || {})._cn
     },
-    parentQueryParams () {
+    parentQueryParams() {
       if (!this.parentMeta) { return {} }
       // todo: use reduce
       return {
@@ -165,7 +165,7 @@ export default {
         mm: (this.parentMeta && this.parentMeta.v && this.parentMeta.v.filter(v => v.mm).map(({ mm }) => mm.rtn).join()) || ''
       }
     },
-    parentAvailableColumns () {
+    parentAvailableColumns() {
       const hideCols = ['created_at', 'updated_at']
       if (!this.parentMeta) { return [] }
 
@@ -179,10 +179,10 @@ export default {
       return columns
     },
     // todo:
-    form () {
+    form() {
       return this.selectedParent ? () => import('@/components/project/spreadsheet/components/expandedForm') : 'span'
     },
-    cellValue () {
+    cellValue() {
       if (this.value || this.localState) {
         if (this.parentMeta && this.parentPrimaryCol) {
           return (this.value || this.localState)[this.parentPrimaryCol]
@@ -193,29 +193,29 @@ export default {
     }
   },
   watch: {
-    isNew (n, o) {
+    isNew(n, o) {
       if (!n && o) {
         this.localState = null
       }
     }
   },
-  async mounted () {
+  async mounted() {
     if (this.isForm) {
       await this.loadParentMeta()
     }
   },
-  created () {
+  created() {
     this.loadParentMeta()
   },
   methods: {
-    async onParentSave (parent) {
+    async onParentSave(parent) {
       if (this.isNewParent) {
         await this.addChildToParent(parent)
       } else {
         this.$emit('loadTableData')
       }
     },
-    async insertAndMapNewParentRecord () {
+    async insertAndMapNewParentRecord() {
       await this.loadParentMeta()
       this.newRecordModal = false
       this.isNewParent = true
@@ -223,7 +223,7 @@ export default {
       this.expandFormModal = true
     },
 
-    async unlink () {
+    async unlink() {
       const column = this.meta.columns.find(c => c.cn === this.bt.cn)
       const _cn = column._cn
       if (this.isNew) {
@@ -242,7 +242,7 @@ export default {
         this.$refs.childList.loadData()
       }
     },
-    async showParentListModal () {
+    async showParentListModal() {
       this.parentListModal = true
       await this.loadParentMeta()
       const pid = this.meta.columns.filter(c => c.pk).map(c => this.row[c._cn]).join('___')
@@ -251,11 +251,11 @@ export default {
         where: `(${_cn},eq,${pid})`
       })
     },
-    async removeChild (child) {
+    async removeChild(child) {
       this.dialogShow = true
       this.confirmMessage =
         'Do you want to delete the record?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -270,7 +270,7 @@ export default {
         }
       }
     },
-    async loadParentMeta () {
+    async loadParentMeta() {
       // todo: optimize
       if (!this.parentMeta) {
         await this.$store.dispatch('meta/ActLoadMeta', {
@@ -287,11 +287,11 @@ export default {
         // this.parentMeta = JSON.parse(parentTableData.meta)
       }
     },
-    async showNewRecordModal () {
+    async showNewRecordModal() {
       await this.loadParentMeta()
       this.newRecordModal = true
     },
-    async addChildToParent (parent) {
+    async addChildToParent(parent) {
       const pid = this.parentMeta.columns.filter(c => c.pk).map(c => parent[c._cn]).join('___')
       const id = this.meta.columns.filter(c => c.pk).map(c => this.row[c._cn]).join('___')
       const _cn = this.meta.columns.find(c => c.cn === this.bt.cn)._cn
@@ -317,7 +317,7 @@ export default {
         this.$refs.childList.loadData()
       }
     },
-    async editParent (parent) {
+    async editParent(parent) {
       await this.loadParentMeta()
       this.isNewParent = false
       this.selectedParent = parent
diff --git a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listChildItems.vue b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listChildItems.vue
index 31058d8916..a20d567daf 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listChildItems.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listChildItems.vue
@@ -130,7 +130,7 @@ export default {
     },
     queryParams: {
       type: Object,
-      default () {
+      default() {
         return {}
       }
     },
@@ -147,28 +147,28 @@ export default {
     page: 1
   }),
   computed: {
-    isDataAvail () {
+    isDataAvail() {
       return (this.data && this.data.list && this.data.list.length) || (this.localState && this.localState.length)
     },
     show: {
-      set (v) {
+      set(v) {
         this.$emit('input', v)
       },
-      get () {
+      get() {
         return this.value
       }
     }
   },
   watch: {
-    queryParams () {
+    queryParams() {
       this.loadData()
     }
   },
-  mounted () {
+  mounted() {
     this.loadData()
   },
   methods: {
-    async loadData () {
+    async loadData() {
       if (!this.api || this.isNew) { return }
       this.data = await this.api.paginatedList({
         limit: this.size,
diff --git a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listChildItemsModal.vue b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listChildItemsModal.vue
index 3fc3279d2d..024659fb0e 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listChildItemsModal.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listChildItemsModal.vue
@@ -37,7 +37,7 @@ export default {
     },
     queryParams: {
       type: Object,
-      default () {
+      default() {
         return {}
       }
     },
@@ -55,18 +55,18 @@ export default {
   }),
   computed: {
     show: {
-      set (v) {
+      set(v) {
         this.$emit('input', v)
       },
-      get () {
+      get() {
         return this.value
       }
     }
   },
-  mounted () {
+  mounted() {
   },
   methods: {
-    async loadData () {
+    async loadData() {
       if (this.$refs && this.$refs.child) {
         this.$refs.child.loadData()
       }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listItems.vue b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listItems.vue
index a6b74d72a8..3472b0eef1 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listItems.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/listItems.vue
@@ -96,7 +96,7 @@ export default {
     },
     queryParams: {
       type: Object,
-      default () {
+      default() {
         return {}
       }
     },
@@ -116,24 +116,24 @@ export default {
   }),
   computed: {
     show: {
-      set (v) {
+      set(v) {
         this.$emit('input', v)
       },
-      get () {
+      get() {
         return this.value
       }
     },
-    hmParentPrimaryValCol () {
+    hmParentPrimaryValCol() {
       return this.hm &&
         this.parentMeta &&
         this.parentMeta.columns.find(v => v.pv)._cn
     }
   },
-  mounted () {
+  mounted() {
     this.loadData()
   },
   methods: {
-    async loadData () {
+    async loadData() {
       if (!this.api) { return }
 
       let where = this.queryParams.where || ''
diff --git a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/hasManyCell.vue b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/hasManyCell.vue
index 525803b920..979ad6db6b 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/hasManyCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/hasManyCell.vue
@@ -146,7 +146,7 @@ export default {
   props: {
     breadcrumbs: {
       type: Array,
-      default () {
+      default() {
         return []
       }
     },
@@ -173,35 +173,35 @@ export default {
     localState: []
   }),
   computed: {
-    childMeta () {
+    childMeta() {
       return this.$store.state.meta.metas[this.hm.tn]
     },
-    childApi () {
+    childApi() {
       return this.childMeta && this.childMeta._tn
         ? ApiFactory.create(this.$store.getters['project/GtrProjectType'],
           this.childMeta && this.childMeta._tn, this.childMeta && this.childMeta.columns, this, this.childMeta)
         : null
     },
-    childPrimaryCol () {
+    childPrimaryCol() {
       return this.childMeta && (this.childMeta.columns.find(c => c.pv) || {})._cn
     },
-    primaryCol () {
+    primaryCol() {
       return this.meta && (this.meta.columns.find(c => c.pv) || {})._cn
     },
-    childPrimaryKey () {
+    childPrimaryKey() {
       return this.childMeta && (this.childMeta.columns.find(c => c.pk) || {})._cn
     },
-    childForeignKey () {
+    childForeignKey() {
       return this.childMeta && (this.childMeta.columns.find(c => c.cn === this.hm.cn) || {})._cn
     },
-    disabledChildColumns () {
+    disabledChildColumns() {
       return { [this.childForeignKey]: true }
     },
     // todo:
-    form () {
+    form() {
       return this.selectedChild ? () => import('@/components/project/spreadsheet/components/expandedForm') : 'span'
     },
-    childAvailableColumns () {
+    childAvailableColumns() {
       const hideCols = ['created_at', 'updated_at']
       if (!this.childMeta) { return [] }
 
@@ -214,7 +214,7 @@ export default {
       }
       return columns
     },
-    childQueryParams () {
+    childQueryParams() {
       if (!this.childMeta) { return {} }
       // todo: use reduce
       return {
@@ -223,40 +223,40 @@ export default {
         mm: (this.childMeta && this.childMeta.v && this.childMeta.v.filter(v => v.mm).map(({ mm }) => mm.rtn).join()) || ''
       }
     },
-    parentId () {
+    parentId() {
       return this.meta && this.meta.columns ? this.meta.columns.filter(c => c.pk).map(c => this.row[c._cn]).join('___') : ''
     }
   },
   watch: {
-    isNew (n, o) {
+    isNew(n, o) {
       if (!n && o) {
         this.saveLocalState()
       }
     }
   },
-  async mounted () {
+  async mounted() {
     await this.loadChildMeta()
   },
-  created () {
+  created() {
     this.loadChildMeta()
   },
   methods: {
-    onChildSave () {
+    onChildSave() {
       if (this.isNew) {
         this.addChildToParent(this.selectedChild)
       } else {
         this.$emit('loadTableData')
       }
     },
-    async showChildListModal () {
+    async showChildListModal() {
       await this.loadChildMeta()
       this.childListModal = true
     },
-    async deleteChild (child) {
+    async deleteChild(child) {
       this.dialogShow = true
       this.confirmMessage =
         'Do you want to delete the record?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -274,7 +274,7 @@ export default {
         }
       }
     },
-    async unlinkChild (child) {
+    async unlinkChild(child) {
       if (this.isNew) {
         this.localState.splice(this.localState.indexOf(child), 1)
         return
@@ -296,7 +296,7 @@ export default {
       // }
       // }
     },
-    async loadChildMeta () {
+    async loadChildMeta() {
       // todo: optimize
       if (!this.childMeta) {
         await this.$store.dispatch('meta/ActLoadMeta', {
@@ -314,11 +314,11 @@ export default {
         // this.childQueryParams = JSON.parse(childTableData.query_params);
       }
     },
-    async showNewRecordModal () {
+    async showNewRecordModal() {
       await this.loadChildMeta()
       this.newRecordModal = true
     },
-    async addChildToParent (child) {
+    async addChildToParent(child) {
       if (this.isNew && this.localState.every(it => it[this.childForeignKey] !== child[this.childPrimaryKey])) {
         this.localState.push(child)
         this.newRecordModal = false
@@ -340,7 +340,7 @@ export default {
         this.$refs.childList.loadData()
       }
     },
-    async editChild (child) {
+    async editChild(child) {
       await this.loadChildMeta()
       this.isNewChild = false
       this.selectedChild = child
@@ -349,7 +349,7 @@ export default {
         this.$refs.expandedForm && this.$refs.expandedForm.reload()
       }, 500)
     },
-    async insertAndAddNewChildRecord () {
+    async insertAndAddNewChildRecord() {
       this.newRecordModal = false
       await this.loadChildMeta()
       this.isNewChild = true
@@ -363,7 +363,7 @@ export default {
         }, 500)
       }
     },
-    getCellValue (cellObj) {
+    getCellValue(cellObj) {
       if (cellObj) {
         if (this.parentMeta && this.childPrimaryCol) {
           return cellObj[this.childPrimaryCol]
@@ -371,7 +371,7 @@ export default {
         return Object.values(cellObj)[1]
       }
     },
-    async saveLocalState (row) {
+    async saveLocalState(row) {
       let child
       // eslint-disable-next-line no-cond-assign
       while (child = this.localState.pop()) {
diff --git a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/manyToManyCell.vue b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/manyToManyCell.vue
index 364dcfe872..149af4b04d 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/manyToManyCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/manyToManyCell.vue
@@ -125,7 +125,7 @@ export default {
   props: {
     breadcrumbs: {
       type: Array,
-      default () {
+      default() {
         return []
       }
     },
@@ -155,7 +155,7 @@ export default {
     localState: []
   }),
   computed: {
-    getCellValue () {
+    getCellValue() {
       return (cellObj) => {
         if (cellObj) {
           if (this.childPrimaryCol) {
@@ -165,13 +165,13 @@ export default {
         }
       }
     },
-    childMeta () {
+    childMeta() {
       return this.$store.state.meta.metas[this.mm.rtn]
     },
-    assocMeta () {
+    assocMeta() {
       return this.$store.state.meta.metas[this.mm.vtn]
     },
-    childApi () {
+    childApi() {
       return this.childMeta && this.childMeta._tn
         ? ApiFactory.create(
           this.$store.getters['project/GtrProjectType'],
@@ -182,7 +182,7 @@ export default {
         )
         : null
     },
-    assocApi () {
+    assocApi() {
       return this.assocMeta && this.assocMeta._tn
         ? ApiFactory.create(
           this.$store.getters['project/GtrProjectType'],
@@ -193,16 +193,16 @@ export default {
         )
         : null
     },
-    childPrimaryCol () {
+    childPrimaryCol() {
       return this.childMeta && (this.childMeta.columns.find(c => c.pv) || {})._cn
     },
-    childPrimaryKey () {
+    childPrimaryKey() {
       return this.childMeta && (this.childMeta.columns.find(c => c.pk) || {})._cn
     },
-    parentPrimaryKey () {
+    parentPrimaryKey() {
       return this.meta && (this.meta.columns.find(c => c.pk) || {})._cn
     },
-    childQueryParams () {
+    childQueryParams() {
       if (!this.childMeta) { return {} }
       // todo: use reduce
       return {
@@ -211,7 +211,7 @@ export default {
         mm: (this.childMeta && this.childMeta.v && this.childMeta.v.filter(v => v.mm).map(({ mm }) => mm.rtn).join()) || ''
       }
     },
-    conditionGraph () {
+    conditionGraph() {
       if (!this.childMeta || !this.assocMeta) { return null }
       return {
         [this.assocMeta.tn]: {
@@ -222,7 +222,7 @@ export default {
         }
       }
     },
-    childAvailableColumns () {
+    childAvailableColumns() {
       const hideCols = ['created_at', 'updated_at']
       if (!this.childMeta) { return [] }
 
@@ -236,28 +236,28 @@ export default {
       return columns
     },
     // todo:
-    form () {
+    form() {
       return this.selectedChild ? () => import('@/components/project/spreadsheet/components/expandedForm') : 'span'
     }
   },
   watch: {
-    async isNew (n, o) {
+    async isNew(n, o) {
       if (!n && o) {
         await this.saveLocalState()
       }
     }
   },
-  async mounted () {
+  async mounted() {
     if (this.isForm) {
       await Promise.all([this.loadChildMeta(), this.loadAssociateTableMeta()])
     }
   },
-  created () {
+  created() {
     this.loadChildMeta()
     this.loadAssociateTableMeta()
   },
   methods: {
-    async onChildSave (child) {
+    async onChildSave(child) {
       if (this.isNewChild) {
         this.isNewChild = false
         await this.addChildToParent(child)
@@ -265,11 +265,11 @@ export default {
         this.$emit('loadTableData')
       }
     },
-    async showChildListModal () {
+    async showChildListModal() {
       await Promise.all([this.loadChildMeta(), this.loadAssociateTableMeta()])
       this.childListModal = true
     },
-    async unlinkChild (child) {
+    async unlinkChild(child) {
       if (this.isNew) {
         this.localState.splice(this.localState.indexOf(child), 1)
         return
@@ -289,11 +289,11 @@ export default {
         this.$refs.childList.loadData()
       }
     },
-    async removeChild (child) {
+    async removeChild(child) {
       this.dialogShow = true
       this.confirmMessage =
         'Do you want to delete the record?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -307,7 +307,7 @@ export default {
         }
       }
     },
-    async loadChildMeta () {
+    async loadChildMeta() {
       // todo: optimize
       if (!this.childMeta) {
         await this.$store.dispatch('meta/ActLoadMeta', {
@@ -324,7 +324,7 @@ export default {
         // this.childMeta = JSON.parse(parentTableData.meta)
       }
     },
-    async loadAssociateTableMeta () {
+    async loadAssociateTableMeta() {
       // todo: optimize
       if (!this.assocMeta) {
         await this.$store.dispatch('meta/ActLoadMeta', {
@@ -341,12 +341,12 @@ export default {
         // this.assocMeta = JSON.parse(assocTableData.meta)
       }
     },
-    async showNewRecordModal () {
+    async showNewRecordModal() {
       await Promise.all([this.loadChildMeta(), this.loadAssociateTableMeta()])
       this.newRecordModal = true
       // this.list = await this.c hildApi.paginatedList({})
     },
-    async addChildToParent (child) {
+    async addChildToParent(child) {
       if (this.isNew && this.localState.every(it => it[this.childForeignKey] !== child[this.childPrimaryKey])) {
         this.localState.push(child)
         this.newRecordModal = false
@@ -374,7 +374,7 @@ export default {
       }
     },
 
-    async insertAndAddNewChildRecord () {
+    async insertAndAddNewChildRecord() {
       this.newRecordModal = false
       await this.loadChildMeta()
       this.isNewChild = true
@@ -386,7 +386,7 @@ export default {
         this.$refs.expandedForm && this.$refs.expandedForm.$set(this.$refs.expandedForm.changedColumns, this.childForeignKey, true)
       }, 500)
     },
-    async editChild (child) {
+    async editChild(child) {
       await this.loadChildMeta()
       this.isNewChild = false
       this.selectedChild = child
@@ -395,7 +395,7 @@ export default {
         this.$refs.expandedForm && this.$refs.expandedForm.reload()
       }, 500)
     },
-    async saveLocalState (row) {
+    async saveLocalState(row) {
       let child
       // eslint-disable-next-line no-cond-assign
       while (child = this.localState.pop()) {
diff --git a/packages/nc-gui/components/project/spreadsheet/components/virtualHeaderCell.vue b/packages/nc-gui/components/project/spreadsheet/components/virtualHeaderCell.vue
index 7dbddf2ec2..423ef24613 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/virtualHeaderCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/virtualHeaderCell.vue
@@ -107,37 +107,37 @@ export default {
     editColumnMenu: false
   }),
   computed: {
-    type () {
+    type() {
       if (this.column.bt) { return 'bt' }
       if (this.column.hm) { return 'hm' }
       if (this.column.mm) { return 'mm' }
       return ''
     },
-    childColumn () {
+    childColumn() {
       if (this.column.bt) { return this.column.bt.cn }
       if (this.column.hm) { return this.column.hm.cn }
       if (this.column.mm) { return this.column.mm.rcn }
       return ''
     },
-    childTable () {
+    childTable() {
       if (this.column.bt) { return this.column.bt.tn }
       if (this.column.hm) { return this.column.hm.tn }
       if (this.column.mm) { return this.column.mm.rtn }
       return ''
     },
-    parentTable () {
+    parentTable() {
       if (this.column.bt) { return this.column.bt.rtn }
       if (this.column.hm) { return this.column.hm.rtn }
       if (this.column.mm) { return this.column.mm.tn }
       return ''
     },
-    parentColumn () {
+    parentColumn() {
       if (this.column.bt) { return this.column.bt.rcn }
       if (this.column.hm) { return this.column.hm.rcn }
       if (this.column.mm) { return this.column.mm.cn }
       return ''
     },
-    tooltipMsg () {
+    tooltipMsg() {
       if (!this.column) { return '' }
       if (this.column.hm) {
         return `'${this.column.hm._rtn}' has many '${this.column.hm._tn}'`
@@ -150,7 +150,7 @@ export default {
     }
   },
   methods: {
-    async deleteColumn () {
+    async deleteColumn() {
       try {
         // const column = { ...this.column, cno: this.column.cn }
         await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [{
diff --git a/packages/nc-gui/components/project/spreadsheet/dialog/createViewDialog.vue b/packages/nc-gui/components/project/spreadsheet/dialog/createViewDialog.vue
index d669fb1c79..925b15dedd 100644
--- a/packages/nc-gui/components/project/spreadsheet/dialog/createViewDialog.vue
+++ b/packages/nc-gui/components/project/spreadsheet/dialog/createViewDialog.vue
@@ -48,15 +48,15 @@ export default {
   }),
   computed: {
     localState: {
-      get () {
+      get() {
         return this.value
       },
-      set (v) {
+      set(v) {
         this.$emit('input', v)
       }
     }
   },
-  mounted () {
+  mounted() {
     try {
       if (this.copyView && this.copyView.query_params) {
         this.queryParams = { ...JSON.parse(this.copyView.query_params) }
@@ -73,7 +73,7 @@ export default {
     })
   },
   methods: {
-    async createView () {
+    async createView() {
       let showFields = null
 
       if (this.show_as === 'gallery') {
diff --git a/packages/nc-gui/components/project/spreadsheet/mixins/cell.js b/packages/nc-gui/components/project/spreadsheet/mixins/cell.js
index 78d633906b..5aa42921ef 100644
--- a/packages/nc-gui/components/project/spreadsheet/mixins/cell.js
+++ b/packages/nc-gui/components/project/spreadsheet/mixins/cell.js
@@ -6,53 +6,53 @@ export default {
     column: Object
   },
   computed: {
-    uiDatatype () {
+    uiDatatype() {
       return this.column && this.column.uidt
     },
-    uiDatatypeIcon () {
+    uiDatatypeIcon() {
       const ui = this.uiDatatype && uiTypes.find(ui => ui.name === this.uiDatatype)
       return ui && ui.icon
     },
-    abstractType () {
+    abstractType() {
       return this.sqlUi && this.sqlUi.getAbstractType(this.column)
     },
-    dataTypeLow () {
+    dataTypeLow() {
       return this.column && this.column.dt && this.column.dt.toLowerCase()
     },
-    isBoolean () {
+    isBoolean() {
       return this.abstractType === 'boolean'
     },
-    isString () {
+    isString() {
       return this.abstractType === 'string'
     },
-    isTextArea () {
+    isTextArea() {
       return this.column.uidt === 'LongText'
     },
-    isInt () {
+    isInt() {
       return this.abstractType === 'integer'
     },
-    isFloat () {
+    isFloat() {
       return this.abstractType === 'float'
     },
-    isDate () {
+    isDate() {
       return this.abstractType === 'date' || this.column.uidt === 'Date'
     },
-    isTime () {
+    isTime() {
       return this.abstractType === 'time'
     },
-    isDateTime () {
+    isDateTime() {
       return this.abstractType === 'datetime'
     },
-    isJSON () {
+    isJSON() {
       return this.abstractType === 'json'
     },
-    isEnum () {
+    isEnum() {
       return this.column.uidt === 'SingleSelect'
     },
-    isSet () {
+    isSet() {
       return this.column.uidt === 'MultiSelect'
     },
-    isAttachment () {
+    isAttachment() {
       return this.column.uidt === 'Attachment'
     }
 
diff --git a/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js b/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js
index 3dd07125e3..37a6b2f212 100644
--- a/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js
+++ b/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js
@@ -12,17 +12,17 @@ export default {
     data: []
   }),
   methods: {
-    mapFieldsAndShowFields () {
+    mapFieldsAndShowFields() {
       // this.fieldList = this.availableColumns.map(c => c._cn);
       this.showFields = this.fieldList.reduce((obj, k) => {
         obj[k] = k in this.showFields ? this.showFields[k] : true
         return obj
       }, {})
     },
-    syncDataDebounce () {
+    syncDataDebounce() {
       // not implemented
     },
-    onKeyDown (e) {
+    onKeyDown(e) {
       if (this.selected.col === null || this.selected.row === null) { return }
       switch (e.keyCode) {
         // left
@@ -49,23 +49,23 @@ export default {
     }
   },
   computed: {
-    isLocked () {
+    isLocked() {
       return this.viewStatus && this.viewStatus.type === 'locked'
     },
-    fieldList () {
+    fieldList() {
       return this.availableColumns.map((c) => {
         return c._cn
       })
     },
-    realFieldList () {
+    realFieldList() {
       return this.availableRealColumns.map((c) => {
         return c._cn
       })
     },
-    availableRealColumns () {
+    availableRealColumns() {
       return this.availableColumns && this.availableColumns.filter(c => !c.virtual)
     },
-    availableColumns () {
+    availableColumns() {
       let columns = []
 
       // todo: generate hideCols based on default values
@@ -95,7 +95,7 @@ export default {
 
       return columns
     },
-    concatenatedXWhere () {
+    concatenatedXWhere() {
       let where = ''
       if (this.searchField && this.searchQuery.trim()) {
         if (['text', 'string'].includes(this.sqlUi.getAbstractType(this.availableColumns.find(({ _cn }) => _cn === this.searchField) || this.availableColumns[0]))) {
@@ -111,7 +111,7 @@ export default {
 
       return this.xWhere ? where + `~and(${this.xWhere})` : where
     },
-    queryParams () {
+    queryParams() {
       return {
         limit: this.size,
         offset: this.size * (this.page - 1),
@@ -124,19 +124,19 @@ export default {
         mm: (this.meta && this.meta.v && this.meta.v.filter(v => v.mm).map(({ mm }) => mm.rtn).join()) || ''
       }
     },
-    colLength () {
+    colLength() {
       return (this.availableColumns && this.availableColumns.length) || 0
     },
-    visibleColLength () {
+    visibleColLength() {
       return (this.availableColumns && this.availableColumns.length) || 0
     },
-    rowLength () {
+    rowLength() {
       return (this.data && this.data.length) || 0
     },
-    edited () {
+    edited() {
       return this.data && this.data.some(r => r.rowMeta && (r.rowMeta.new || r.rowMeta.changed))
     },
-    hasMany () {
+    hasMany() {
       // todo: use cn alias
       return this.meta && this.meta.hasMany
         ? this.meta.hasMany.reduce((hm, o) => {
@@ -147,10 +147,10 @@ export default {
         }, {})
         : {}
     },
-    haveHasManyrelation () {
+    haveHasManyrelation() {
       return !!Object.keys(this.hasMany).length
     },
-    belongsTo () {
+    belongsTo() {
       return this.meta && this.meta.belongsTo
         ? this.meta.belongsTo.reduce((bt, o) => {
           const _cn = (this.meta.columns.find(c => c.cn === o.cn) || {})._cn
@@ -159,7 +159,7 @@ export default {
         }, {})
         : {}
     },
-    table () {
+    table() {
       if (this.relationType === 'hm') {
         return this.relation.tn
       } else if (this.relationType === 'bt') {
@@ -168,29 +168,29 @@ export default {
 
       return this.nodes.tn || this.nodes.view_name
     },
-    primaryValueColumn () {
+    primaryValueColumn() {
       if (!this.meta || !this.availableColumns || !this.availableColumns.length) { return '' }
       return (this.availableColumns.find(col => col.pv) || { _cn: '' })._cn
     }
   },
   watch: {
-    'viewStatus.type' () {
+    'viewStatus.type'() {
       if (!this.loadingMeta || !this.loadingData) { this.syncDataDebounce(this) }
     },
     showFields: {
-      handler (v) {
+      handler(v) {
         if (!this.loadingMeta || !this.loadingData) { this.syncDataDebounce(this) }
       },
       deep: true
     },
     fieldsOrder: {
-      handler (v) {
+      handler(v) {
         if (!this.loadingMeta || !this.loadingData) { this.syncDataDebounce(this) }
       },
       deep: true
     },
     filters: {
-      async handler (filter) {
+      async handler(filter) {
         let defaultQuery = ''
         let j = 0
         const xWhere = filter.reduce((condition, filt, k) => {
@@ -248,7 +248,7 @@ export default {
       deep: true
     },
     sortList: {
-      async handler (sortList) {
+      async handler(sortList) {
         const sort = sortList.map((sort) => {
           return sort.field ? `${sort.order}${sort.field}` : ''
         }).filter(Boolean).join(',')
@@ -260,15 +260,15 @@ export default {
       },
       deep: true
     },
-    columnsWidth () {
+    columnsWidth() {
       if (!this.loadingMeta || !this.loadingData) { this.syncDataDebounce(this) }
     },
-    sort (n, o) {
+    sort(n, o) {
       if (o !== n) {
         this.loadTableData()
       }
     },
-    concatenatedXWhere (n, o) {
+    concatenatedXWhere(n, o) {
       if (o !== n) {
         this.loadTableData()
       }
diff --git a/packages/nc-gui/components/project/spreadsheet/overlay/additinalFeatures.vue b/packages/nc-gui/components/project/spreadsheet/overlay/additinalFeatures.vue
index 5e2c8c957a..984d51c4f8 100644
--- a/packages/nc-gui/components/project/spreadsheet/overlay/additinalFeatures.vue
+++ b/packages/nc-gui/components/project/spreadsheet/overlay/additinalFeatures.vue
@@ -84,10 +84,10 @@ export default {
   props: ['value', 'nodes', 'type', 'deleteTable', 'table'],
   computed: {
     show: {
-      set (v) {
+      set(v) {
         this.$emit('input', v)
       },
-      get () {
+      get() {
         return this.value
       }
     }
diff --git a/packages/nc-gui/components/project/spreadsheet/rowsXcDataTable.vue b/packages/nc-gui/components/project/spreadsheet/rowsXcDataTable.vue
index 7ef814fba5..664896055c 100644
--- a/packages/nc-gui/components/project/spreadsheet/rowsXcDataTable.vue
+++ b/packages/nc-gui/components/project/spreadsheet/rowsXcDataTable.vue
@@ -594,7 +594,7 @@ export default {
     }],
     rowContextMenu: null
   }),
-  async mounted () {
+  async mounted() {
     try {
       await this.createTableIfNewTable()
       await this.loadMeta()
@@ -631,7 +631,7 @@ export default {
     ...mapActions({
       loadTablesFromChildTreeNode: 'project/loadTablesFromChildTreeNode'
     }),
-    checkAndDeleteTable () {
+    checkAndDeleteTable() {
       if (
         (!this.meta) && (
           (this.meta.hasMany && this.meta.hasMany.length) ||
@@ -642,7 +642,7 @@ export default {
       }
       this.deleteTable('showDialog')
     },
-    async reload () {
+    async reload() {
       this.$store.dispatch('meta/ActLoadMeta', {
         env: this.nodes.env,
         dbAlias: this.nodes.dbAlias,
@@ -652,15 +652,15 @@ export default {
       await this.loadTableData()
       this.key = Math.random()
     },
-    reloadComments () {
+    reloadComments() {
       if (this.$refs.ncgridview) {
         this.$refs.ncgridview.xcAuditModelCommentsCount()
       }
     },
-    syncDataDebounce: debounce(async function (self) {
+    syncDataDebounce: debounce(async function(self) {
       await self.syncData()
     }, 500),
-    async syncData () {
+    async syncData() {
       if (this.relation) {
         return
       }
@@ -687,11 +687,11 @@ export default {
         // this.$toast.error(e.message).goAway(3000);
       }
     },
-    showAdditionalFeatOverlay (feat) {
+    showAdditionalFeatOverlay(feat) {
       this.showAddFeatOverlay = true
       this.featureType = feat
     },
-    async createTableIfNewTable () {
+    async createTableIfNewTable() {
       if (this.nodes.newTable) {
         const columns = this.sqlUi.getNewTableColumns().filter(col => this.nodes.newTable.columns.includes(col.cn))
         await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
@@ -716,10 +716,10 @@ export default {
       this.loadViews = true
     },
 
-    comingSoon () {
+    comingSoon() {
       this.$toast.info('Coming soon!').goAway(3000)
     },
-    addNewRelationTabCtxMenu (obj, type) {
+    addNewRelationTabCtxMenu(obj, type) {
       const rowObj = this.rowContextMenu.row
 
       this.addNewRelationTab(
@@ -735,13 +735,13 @@ export default {
         rowObj[this.primaryValueColumn]
       )
     },
-    changed (col, row) {
+    changed(col, row) {
       this.$set(this.data[row].rowMeta, 'changed', this.data[row].rowMeta.changed || {})
       if (this.data[row].rowMeta) {
         this.$set(this.data[row].rowMeta.changed, this.availableColumns[col].cn, true)
       }
     },
-    async save () {
+    async save() {
       for (let row = 0; row < this.rowLength; row++) {
         const { row: rowObj, rowMeta } = this.data[row]
         if (rowMeta.new) {
@@ -803,13 +803,13 @@ export default {
       }
     },
 
-    onCellValueChangeDebounce: debounce(async function (col, row, column, self) {
+    onCellValueChangeDebounce: debounce(async function(col, row, column, self) {
       await self.onCellValueChangeFn(col, row, column)
     }, 300),
-    onCellValueChange (col, row, column) {
+    onCellValueChange(col, row, column) {
       this.onCellValueChangeDebounce(col, row, column, this)
     },
-    async onCellValueChangeFn (col, row, column) {
+    async onCellValueChangeFn(col, row, column) {
       if (!this.data[row]) {
         return
       }
@@ -838,7 +838,7 @@ export default {
         }
       }
     },
-    async deleteRow () {
+    async deleteRow() {
       try {
         const rowObj = this.rowContextMenu.row
         if (!this.rowContextMenu.rowMeta.new) {
@@ -851,7 +851,7 @@ export default {
         this.$toast.error(`Failed to delete row : ${e.message}`).goAway(3000)
       }
     },
-    async deleteSelectedRows () {
+    async deleteSelectedRows() {
       let row = this.rowLength
       while (row--) {
         try {
@@ -871,7 +871,7 @@ export default {
         this.$toast.success('Deleted selected rows successfully').goAway(3000)
       }
     },
-    async insertNewRow (atEnd = false, expand = false) {
+    async insertNewRow(atEnd = false, expand = false) {
       const focusRow = atEnd ? this.rowLength : this.rowContextMenu.index + 1
       const focusCol = this.availableColumns.findIndex(c => !c.ai)
       this.data.splice(focusRow, 0, {
@@ -897,7 +897,7 @@ export default {
       // this.save()
     },
 
-    async handleKeyDown ({ metaKey, key, altKey, shiftKey, ctrlKey }) {
+    async handleKeyDown({ metaKey, key, altKey, shiftKey, ctrlKey }) {
       switch ([
         this._isMac ? metaKey : ctrlKey,
         key].join('_')) {
@@ -912,7 +912,7 @@ export default {
           break
       }
     },
-    async loadMeta (updateShowFields = true) {
+    async loadMeta(updateShowFields = true) {
       this.loadingMeta = true
       // const tableMeta = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
       //   env: this.nodes.env,
@@ -936,13 +936,13 @@ export default {
         }
       }
     },
-    loadTableDataDeb: debounce(async function (self) {
+    loadTableDataDeb: debounce(async function(self) {
       await self.loadTableDataFn()
     }, 200),
-    loadTableData () {
+    loadTableData() {
       this.loadTableDataDeb(this)
     },
-    async loadTableDataFn () {
+    async loadTableDataFn() {
       this.loadingData = true
       try {
         if (this.api) {
@@ -959,7 +959,7 @@ export default {
       }
       this.loadingData = false
     },
-    showRowContextMenu (e, row, rowMeta, index) {
+    showRowContextMenu(e, row, rowMeta, index) {
       e.preventDefault()
       this.rowContextMenu = false
       this.$nextTick(() => {
@@ -972,33 +972,33 @@ export default {
         }
       })
     },
-    expandRow (row, rowMeta) {
+    expandRow(row, rowMeta) {
       this.showExpandModal = true
       this.selectedExpandRowIndex = row
       this.selectedExpandRowMeta = rowMeta
     },
-    async onNewColCreation () {
+    async onNewColCreation() {
       await this.loadMeta(true)
-      this.$nextTick(async () => {
+      this.$nextTick(async() => {
         await this.loadTableData()
         // this.mapFieldsAndShowFields();
       })
     }
   },
   computed: {
-    meta () {
+    meta() {
       return this.$store.state.meta.metas[this.table]
     },
-    currentApiUrl () {
+    currentApiUrl() {
       return this.api && `${this.api.apiUrl}?` + Object.entries(this.queryParams).filter(p => p[1]).map(([key, val]) => `${encodeURIComponent(key)}=${encodeURIComponent(val)}`).join('&')
     },
-    isEditable () {
+    isEditable() {
       return this._isUIAllowed('xcDatatableEditable')
     },
-    sqlUi () {
+    sqlUi() {
       return SqlUI.create(this.nodes.dbConnection)
     },
-    api () {
+    api() {
       return this.meta && this.meta._tn ? ApiFactory.create(this.$store.getters['project/GtrProjectType'], this.meta && this.meta._tn, this.meta && this.meta.columns, this, this.meta) : null
     }
   }
diff --git a/packages/nc-gui/components/project/spreadsheet/views/calendarView.vue b/packages/nc-gui/components/project/spreadsheet/views/calendarView.vue
index a79b98563c..ee733fa280 100644
--- a/packages/nc-gui/components/project/spreadsheet/views/calendarView.vue
+++ b/packages/nc-gui/components/project/spreadsheet/views/calendarView.vue
@@ -85,7 +85,7 @@ export default {
     names: ['Meeting', 'Holiday', 'PTO', 'Travel', 'Event', 'Birthday', 'Conference', 'Party']
   }),
   methods: {
-    getEvents ({ start, end }) {
+    getEvents({ start, end }) {
       const events = []
 
       const min = new Date(`${start.date}T00:00:00`)
@@ -111,10 +111,10 @@ export default {
 
       this.events = events
     },
-    getEventColor (event) {
+    getEventColor(event) {
       return event.color
     },
-    rnd (a, b) {
+    rnd(a, b) {
       return Math.floor((b - a + 1) * Math.random()) + a
     }
   }
diff --git a/packages/nc-gui/components/project/spreadsheet/views/galleryView.vue b/packages/nc-gui/components/project/spreadsheet/views/galleryView.vue
index d34aca8979..a9a9e8c44e 100644
--- a/packages/nc-gui/components/project/spreadsheet/views/galleryView.vue
+++ b/packages/nc-gui/components/project/spreadsheet/views/galleryView.vue
@@ -55,12 +55,12 @@ export default {
     'primaryValueColumn'
   ],
   computed: {
-    attachmentColumn () {
+    attachmentColumn() {
       return this.meta && this.meta.columns && this.meta.columns.find(c => c.uidt === 'Attachment')
     }
   },
   methods: {
-    getCovers (row) {
+    getCovers(row) {
       if (this.attachmentColumn &&
         row[this.attachmentColumn.cn] && row[this.attachmentColumn.cn][0] &&
         row[this.attachmentColumn.cn]) {
diff --git a/packages/nc-gui/components/project/spreadsheet/views/xcGridView.vue b/packages/nc-gui/components/project/spreadsheet/views/xcGridView.vue
index cae0e3af7f..05c011380d 100644
--- a/packages/nc-gui/components/project/spreadsheet/views/xcGridView.vue
+++ b/packages/nc-gui/components/project/spreadsheet/views/xcGridView.vue
@@ -382,29 +382,29 @@ export default {
     aggCount: []
   }),
   computed: {
-    ids () {
+    ids() {
       return this.data.map(({ oldRow }) => this.meta.columns.filter(c => c.pk).map(c => oldRow[c._cn]).join('___'))
     },
-    haveHasManyrelation () {
+    haveHasManyrelation() {
       return !!Object.keys(this.hasMany).length
     },
-    colLength () {
+    colLength() {
       return (this.availableColumns && this.availableColumns.length) || 0
     },
     // visibleColLength() {
     //   return (this.availableColumns && this.availableColumns.length) || 0
     // },
-    rowLength () {
+    rowLength() {
       return (this.data && this.data.length) || 0
     },
-    availColNames () {
+    availColNames() {
       return (this.availableColumns && this.availableColumns.map(c => c._cn)) || []
     },
-    groupedAggCount () {
+    groupedAggCount() {
       // eslint-disable-next-line camelcase
       return this.aggCount ? this.aggCount.reduce((o, { model_id, count }) => ({ ...o, [model_id]: count }), {}) : {}
     },
-    style () {
+    style() {
       let style = ''
       for (const [key, val] of Object.entries(this.columnsWidth || {})) {
         if (val && key !== this.resizingCol) {
@@ -430,22 +430,22 @@ export default {
     }
   },
   watch: {
-    data () {
+    data() {
       this.xcAuditModelCommentsCount()
     }
   },
-  mounted () {
+  mounted() {
     this.calculateColumnWidth()
   },
-  created () {
+  created() {
     document.addEventListener('keydown', this.onKeyDown)
     this.xcAuditModelCommentsCount()
   },
-  beforeDestroy () {
+  beforeDestroy() {
     document.removeEventListener('keydown', this.onKeyDown)
   },
   methods: {
-    isRequired (_columnObj, rowObj) {
+    isRequired(_columnObj, rowObj) {
       let columnObj = _columnObj
       if (columnObj.bt) {
         columnObj = this.meta.columns.find(c => c.cn === columnObj.bt.cn)
@@ -455,11 +455,11 @@ export default {
         (rowObj[columnObj._cn] === undefined || rowObj[columnObj._cn] === null) &&
         !columnObj.default)
     },
-    updateCol (row, column, value, columnObj, colIndex, rowIndex) {
+    updateCol(row, column, value, columnObj, colIndex, rowIndex) {
       this.$set(row, column, value)
       this.onCellValueChange(colIndex, rowIndex, columnObj)
     },
-    calculateColumnWidth () {
+    calculateColumnWidth() {
       setTimeout(() => {
         const obj = {}
         this.meta && this.meta.columns && this.meta.columns.forEach((c) => {
@@ -475,7 +475,7 @@ export default {
         this.$emit('update:columnsWidth', { ...obj, ...(this.columnWidth || {}) })
       }, 500)
     },
-    isCentrallyAligned (col) {
+    isCentrallyAligned(col) {
       return !['SingleLineText',
         'LongText',
         'Attachment',
@@ -487,7 +487,7 @@ export default {
         'CreateTime',
         'LastModifiedTime'].includes(col.uidt)
     },
-    async xcAuditModelCommentsCount () {
+    async xcAuditModelCommentsCount() {
       if (this.isPublicView || !this.data || !this.data.length) { return }
       const aggCount = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         dbAlias: this.nodes.dbAlias
@@ -501,7 +501,7 @@ export default {
       this.aggCount = aggCount
     },
 
-    onKeyDown (e) {
+    onKeyDown(e) {
       if (this.selected.col === null || this.selected.row === null) { return }
       switch (e.keyCode) {
         // left
@@ -535,7 +535,7 @@ export default {
         }
       }
     },
-    onClickOutside () {
+    onClickOutside() {
       if (
         this.meta.columns &&
         this.meta.columns[this.selected.col] &&
@@ -544,30 +544,30 @@ export default {
       this.selected.col = null
       this.selected.row = null
     },
-    onNewColCreation () {
+    onNewColCreation() {
       this.addNewColMenu = false
       this.addNewColModal = false
       this.$emit('onNewColCreation')
     },
-    expandRow (...args) {
+    expandRow(...args) {
       this.$emit('expandRow', ...args)
     },
-    showRowContextMenu ($event, rowObj, rowMeta, row) {
+    showRowContextMenu($event, rowObj, rowMeta, row) {
       this.$emit('showRowContextMenu', $event, rowObj, rowMeta, row)
     },
-    onCellValueChange (col, row, column, ev) {
+    onCellValueChange(col, row, column, ev) {
       this.$emit('onCellValueChange', col, row, column, ev)
     },
-    addNewRelationTab (...args) {
+    addNewRelationTab(...args) {
       this.$emit('addNewRelationTab', ...args)
     },
-    makeSelected (col, row) {
+    makeSelected(col, row) {
       if (this.selected.col !== col || this.selected.row !== row) {
         this.selected = { col, row }
         this.editEnabled = {}
       }
     },
-    makeEditable (col, row) {
+    makeEditable(col, row) {
       if (this.isPublicView || !this.isEditable) { return }
       if (this.availableColumns[col].ai) {
         return this.$toast.info('Auto Increment field is not editable').goAway(3000)
@@ -579,7 +579,7 @@ export default {
         this.editEnabled = { col, row }
       }
     },
-    enableEditable (column) {
+    enableEditable(column) {
       return (column && column.uidt === 'Attachment') ||
         (column && column.uidt === 'SingleSelect') ||
         (column && column.uidt === 'MultiSelect') ||
@@ -588,13 +588,13 @@ export default {
         (column && column.uidt === 'Time') ||
         (this.sqlUi && this.sqlUi.getAbstractType(column) === 'boolean')
     },
-    insertNewRow (atEnd = false, expand = false) {
+    insertNewRow(atEnd = false, expand = false) {
       this.$emit('insertNewRow', atEnd, expand)
     },
-    onresize (col, size) {
+    onresize(col, size) {
       this.$emit('update:columnsWidth', { ...this.columnsWidth, [col]: size })
     },
-    onXcResizing (_cn, width) {
+    onXcResizing(_cn, width) {
       this.resizingCol = _cn
       this.resizingColWidth = width
     }
diff --git a/packages/nc-gui/components/project/spreadsheet/xcTable.vue b/packages/nc-gui/components/project/spreadsheet/xcTable.vue
index 96b042051a..1b9a8a6073 100644
--- a/packages/nc-gui/components/project/spreadsheet/xcTable.vue
+++ b/packages/nc-gui/components/project/spreadsheet/xcTable.vue
@@ -262,7 +262,7 @@ export default {
     modelName: null
   }),
   computed: {
-    availableColumns () {
+    availableColumns() {
       let columns
       const hideCols = ['created_at', 'updated_at']
 
@@ -276,7 +276,7 @@ export default {
       }
       return columns
     },
-    concatenatedXWhere () {
+    concatenatedXWhere() {
       let where = ''
       if (this.searchField && this.searchQuery.trim()) {
         if (['text', 'string'].includes(this.sqlUi.getAbstractType(this.meta.columns.find(({ cn }) => cn === this.searchField)))) {
@@ -292,11 +292,11 @@ export default {
 
       return this.xWhere ? where + `~and(${this.xWhere})` : where
     },
-    sqlUi () {
+    sqlUi() {
       // todo: replace with correct client
       return SqlUI.create({ client: this.client })
     },
-    queryParams () {
+    queryParams() {
       return {
         limit: this.size,
         offset: this.size * (this.page - 1),
@@ -304,22 +304,22 @@ export default {
         sort: this.sort
       }
     },
-    api () {
+    api() {
       return ApiFactory.create(this.$store.getters['project/GtrProjectType'], this.table, this.meta && this.meta.columns, this, this.meta)
     },
-    colLength () {
+    colLength() {
       return (this.meta && this.meta.columns && this.meta.columns.length) || 0
     },
-    visibleColLength () {
+    visibleColLength() {
       return (this.meta && this.meta.columns && this.meta.columns.length) || 0
     },
-    rowLength () {
+    rowLength() {
       return (this.data && this.data.length) || 0
     },
-    edited () {
+    edited() {
       return this.data && this.data.some(r => r.rowMeta && (r.rowMeta.new || r.rowMeta.changed))
     },
-    hasMany () {
+    hasMany() {
       return this.meta && this.meta.hasMany
         ? this.meta.hasMany.reduce((hm, o) => {
           hm[o.rcn] = hm[o.rcn] || []
@@ -328,7 +328,7 @@ export default {
         }, {})
         : {}
     },
-    belongsTo () {
+    belongsTo() {
       return this.meta && this.meta.belongsTo
         ? this.meta.belongsTo.reduce((bt, o) => {
           bt[o._cn] = o
@@ -336,7 +336,7 @@ export default {
         }, {})
         : {}
     },
-    table () {
+    table() {
       if (this.relationType === 'hm') {
         return this.relation.tn
       } else if (this.relationType === 'bt') {
@@ -345,7 +345,7 @@ export default {
 
       return this.nodes.tn || this.nodes.view_name
     },
-    primaryValueColumn () {
+    primaryValueColumn() {
       if (!this.meta || !this.meta.columns) {
         return ''
       }
@@ -358,7 +358,7 @@ export default {
       return this.meta.columns[0]._cn
     }
   },
-  async mounted () {
+  async mounted() {
     try {
       // await this.loadMeta();
       await this.loadTableData()
@@ -391,7 +391,7 @@ export default {
     }
     this.searchField = this.primaryValueColumn
   },
-  created () {
+  created() {
     /*    if (this.relationType === 'hm') {
       this.filters.push({
         field: this.relation.cn,
@@ -409,20 +409,20 @@ export default {
     } */
     document.addEventListener('keydown', this.onKeyDown)
   },
-  beforeDestroy () {
+  beforeDestroy() {
     document.removeEventListener('keydown', this.onKeyDown)
   },
   methods: {
-    comingSoon () {
+    comingSoon() {
       this.$toast.info('Coming soon!').goAway(3000)
     },
-    makeSelected (col, row) {
+    makeSelected(col, row) {
       if (this.selected.col !== col || this.selected.row !== row) {
         this.selected = { col, row }
         this.editEnabled = {}
       }
     },
-    makeEditable (col, row) {
+    makeEditable(col, row) {
       if (this.meta.columns[col].ai) {
         return this.$toast.info('Auto Increment field is not editable').goAway(3000)
       }
@@ -434,7 +434,7 @@ export default {
       }
     },
 
-    async handleKeyDown ({ metaKey, key, altKey, shiftKey, ctrlKey }) {
+    async handleKeyDown({ metaKey, key, altKey, shiftKey, ctrlKey }) {
       console.log(metaKey, key, altKey, shiftKey, ctrlKey)
       // ctrl + s -> save
       // ctrl + l -> reload
@@ -454,7 +454,7 @@ export default {
       }
     },
 
-    addFilter () {
+    addFilter() {
       this.filters.push({
         field: '',
         op: '',
@@ -463,14 +463,14 @@ export default {
       })
       this.filters = this.filters.slice()
     },
-    addSort () {
+    addSort() {
       this.sortList.push({
         field: '',
         order: ''
       })
       this.filters = this.filters.slice()
     },
-    async loadTableData () {
+    async loadTableData() {
       this.loadingData = true
       try {
         // eslint-disable-next-line camelcase
@@ -505,7 +505,7 @@ export default {
 
       this.loadingData = false
     },
-    onKeyDown (e) {
+    onKeyDown(e) {
       if (this.selected.col === null || this.selected.row === null) {
         return
       }
@@ -540,7 +540,7 @@ export default {
           break
       }
     },
-    showRowContextMenu (e, row, rowMeta, index) {
+    showRowContextMenu(e, row, rowMeta, index) {
       e.preventDefault()
       this.rowContextMenu = false
       this.$nextTick(() => {
@@ -553,7 +553,7 @@ export default {
         }
       })
     },
-    expandRow (row, rowMeta) {
+    expandRow(row, rowMeta) {
       this.showExpandModal = true
       this.selectedExpandRowIndex = row
       this.selectedExpandRowMeta = rowMeta
diff --git a/packages/nc-gui/components/project/sqlLogAndOutput.vue b/packages/nc-gui/components/project/sqlLogAndOutput.vue
index 84d98644ea..511ae0afd4 100644
--- a/packages/nc-gui/components/project/sqlLogAndOutput.vue
+++ b/packages/nc-gui/components/project/sqlLogAndOutput.vue
@@ -36,12 +36,12 @@ export default {
   props: {
     hide: Boolean
   },
-  data () {
+  data() {
     return {
       mainPanelSize: 50
     }
   },
-  created () {
+  created() {
     if (!this.$store.state.windows.outputWindow && !this.$store.state.windows.logWindow) {
       this.$nextTick(() => {
         this.mainPanelSize = 100
diff --git a/packages/nc-gui/components/project/swaggerClient.vue b/packages/nc-gui/components/project/swaggerClient.vue
index f7743be4c2..38a3dbf24e 100644
--- a/packages/nc-gui/components/project/swaggerClient.vue
+++ b/packages/nc-gui/components/project/swaggerClient.vue
@@ -47,13 +47,13 @@
 <script>
 export default {
   name: 'SwaggerClient',
-  data () {
+  data() {
     return {
       url: '',
       webViewUrl: ''
     }
   },
-  async created () {
+  async created() {
     // if (this.$store.state.graphqlClient.list && this.$store.state.graphqlClient.list[0])
     //   this.webViewUrl = this.url = this.$store.state.graphqlClient.list[0].url;
     try {
@@ -69,14 +69,14 @@ export default {
     } catch (e) {
     }
   },
-  mounted () {
+  mounted() {
 
   },
   methods: {
-    test () {
+    test() {
       console.log('triggerd')
     },
-    loadUrl () {
+    loadUrl() {
       this.webViewUrl = this.url
       // if (this.url)
       //   this.$store.commit('graphqlClient/MutListAdd', {url: this.url});
diff --git a/packages/nc-gui/components/project/table.vue b/packages/nc-gui/components/project/table.vue
index a64b43db3d..edc31db4ef 100644
--- a/packages/nc-gui/components/project/table.vue
+++ b/packages/nc-gui/components/project/table.vue
@@ -464,7 +464,7 @@ export default {
     // rows
     // mocks
   },
-  data () {
+  data() {
     return {
       error: false,
       active: 1, // this.nodes.newTable ? 0 : 1,
@@ -480,7 +480,7 @@ export default {
     }
   },
   methods: {
-    addNewRelationTab (relation, refTable, refTableAlias, table, tableAlias, relationIdValue, relationType, relationRow, primaryValue) {
+    addNewRelationTab(relation, refTable, refTableAlias, table, tableAlias, relationIdValue, relationType, relationRow, primaryValue) {
       this.relationTabs.push({
         relation,
         refTable,
@@ -494,11 +494,11 @@ export default {
       })
       this.active = 'relRow' + (this.relationTabs.length - 1)
     },
-    removeRelationTab (i) {
+    removeRelationTab(i) {
       this.relationTabs.splice(i, 1)
     },
 
-    async handleKeyDown (event) {
+    async handleKeyDown(event) {
       const activeTabEleKey = `tabs${this.active}`
       if (this.$refs[activeTabEleKey] &&
         this.$refs[activeTabEleKey].handleKeyDown
@@ -510,10 +510,10 @@ export default {
       removeTableTab: 'tabs/removeTableTab',
       loadTablesFromParentTreeNode: 'project/loadTablesFromParentTreeNode'
     }),
-    mtdNewTableUpdate (value) {
+    mtdNewTableUpdate(value) {
       this.newTableCopy = value
     },
-    async deleteTable (action = '') {
+    async deleteTable(action = '') {
       if (action === 'showDialog') {
         this.dialogShow = true
       } else if (action === 'hideDialog') {
@@ -587,7 +587,7 @@ export default {
         this.dialogShow = false
       }
     },
-    onTabChange () {
+    onTabChange() {
       this.$emit('update:hideLogWindows', this.active === 2)
     }
   },
@@ -604,38 +604,38 @@ export default {
     }),
 
     scaffoldOnSave: {
-      get () {
+      get() {
         return this.$store.state.windows.scaffoldOnSave
       },
-      set (status) {
+      set(status) {
         this.$store.commit('windows/MutToggleScaffoldOnSave', status)
         this.$toast.success(`Scaffolding of source code ${status ? 'ENABLED' : 'DISABLED'} successfully`).goAway(4000)
       }
     },
-    isTsEnabled () {
+    isTsEnabled() {
       return process.env.TS_ENABLED
     },
-    isMetaTable () {
+    isMetaTable() {
       return isMetaTable(this.nodes.tn)
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
     this.onTabChange()
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes', 'hideLogWindows']
diff --git a/packages/nc-gui/components/project/tableOld.vue b/packages/nc-gui/components/project/tableOld.vue
index bea9a2e968..a2be73d3e5 100644
--- a/packages/nc-gui/components/project/tableOld.vue
+++ b/packages/nc-gui/components/project/tableOld.vue
@@ -465,7 +465,7 @@ export default {
     // rows
     // mocks
   },
-  data () {
+  data() {
     return {
       error: false,
       active: 0,
@@ -481,15 +481,15 @@ export default {
     }
   },
   methods: {
-    addNewRelationTab (relation, refTable, table, relationIdValue, relationType, relationRow, primaryValue) {
+    addNewRelationTab(relation, refTable, table, relationIdValue, relationType, relationRow, primaryValue) {
       this.relationTabs.push({ relation, refTable, table, relationIdValue, relationType, relationRow, primaryValue })
       this.active = 'relRow' + (this.relationTabs.length - 1)
     },
-    removeRelationTab (i) {
+    removeRelationTab(i) {
       this.relationTabs.splice(i, 1)
     },
 
-    async handleKeyDown (event) {
+    async handleKeyDown(event) {
       const activeTabEleKey = `tabs${this.active}`
       if (this.$refs[activeTabEleKey] &&
         this.$refs[activeTabEleKey].handleKeyDown
@@ -501,10 +501,10 @@ export default {
       removeTableTab: 'tabs/removeTableTab',
       loadTablesFromParentTreeNode: 'project/loadTablesFromParentTreeNode'
     }),
-    mtdNewTableUpdate (value) {
+    mtdNewTableUpdate(value) {
       this.newTableCopy = value
     },
-    async deleteTable (action = '') {
+    async deleteTable(action = '') {
       if (action === 'showDialog') {
         this.dialogShow = true
       } else if (action === 'hideDialog') {
@@ -592,37 +592,37 @@ export default {
     }),
 
     scaffoldOnSave: {
-      get () {
+      get() {
         return this.$store.state.windows.scaffoldOnSave
       },
-      set (status) {
+      set(status) {
         this.$store.commit('windows/MutToggleScaffoldOnSave', status)
         this.$toast.success(`Scaffolding of source code ${status ? 'ENABLED' : 'DISABLED'} successfully`).goAway(4000)
       }
     },
-    isTsEnabled () {
+    isTsEnabled() {
       return process.env.TS_ENABLED
     },
-    isMetaTable () {
+    isMetaTable() {
       return isMetaTable(this.nodes.tn)
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes']
diff --git a/packages/nc-gui/components/project/tableTabs/aclGql.vue b/packages/nc-gui/components/project/tableTabs/aclGql.vue
index abb016d268..e965c643a5 100644
--- a/packages/nc-gui/components/project/tableTabs/aclGql.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclGql.vue
@@ -198,7 +198,7 @@ export default {
   name: 'AclGql',
 
   props: ['nodes'],
-  data () {
+  data() {
     return {
       disableSaveButton: true,
       search: '',
@@ -214,22 +214,22 @@ export default {
     }
   },
   methods: {
-    openFolder () {
+    openFolder() {
       // shell.openItem(path.dirname(this.policyPath))
     },
-    toggleColumn (role, checked) {
+    toggleColumn(role, checked) {
       for (const [resolver, roles] of Object.entries(this.data1)) {
         this.$set(roles, role, checked)
         this.toggleCell(resolver, role, checked)
       }
     },
-    toggleRow (resolver, checked) {
+    toggleRow(resolver, checked) {
       for (const role in this.data1[resolver]) {
         this.$set(this.data1[resolver], role, checked)
         this.toggleCell(resolver, role, checked)
       }
     },
-    toggleAll (checked) {
+    toggleAll(checked) {
       this.disableSaveButton = false
       for (const path in this.data1) {
         this.rowToggle[path] = checked
@@ -244,17 +244,17 @@ export default {
         }
       }
     },
-    toggleCell (resolver, role, checked) {
+    toggleCell(resolver, role, checked) {
       this.disableSaveButton = false
       this.$set(this.columnToggle, role, Object.values(this.data1).some(roles => roles[role]))
       this.$set(this.rowToggle, resolver, Object.values(this.data1[resolver]).some(enabled => enabled))
     },
-    initColumnCheckBox () {
+    initColumnCheckBox() {
       for (const role of this.roles) {
         this.columnToggle[role] = Object.values(this.data1).some(roles => roles[role])
       }
     },
-    initRowCheckBox () {
+    initRowCheckBox() {
       for (const path in this.data1) {
         this.rowToggle[path] = Object.entries(this.data1[path]).filter(([role, v]) => {
           if (!this.roles.includes(role)) { this.roles = [...this.roles, role] }
@@ -262,7 +262,7 @@ export default {
         }).length
       }
     },
-    async aclInit () {
+    async aclInit() {
       this.disableSaveButton = true
       this.policyPath = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'projectGetGqlPolicyPath', {
         env: this.nodes.env,
@@ -284,7 +284,7 @@ export default {
         console.log(e)
       }
     },
-    async save () {
+    async save() {
       try {
         // await this.sqlMgr.writeFile({
         //   path: this.policyPath,
@@ -305,16 +305,16 @@ export default {
   computed: {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }),
     allToggle: {
-      get () {
+      get() {
         return this.data1 && Object.values(this.data1).some(roles => Object.values(roles).some(v => v))
       },
-      set (checked) {
+      set(checked) {
         this.toggleAll(checked)
       }
     }
   },
   watch: {},
-  async created () {
+  async created() {
     await this.aclInit()
   }
 }
diff --git a/packages/nc-gui/components/project/tableTabs/aclGrpcDb.vue b/packages/nc-gui/components/project/tableTabs/aclGrpcDb.vue
index 027fc94c19..f622afd3b2 100644
--- a/packages/nc-gui/components/project/tableTabs/aclGrpcDb.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclGrpcDb.vue
@@ -198,7 +198,7 @@ export default {
   name: 'AclGrpcDb',
 
   props: ['nodes'],
-  data () {
+  data() {
     return {
       disableSaveButton: true,
       search: '',
@@ -215,22 +215,22 @@ export default {
     }
   },
   methods: {
-    openFolder () {
+    openFolder() {
       // shell.openItem(path.dirname(this.policyPath))
     },
-    toggleColumn (role, checked) {
+    toggleColumn(role, checked) {
       for (const [resolver, roles] of Object.entries(this.data1)) {
         this.$set(roles, role, checked)
         this.toggleCell(resolver, role, checked)
       }
     },
-    toggleRow (resolver, checked) {
+    toggleRow(resolver, checked) {
       for (const role in this.data1[resolver]) {
         this.$set(this.data1[resolver], role, checked)
         this.toggleCell(resolver, role, checked)
       }
     },
-    toggleAll (checked) {
+    toggleAll(checked) {
       this.disableSaveButton = false
       for (const path in this.data1) {
         this.rowToggle[path] = checked
@@ -245,17 +245,17 @@ export default {
         }
       }
     },
-    toggleCell (resolver, role, checked) {
+    toggleCell(resolver, role, checked) {
       this.disableSaveButton = false
       this.$set(this.columnToggle, role, Object.values(this.data1).some(roles => roles[role]))
       this.$set(this.rowToggle, resolver, Object.values(this.data1[resolver]).some(enabled => enabled))
     },
-    initColumnCheckBox () {
+    initColumnCheckBox() {
       for (const role of this.roles) {
         this.columnToggle[role] = Object.values(this.data1).some(roles => roles[role])
       }
     },
-    initRowCheckBox () {
+    initRowCheckBox() {
       for (const path in this.data1) {
         this.rowToggle[path] = Object.entries(this.data1[path]).filter(([role, v]) => {
           if (!this.roles.includes(role)) { this.roles = [...this.roles, role] }
@@ -263,7 +263,7 @@ export default {
         }).length
       }
     },
-    async aclInit () {
+    async aclInit() {
       try {
         console.log(this.sqlMgr)
         this.disableSaveButton = true
@@ -291,7 +291,7 @@ export default {
         console.log(e)
       }
     },
-    async save () {
+    async save() {
       try {
         //
         // await this.sqlMgr.xcRpcPolicyUpdate({
@@ -319,16 +319,16 @@ export default {
   computed: {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }),
     allToggle: {
-      get () {
+      get() {
         return this.data1 && Object.values(this.data1).some(roles => Object.values(roles).some(v => v))
       },
-      set (checked) {
+      set(checked) {
         this.toggleAll(checked)
       }
     }
   },
   watch: {},
-  async mounted () {
+  async mounted() {
     await this.aclInit()
   }
 }
diff --git a/packages/nc-gui/components/project/tableTabs/aclJs.vue b/packages/nc-gui/components/project/tableTabs/aclJs.vue
index 7f9a9749b8..7bf08d45a7 100644
--- a/packages/nc-gui/components/project/tableTabs/aclJs.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclJs.vue
@@ -227,7 +227,7 @@ export default {
   name: 'AclJs',
 
   props: ['nodes'],
-  data () {
+  data() {
     return {
       disableSaveButton: true,
       search: '',
@@ -255,10 +255,10 @@ export default {
   },
   methods: {
 
-    openFolder () {
+    openFolder() {
       // shell.openItem(path.dirname(this.policyPath))
     },
-    toggleColumn (role, method, checked) {
+    toggleColumn(role, method, checked) {
       for (const [path, methods] of Object.entries(this.data1)) {
         if (methods[method]) {
           this.$set(methods[method], role, checked)
@@ -266,7 +266,7 @@ export default {
         }
       }
     },
-    toggleRow (path, checked) {
+    toggleRow(path, checked) {
       for (const [method, roles] of Object.entries(this.data1[path])) {
         for (const role in roles) {
           this.$set(roles, role, checked)
@@ -274,7 +274,7 @@ export default {
         }
       }
     },
-    toggleAll (checked) {
+    toggleAll(checked) {
       this.disableSaveButton = false
       for (const path in this.data1) {
         this.rowToggle[path] = checked
@@ -293,19 +293,19 @@ export default {
         }
       }
     },
-    toggleCell (path, method, role, checked) {
+    toggleCell(path, method, role, checked) {
       this.disableSaveButton = false
       this.$set(this.columnToggle, `${method}_${role}`, Object.values(this.data1).some(methods => methods[method] && methods[method][role]))
       this.$set(this.rowToggle, path, Object.values(this.data1[path]).some(roles => Object.values(roles).some(v => v)))
     },
-    initColumnCheckBox () {
+    initColumnCheckBox() {
       for (const role of this.roles) {
         for (const method of this.methods) {
           this.columnToggle[`${method}_${role}`] = Object.values(this.data1).some(methods => methods[method] && methods[method][role])
         }
       }
     },
-    initRowCheckBox () {
+    initRowCheckBox() {
       for (const path in this.data1) {
         this.rowToggle[path] = Object.values(this.data1[path]).filter(roles => Object.entries(roles).filter(([role, v]) => {
           if (!this.roles.includes(role)) { this.roles = [...this.roles, role] }
@@ -313,7 +313,7 @@ export default {
         }).length).length
       }
     },
-    async aclInit () {
+    async aclInit() {
       this.disableSaveButton = true
       this.policyPath = await this.sqlMgr.projectGetPolicyPath({
         env: this.nodes.env,
@@ -330,7 +330,7 @@ export default {
         console.log(e)
       }
     },
-    async save () {
+    async save() {
       try {
         // await this.sqlMgr.writeFile({
         //   path: this.policyPath,
@@ -353,16 +353,16 @@ export default {
   computed: {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }),
     allToggle: {
-      get () {
+      get() {
         return this.data1 && Object.values(this.data1).some(methods => Object.values(methods).some(roles => Object.values(roles).some(v => v)))
       },
-      set (checked) {
+      set(checked) {
         this.toggleAll(checked)
       }
     }
   },
   watch: {},
-  async created () {
+  async created() {
     this.aclInit()
   }
 }
diff --git a/packages/nc-gui/components/project/tableTabs/aclTsFile.vue b/packages/nc-gui/components/project/tableTabs/aclTsFile.vue
index 84cf1e8c77..e94ed0ca59 100644
--- a/packages/nc-gui/components/project/tableTabs/aclTsFile.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclTsFile.vue
@@ -109,7 +109,7 @@ export default {
   name: 'AclTypeorm',
   components: { aclTsFileChild },
   props: ['nodes'],
-  data () {
+  data() {
     return {
       policyPaths: null,
       search: ''
@@ -117,7 +117,7 @@ export default {
   },
   methods: {
 
-    async aclInit () {
+    async aclInit() {
       // this.disableSaveButton = true;
       // this.policyPaths = await this.sqlMgr.projectGetTsPolicyPath({
       //   env: this.nodes.env,
@@ -132,17 +132,17 @@ export default {
         tn: this.nodes.tn
       }])
     },
-    reload () {
+    reload() {
       for (const $acl of this.$refs.acl) {
         $acl.aclInit()
       }
     },
-    save () {
+    save() {
       for (const $acl of this.$refs.acl) {
         $acl.save()
       }
     },
-    openFolder () {
+    openFolder() {
       // shell.openItem(path.dirname(this.policyPaths[0]));
     }
   },
@@ -150,7 +150,7 @@ export default {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' })
   },
   watch: {},
-  async created () {
+  async created() {
     await this.aclInit()
   }
 }
diff --git a/packages/nc-gui/components/project/tableTabs/aclTsFileChild.vue b/packages/nc-gui/components/project/tableTabs/aclTsFileChild.vue
index ccaf9e8571..6038be7c83 100644
--- a/packages/nc-gui/components/project/tableTabs/aclTsFileChild.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclTsFileChild.vue
@@ -208,7 +208,7 @@ export default {
   name: 'AclTsFileChild',
 
   props: ['nodes', 'policyPath', 'search'],
-  data () {
+  data() {
     return {
       groupedData: null,
       disableSaveButton: true,
@@ -236,7 +236,7 @@ export default {
   },
   methods: {
 
-    async aclInit () {
+    async aclInit() {
       this.disableSaveButton = true
 
       try {
@@ -250,7 +250,7 @@ export default {
         console.log(e)
       }
     },
-    groupRoutes () {
+    groupRoutes() {
       const groupedData = {}
       for (const route of this.data1) {
         groupedData[route.path] = groupedData[route.path] || {}
@@ -258,7 +258,7 @@ export default {
       }
       this.groupedData = groupedData
     },
-    toggleColumn (role, method, checked) {
+    toggleColumn(role, method, checked) {
       for (const [path, methods] of Object.entries(this.groupedData)) {
         if (methods[method]) {
           this.$set(methods[method].acl, role, checked)
@@ -266,7 +266,7 @@ export default {
         }
       }
     },
-    toggleRow (path, checked) {
+    toggleRow(path, checked) {
       for (const [method, route] of Object.entries(this.groupedData[path])) {
         for (const role in route.acl) {
           this.$set(route.acl, role, checked)
@@ -274,7 +274,7 @@ export default {
         }
       }
     },
-    toggleAll (checked) {
+    toggleAll(checked) {
       this.disableSaveButton = false
       for (const path in this.groupedData) {
         this.rowToggle[path] = checked
@@ -293,19 +293,19 @@ export default {
         }
       }
     },
-    toggleCell (path, method, role, checked) {
+    toggleCell(path, method, role, checked) {
       this.disableSaveButton = false
       this.$set(this.columnToggle, `${method}_${role}`, Object.values(this.groupedData).some(methods => methods[method] && methods[method].acl[role]))
       this.$set(this.rowToggle, path, Object.values(this.groupedData[path]).some(route => Object.values(route.acl).some(v => v)))
     },
-    initColumnCheckBox () {
+    initColumnCheckBox() {
       for (const role of this.roles) {
         for (const method of this.methods) {
           this.columnToggle[`${method}_${role}`] = Object.values(this.groupedData).some(methods => methods[method] && methods[method].acl[role])
         }
       }
     },
-    initRowCheckBox () {
+    initRowCheckBox() {
       for (const path in this.groupedData) {
         this.rowToggle[path] = Object.values(this.groupedData[path])
           .filter(route =>
@@ -316,7 +316,7 @@ export default {
           ).length
       }
     },
-    async save () {
+    async save() {
       try {
         // await this.sqlMgr.writeFile({
         //   path: this.policyPath,
@@ -338,7 +338,7 @@ export default {
   computed: {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }),
     allToggle: {
-      get () {
+      get() {
         return this.groupedData && Object.values(this.groupedData)
           .some(methods => Object.values(methods)
             .some(route => Object.values(route.acl)
@@ -346,11 +346,11 @@ export default {
             )
           )
       },
-      set (checked) {
+      set(checked) {
         this.toggleAll(checked)
       }
     },
-    routesName () {
+    routesName() {
       return this.policyPath && this.policyPath
         .split('/').pop()
         .replace(/\.routes.js$/, '')
@@ -360,7 +360,7 @@ export default {
           return ' ' + m[0].toUpperCase() + m.slice(1)
         })
     },
-    filteredGroupedData () {
+    filteredGroupedData() {
       return this.groupedData
         ? Object.entries(this.groupedData)
           .filter(([path]) => !this.search || path.toLowerCase().includes(this.search.toLowerCase()))
@@ -368,7 +368,7 @@ export default {
     }
   },
   watch: {},
-  async created () {
+  async created() {
     await this.aclInit()
   }
 }
diff --git a/packages/nc-gui/components/project/tableTabs/aclTsFileDb.vue b/packages/nc-gui/components/project/tableTabs/aclTsFileDb.vue
index fa3001c644..544cf03d09 100644
--- a/packages/nc-gui/components/project/tableTabs/aclTsFileDb.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclTsFileDb.vue
@@ -115,7 +115,7 @@ export default {
   name: 'AclTypeormDb',
   components: { AclTypeormDbChild },
   props: ['nodes'],
-  data () {
+  data() {
     return {
       disableSaveButton: false,
       policies: [],
@@ -125,7 +125,7 @@ export default {
   },
   methods: {
 
-    async aclInit () {
+    async aclInit() {
       // // this.disableSaveButton = true;
       // this.policies = (await this.sqlMgr.xcRoutesPolicyGet({
       //   env: this.nodes.env,
@@ -139,28 +139,28 @@ export default {
         tn: this.nodes.tn
       }])).data.list
     },
-    reload () {
+    reload() {
       this.$refs.acl.aclInit()
     },
-    save () {
+    save() {
       this.$refs.acl.save()
     },
-    openFolder () {
+    openFolder() {
     }
   },
   computed: {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' })
   },
   watch: {},
-  mounted () {
+  mounted() {
     this.$nuxt.$loading.start()
-    setTimeout(async () => {
+    setTimeout(async() => {
       await this.aclInit()
       this.$nuxt.$loading.finish()
       this.loading = false
     }, 500)
   },
-  created () {
+  created() {
     this.loading = true
   }
 }
diff --git a/packages/nc-gui/components/project/tableTabs/aclTsFileDbChild.vue b/packages/nc-gui/components/project/tableTabs/aclTsFileDbChild.vue
index e8a87b8713..1f975e85fb 100644
--- a/packages/nc-gui/components/project/tableTabs/aclTsFileDbChild.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclTsFileDbChild.vue
@@ -223,7 +223,7 @@ export default {
   name: 'AclTsFileDbChild',
   components: { HandlerCodeEditor },
   props: ['nodes', 'policies', 'search'],
-  data () {
+  data() {
     return {
       showCodeEditor: false,
       editRoute: null,
@@ -253,12 +253,12 @@ export default {
     }
   },
   methods: {
-    showSourceCode (route, method) {
+    showSourceCode(route, method) {
       this.editRoute = route
       this.editMethod = method
       this.showCodeEditor = true
     },
-    aclInit () {
+    aclInit() {
       this.disableSaveButton = true
       try {
         // console.log(this.policyPath, this.data1)
@@ -270,7 +270,7 @@ export default {
         console.log(e)
       }
     },
-    groupRoutes () {
+    groupRoutes() {
       const groupedData = {}
       for (const route of this.data1) {
         if (route.path) {
@@ -280,7 +280,7 @@ export default {
       }
       this.groupedData = groupedData
     },
-    toggleColumn (role, method, checked) {
+    toggleColumn(role, method, checked) {
       for (const [path, methods] of Object.entries(this.groupedData)) {
         if (methods[method]) {
           this.$set(methods[method].acl, role, checked)
@@ -288,7 +288,7 @@ export default {
         }
       }
     },
-    toggleRow (path, checked) {
+    toggleRow(path, checked) {
       for (const [method, route] of Object.entries(this.groupedData[path])) {
         for (const role in route.acl) {
           this.$set(route.acl, role, checked)
@@ -296,7 +296,7 @@ export default {
         }
       }
     },
-    toggleAll (checked) {
+    toggleAll(checked) {
       this.disableSaveButton = false
       for (const path in this.groupedData) {
         this.rowToggle[path] = checked
@@ -315,19 +315,19 @@ export default {
         }
       }
     },
-    toggleCell (path, method, role, checked) {
+    toggleCell(path, method, role, checked) {
       this.disableSaveButton = false
       this.$set(this.columnToggle, `${method}_${role}`, Object.values(this.groupedData).some(methods => methods[method] && methods[method].acl[role]))
       this.$set(this.rowToggle, path, Object.values(this.groupedData[path]).some(route => Object.values(route.acl).some(v => v)))
     },
-    initColumnCheckBox () {
+    initColumnCheckBox() {
       for (const role of this.roles) {
         for (const method of this.methods) {
           this.columnToggle[`${method}_${role}`] = Object.values(this.groupedData).some(methods => methods[method] && methods[method].acl[role])
         }
       }
     },
-    initRowCheckBox () {
+    initRowCheckBox() {
       for (const path in this.groupedData) {
         this.rowToggle[path] = Object.values(this.groupedData[path])
           .filter(route =>
@@ -340,7 +340,7 @@ export default {
           ).length
       }
     },
-    async save () {
+    async save() {
       try {
         //
         // await this.sqlMgr.xcRoutesPolicyUpdate({
@@ -368,7 +368,7 @@ export default {
   computed: {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }),
     allToggle: {
-      get () {
+      get() {
         return this.groupedData && Object.values(this.groupedData)
           .some(methods => Object.values(methods)
             .some(route => Object.values(route.acl)
@@ -376,11 +376,11 @@ export default {
             )
           )
       },
-      set (checked) {
+      set(checked) {
         this.toggleAll(checked)
       }
     },
-    routesName () {
+    routesName() {
       return this.policyPath && this.policyPath
         .split('/').pop()
         .replace(/\.routes.js$/, '')
@@ -394,18 +394,18 @@ export default {
           return ' ' + m[0].toUpperCase() + m.slice(1)
         })
     },
-    filteredGroupedData () {
+    filteredGroupedData() {
       return Object.entries(this.groupedData)
         .filter(([path]) => !this.search || path.toLowerCase().includes(this.search.toLowerCase()))
     }
   },
   watch: {
-    policies (d) {
+    policies(d) {
       this.data1 = JSON.parse(JSON.stringify(d))
       this.aclInit()
     }
   },
-  async mounted () {
+  async mounted() {
     this.data1 = JSON.parse(JSON.stringify(this.policies))
     this.aclInit()
   }
diff --git a/packages/nc-gui/components/project/tableTabs/aclTsFileDbGql.vue b/packages/nc-gui/components/project/tableTabs/aclTsFileDbGql.vue
index 42fcdd0c85..e120a47e5b 100644
--- a/packages/nc-gui/components/project/tableTabs/aclTsFileDbGql.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclTsFileDbGql.vue
@@ -198,7 +198,7 @@ export default {
   name: 'AclTsFileDbGql',
 
   props: ['nodes'],
-  data () {
+  data() {
     return {
       disableSaveButton: true,
       search: '',
@@ -215,22 +215,22 @@ export default {
     }
   },
   methods: {
-    openFolder () {
+    openFolder() {
       //  shell.openItem(path.dirname(this.policyPath));
     },
-    toggleColumn (role, checked) {
+    toggleColumn(role, checked) {
       for (const [resolver, roles] of Object.entries(this.data1)) {
         this.$set(roles, role, checked)
         this.toggleCell(resolver, role, checked)
       }
     },
-    toggleRow (resolver, checked) {
+    toggleRow(resolver, checked) {
       for (const role in this.data1[resolver]) {
         this.$set(this.data1[resolver], role, checked)
         this.toggleCell(resolver, role, checked)
       }
     },
-    toggleAll (checked) {
+    toggleAll(checked) {
       this.disableSaveButton = false
       for (const path in this.data1) {
         this.rowToggle[path] = checked
@@ -245,17 +245,17 @@ export default {
         }
       }
     },
-    toggleCell (resolver, role, checked) {
+    toggleCell(resolver, role, checked) {
       this.disableSaveButton = false
       this.$set(this.columnToggle, role, Object.values(this.data1).some(roles => roles[role]))
       this.$set(this.rowToggle, resolver, Object.values(this.data1[resolver]).some(enabled => enabled))
     },
-    initColumnCheckBox () {
+    initColumnCheckBox() {
       for (const role of this.roles) {
         this.columnToggle[role] = Object.values(this.data1).some(roles => roles[role])
       }
     },
-    initRowCheckBox () {
+    initRowCheckBox() {
       for (const path in this.data1) {
         this.rowToggle[path] = Object.entries(this.data1[path]).filter(([role, v]) => {
           if (!this.roles.includes(role)) { this.roles = [...this.roles, role] }
@@ -263,7 +263,7 @@ export default {
         }).length
       }
     },
-    async aclInit () {
+    async aclInit() {
       try {
         console.log(this.sqlMgr)
         this.disableSaveButton = true
@@ -293,7 +293,7 @@ export default {
         console.log(e)
       }
     },
-    async save () {
+    async save() {
       try {
         // await this.sqlMgr.xcResolverPolicyUpdate({
         //   env: this.nodes.env,
@@ -320,16 +320,16 @@ export default {
   computed: {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }),
     allToggle: {
-      get () {
+      get() {
         return this.data1 && Object.values(this.data1).some(roles => Object.values(roles).some(v => v))
       },
-      set (checked) {
+      set(checked) {
         this.toggleAll(checked)
       }
     }
   },
   watch: {},
-  async mounted () {
+  async mounted() {
     await this.aclInit()
   }
 }
diff --git a/packages/nc-gui/components/project/tableTabs/aclTsFileGql.vue b/packages/nc-gui/components/project/tableTabs/aclTsFileGql.vue
index deb07f83cf..676f61dd84 100644
--- a/packages/nc-gui/components/project/tableTabs/aclTsFileGql.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclTsFileGql.vue
@@ -200,7 +200,7 @@ export default {
   name: 'AclTsFileGql',
 
   props: ['nodes'],
-  data () {
+  data() {
     return {
       disableSaveButton: true,
       search: '',
@@ -216,22 +216,22 @@ export default {
     }
   },
   methods: {
-    openFolder () {
+    openFolder() {
       // shell.openItem(path.dirname(this.policyPath))
     },
-    toggleColumn (role, checked) {
+    toggleColumn(role, checked) {
       for (const [resolver, roles] of Object.entries(this.data1)) {
         this.$set(roles, role, checked)
         this.toggleCell(resolver, role, checked)
       }
     },
-    toggleRow (resolver, checked) {
+    toggleRow(resolver, checked) {
       for (const role in this.data1[resolver]) {
         this.$set(this.data1[resolver], role, checked)
         this.toggleCell(resolver, role, checked)
       }
     },
-    toggleAll (checked) {
+    toggleAll(checked) {
       this.disableSaveButton = false
       for (const path in this.data1) {
         this.rowToggle[path] = checked
@@ -246,17 +246,17 @@ export default {
         }
       }
     },
-    toggleCell (resolver, role, checked) {
+    toggleCell(resolver, role, checked) {
       this.disableSaveButton = false
       this.$set(this.columnToggle, role, Object.values(this.data1).some(roles => roles[role]))
       this.$set(this.rowToggle, resolver, Object.values(this.data1[resolver]).some(enabled => enabled))
     },
-    initColumnCheckBox () {
+    initColumnCheckBox() {
       for (const role of this.roles) {
         this.columnToggle[role] = Object.values(this.data1).some(roles => roles[role])
       }
     },
-    initRowCheckBox () {
+    initRowCheckBox() {
       for (const path in this.data1) {
         this.rowToggle[path] = Object.entries(this.data1[path]).filter(([role, v]) => {
           if (!this.roles.includes(role)) { this.roles = [...this.roles, role] }
@@ -264,7 +264,7 @@ export default {
         }).length
       }
     },
-    async aclInit () {
+    async aclInit() {
       this.disableSaveButton = true
       // this.policyPath = await this.sqlMgr.projectGetGqlPolicyPath({
       //   env: this.nodes.env,
@@ -286,7 +286,7 @@ export default {
         console.log(e)
       }
     },
-    async save () {
+    async save() {
       try {
         // this.sqlMgr.writeFile({path: this.policyPath, data: `module.exports = ${JSON.stringify(this.data1, 0, 2)}`})
         await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'writeFile', {
@@ -304,16 +304,16 @@ export default {
   computed: {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }),
     allToggle: {
-      get () {
+      get() {
         return this.data1 && Object.values(this.data1).some(roles => Object.values(roles).some(v => v))
       },
-      set (checked) {
+      set(checked) {
         this.toggleAll(checked)
       }
     }
   },
   watch: {},
-  async created () {
+  async created() {
     await this.aclInit()
   }
 }
diff --git a/packages/nc-gui/components/project/tableTabs/columnActions/jsonToColumn.vue b/packages/nc-gui/components/project/tableTabs/columnActions/jsonToColumn.vue
index 8d59e4a7e0..894f0354d7 100644
--- a/packages/nc-gui/components/project/tableTabs/columnActions/jsonToColumn.vue
+++ b/packages/nc-gui/components/project/tableTabs/columnActions/jsonToColumn.vue
@@ -39,43 +39,43 @@ export default {
   name: 'JsonToColumn',
   directives: {},
   components: { MonacoJsonEditor },
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {
     value: Boolean,
     show: Boolean
   },
-  data () {
+  data() {
     return {
       jsonContent: JSON.stringify({ first_name: 'James', last_name: 'Bond' }, 0, 2),
       activeTab: 0
     }
   },
-  head () {
+  head() {
     return {}
   },
   computed: {
     dialogShow: {
-      get () {
+      get() {
         return this.show
       },
-      set (val) {
+      set(val) {
         this.$emit('update:show', val)
       }
     }
   },
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {},
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/components/project/tableTabs/columns.vue b/packages/nc-gui/components/project/tableTabs/columns.vue
index a4e5cb7144..225282cbfb 100644
--- a/packages/nc-gui/components/project/tableTabs/columns.vue
+++ b/packages/nc-gui/components/project/tableTabs/columns.vue
@@ -722,7 +722,7 @@ import jsonToColumn from './columnActions/jsonToColumn'
 
 export default {
   components: { addRelationDlg, dlgLabelSubmitCancel, jsonToColumn },
-  data () {
+  data() {
     return {
       showJsonToColumDlg: false,
       paginationLength: [20, 50, -1],
@@ -779,15 +779,15 @@ export default {
     }
   },
   methods: {
-    async saveAndScaffold () {
+    async saveAndScaffold() {
       await this.applyChanges()
       await this.scaffold()
     },
-    async saveAndScaffoldModel () {
+    async saveAndScaffoldModel() {
       await this.applyChanges()
       await this.scaffold({ model: true })
     },
-    async scaffold (scaffold = null) {
+    async scaffold(scaffold = null) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
           null,
@@ -802,15 +802,15 @@ export default {
         console.log(e)
       }
     },
-    async saveAndScaffoldGql () {
+    async saveAndScaffoldGql() {
       await this.applyChanges()
       await this.scaffoldGql()
     },
-    async saveAndScaffoldModelGql () {
+    async saveAndScaffoldModelGql() {
       await this.applyChanges()
       await this.scaffoldGql({ model: true })
     },
-    async scaffoldGql (scaffold = null) {
+    async scaffoldGql(scaffold = null) {
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
           null,
@@ -824,7 +824,7 @@ export default {
       } catch (e) {
       }
     },
-    async handleKeyDown ({ metaKey, key, altKey, shiftKey, ctrlKey }) {
+    async handleKeyDown({ metaKey, key, altKey, shiftKey, ctrlKey }) {
       console.log(metaKey, key, altKey, shiftKey, ctrlKey)
       // cmd + s -> save
       // cmd + l -> reload
@@ -847,7 +847,7 @@ export default {
           break
       }
     },
-    loadJsonColumn (jsonString) {
+    loadJsonColumn(jsonString) {
       try {
         const columns = this.sqlUi.getColumnsFromJson(JSON5.parse(jsonString), this.nodes.tn)
         const dup = columns.find(col => this.columns.some(exCol => exCol.cn === col.cn))
@@ -864,7 +864,7 @@ export default {
         this.$toast.error('Invalid JSON string').goAway(3000)
       }
     },
-    getColumnIcon (column) {
+    getColumnIcon(column) {
       if (column.pk) {
         return 'mdi-key'
       } else if (column.rcn) {
@@ -873,18 +873,18 @@ export default {
         return 'mdi-gate-or'
       }
     },
-    onFKShowWarning () {
+    onFKShowWarning() {
       this.$toast.error("COLUMN property with foreign key mapped can't be edited. Remove foreign key to edit.").goAway(3000)
     },
 
     ...mapActions({
       loadTablesFromChildTreeNode: 'project/loadTablesFromChildTreeNode'
     }),
-    onCheckboxChange () {
+    onCheckboxChange() {
       this.edited = true
     },
 
-    onCheckboxChangePk (col) {
+    onCheckboxChangePk(col) {
       this.edited = true
       col.altered = col.altered || 2
 
@@ -897,40 +897,40 @@ export default {
       col.cdf = null
       col.rqd = true
     },
-    colPropAIDisabled (col) {
+    colPropAIDisabled(col) {
       return this.sqlUi.colPropAIDisabled(col, this.columns)
     },
 
-    colPropUNDisabled (col) {
+    colPropUNDisabled(col) {
       return this.sqlUi.colPropUNDisabled(col)
     },
 
-    onCheckboxChangeAI (col) {
+    onCheckboxChangeAI(col) {
       this.sqlUi.onCheckboxChangeAI(col)
 
       this.edited = true
     },
 
-    onCheckboxChangeAU (col) {
+    onCheckboxChangeAU(col) {
       this.sqlUi.onCheckboxChangeAU(col)
       this.edited = true
     },
 
-    onCheckboxChangeNN (col) {
+    onCheckboxChangeNN(col) {
       col.altered = col.altered || 2
       this.edited = true
     },
 
-    onCheckboxChangeUN (col) {
+    onCheckboxChangeUN(col) {
       col.altered = col.altered || 2
       this.edited = true
     },
 
-    onUiDataTypeChange (column) {
+    onUiDataTypeChange(column) {
       this.edited = true
       column.altered = column.altered || 2
     },
-    onDataTypeChange (column, index) {
+    onDataTypeChange(column, index) {
       this.edited = true
       column.altered = column.altered || 2
       column.rqd = false
@@ -946,7 +946,7 @@ export default {
 
       this.$set(column, 'uidt', this.sqlUi.getUIType(column))
     },
-    async loadColumnList () {
+    async loadColumnList() {
       this.loading = true
       this.$store.commit('notification/MutToggleProgressBar', true)
       try {
@@ -993,10 +993,10 @@ export default {
         this.loading = false
       }
     },
-    async loadUiDataTypes () {
+    async loadUiDataTypes() {
       this.uiDataTypes = uiTypes
     },
-    async loadDataTypes () {
+    async loadDataTypes() {
       try {
         const result = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           env: this.nodes.env,
@@ -1009,75 +1009,75 @@ export default {
         throw e
       }
     },
-    saveColumnName (col, v) {
+    saveColumnName(col, v) {
       this.edited = true
       col.altered = col.altered || 8
       this.snack = true
     },
-    save (col) {
+    save(col) {
       this.edited = true
       col.altered = col.altered || 2
       this.snack = true
     },
-    cancel () {
+    cancel() {
       this.snack = true
     },
-    open () {
+    open() {
       this.snack = true
     },
-    close () {
+    close() {
       console.log('Dialog closed')
     },
 
-    saveDefaultValue (col) {
+    saveDefaultValue(col) {
       this.edited = true
       col.altered = col.altered || 2
       this.snack = true
     },
-    savePrecision (col) {
+    savePrecision(col) {
       console.log(col)
       col.altered = col.altered || 2
       this.edited = true
       this.snack = true
     },
-    cancelPrecision () {
+    cancelPrecision() {
       this.snack = true
     },
-    openPrecision () {
+    openPrecision() {
       this.snack = true
     },
-    closePrecision () {
+    closePrecision() {
       console.log('Dialog closed')
     },
-    showScale (columnObj) {
+    showScale(columnObj) {
       return this.sqlUi.showScale(columnObj)
     },
-    saveScale (col) {
+    saveScale(col) {
       col.altered = col.altered || 2
       this.edited = true
       this.snack = true
     },
-    cancelScale () {
+    cancelScale() {
       this.snack = true
     },
-    openScale () {
+    openScale() {
       this.snack = true
     },
-    closeScale () {
+    closeScale() {
       console.log('Dialog closed')
     },
-    removeUnsigned (columns) {
+    removeUnsigned(columns) {
       this.sqlUi.removeUnsigned(columns)
     },
-    async reload () {
+    async reload() {
       await this.loadColumnList()
     },
-    addColumn () {
+    addColumn() {
       this.edited = true
       this.columns.push(this.sqlUi.getNewColumn(this.columns.length))
       this.scrollAndFocusLastRow()
     },
-    async deleteColumn (action = '', index, column) {
+    async deleteColumn(action = '', index, column) {
       try {
         if (action === 'showDialog') {
           this.columnDeleteDlg = true
@@ -1112,7 +1112,7 @@ export default {
       }
     },
 
-    async applyChangesDirect () {
+    async applyChangesDirect() {
       try {
         if (this.newTable) {
           await this.saveAndScaffold()
@@ -1125,7 +1125,7 @@ export default {
         throw e
       }
     },
-    async applyChangesDirectGql () {
+    async applyChangesDirectGql() {
       try {
         if (this.newTable) {
           await this.saveAndScaffoldGql()
@@ -1138,7 +1138,7 @@ export default {
         throw e
       }
     },
-    async applyChanges () {
+    async applyChanges() {
       try {
         this.progress.save = true
         if (this.newTable) {
@@ -1180,12 +1180,12 @@ export default {
 
       this.progress.save = false
     },
-    createNewOrEditRelation (column) {
+    createNewOrEditRelation(column) {
       console.log(column)
       this.selectedColForNewRelation = { ...column }
       this.dialogShow = true
     },
-    async mtdNewRelationDlgSubmit (relationObject) {
+    async mtdNewRelationDlgSubmit(relationObject) {
       try {
         if (relationObject.updateRelation) {
           // update existing relation
@@ -1215,11 +1215,11 @@ export default {
         throw error
       }
     },
-    mtdNewRelationDlgCancel () {
+    mtdNewRelationDlgCancel() {
       this.dialogShow = false
       this.selectedColNameForNewRelation = ''
     },
-    async deleteRelation (action = '', column) {
+    async deleteRelation(action = '', column) {
       try {
         if (action === 'showDialog') {
           this.relationDeleteDlg = true
@@ -1255,7 +1255,7 @@ export default {
         throw e
       }
     },
-    scrollAndFocusLastRow () {
+    scrollAndFocusLastRow() {
       this.$nextTick(() => {
         document.querySelector('.project-container').scrollTop = 9999
         const menuActivator = this.$refs.column && this.$refs.column.querySelector('.v-small-dialog__activator__content')
@@ -1279,10 +1279,10 @@ export default {
     })
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  async created () {
+  async created() {
     this.sqlUi = SqlUI.create(this.nodes.dbConnection)
 
     try {
@@ -1294,18 +1294,18 @@ export default {
       this.loading = false
     }
   },
-  mounted () {
+  mounted() {
 
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes', 'newTable', 'mtdNewTableUpdate', 'deleteTable', 'isMetaTable']
diff --git a/packages/nc-gui/components/project/tableTabs/columnsMock.vue b/packages/nc-gui/components/project/tableTabs/columnsMock.vue
index 172e411434..b58766e51d 100644
--- a/packages/nc-gui/components/project/tableTabs/columnsMock.vue
+++ b/packages/nc-gui/components/project/tableTabs/columnsMock.vue
@@ -358,7 +358,7 @@ import dlgLabelSubmitCancel from '../../utils/dlgLabelSubmitCancel.vue'
 
 export default {
   components: { addRelationDlg, dlgLabelSubmitCancel },
-  data () {
+  data() {
     return {
       progress: {
         save: false,
@@ -407,18 +407,18 @@ export default {
     ...mapActions({
       loadTablesFromChildTreeNode: 'project/loadTablesFromChildTreeNode'
     }),
-    async onCheckboxChange () {
+    async onCheckboxChange() {
       this.edited = true
     },
 
-    async onCheckboxChangePk (col) {
+    async onCheckboxChangePk(col) {
       this.edited = true
       col.altered = col.altered || 2
 
       col.cdf = null
       col.rqd = true
     },
-    colPropAIDisabled (col) {
+    colPropAIDisabled(col) {
       // console.log(col);
       if (col.dtx === 'integer' ||
           col.dtx === 'bigInteger' ||
@@ -434,7 +434,7 @@ export default {
       }
     },
 
-    colPropUNDisabled (col) {
+    colPropUNDisabled(col) {
       // console.log(col);
       if (col.dtx === 'integer' ||
           col.dtx === 'bigInteger' ||
@@ -445,7 +445,7 @@ export default {
       }
     },
 
-    onCheckboxChangeAI (col) {
+    onCheckboxChangeAI(col) {
       console.log(col)
       if (col.dt === 'int' || col.dt === 'bigint' || col.dt === 'smallint' || col.dt === 'tinyint') {
         col.altered = col.altered || 2
@@ -460,17 +460,17 @@ export default {
       this.edited = true
     },
 
-    onCheckboxChangeNN (col) {
+    onCheckboxChangeNN(col) {
       col.altered = col.altered || 2
       this.edited = true
     },
 
-    onCheckboxChangeUN (col) {
+    onCheckboxChangeUN(col) {
       col.altered = col.altered || 2
       this.edited = true
     },
 
-    async onDataTypeChange (column, index) {
+    async onDataTypeChange(column, index) {
       this.edited = true
       column.altered = column.altered || 2
       column.rqd = false
@@ -484,7 +484,7 @@ export default {
 
       console.log('data type changed', index, column)
     },
-    async loadColumnList () {
+    async loadColumnList() {
       this.edited = false
       if (this.newTable) {
         this.columns = [
@@ -581,7 +581,7 @@ export default {
       this.originalColumns = [...columns]
       console.log(this.columns)
     },
-    async loadDataTypes () {
+    async loadDataTypes() {
       const client = await this.sqlMgr.projectGetSqlClient({
         env: this.nodes.env,
         dbAlias: this.nodes.dbAlias
@@ -589,7 +589,7 @@ export default {
       const result = client.getKnexDataTypes()
       this.dataTypes = result.data.list
     },
-    saveColumnName (col) {
+    saveColumnName(col) {
       this.edited = true
       col.altered = col.altered || 8
 
@@ -597,7 +597,7 @@ export default {
       this.snackColor = 'success'
       this.snackText = 'Data saved'
     },
-    save (col) {
+    save(col) {
       this.edited = true
       col.altered = col.altered || 2
 
@@ -605,21 +605,21 @@ export default {
       this.snackColor = 'success'
       this.snackText = 'Data saved'
     },
-    cancel () {
+    cancel() {
       this.snack = true
       this.snackColor = 'error'
       this.snackText = 'Canceled'
     },
-    open () {
+    open() {
       this.snack = true
       this.snackColor = 'info'
       this.snackText = 'Dialog opened'
     },
-    close () {
+    close() {
       console.log('Dialog closed')
     },
 
-    saveDefaultValue (col) {
+    saveDefaultValue(col) {
       this.edited = true
       col.altered = col.altered || 2
       // col.rqd = false;
@@ -629,7 +629,7 @@ export default {
       this.snackText = 'Data saved'
     },
 
-    savePrecision (col) {
+    savePrecision(col) {
       console.log(col)
       col.altered = col.altered || 2
       this.edited = true
@@ -637,21 +637,21 @@ export default {
       this.snackColor = 'success'
       this.snackText = 'Data saved'
     },
-    cancelPrecision () {
+    cancelPrecision() {
       this.snack = true
       this.snackColor = 'error'
       this.snackText = 'Canceled'
     },
-    openPrecision () {
+    openPrecision() {
       this.snack = true
       this.snackColor = 'info'
       this.snackText = 'Dialog opened'
     },
-    closePrecision () {
+    closePrecision() {
       console.log('Dialog closed')
     },
 
-    saveScale (col) {
+    saveScale(col) {
       if (col.dtx === 'float' || col.dtx === 'decimal' || col.dtx === 'specifcType') {
         col.altered = col.altered || 2
         this.edited = true
@@ -660,21 +660,21 @@ export default {
         this.snackText = 'Data saved'
       }
     },
-    cancelScale () {
+    cancelScale() {
       this.snack = true
       this.snackColor = 'error'
       this.snackText = 'Canceled'
     },
-    openScale () {
+    openScale() {
       this.snack = true
       this.snackColor = 'info'
       this.snackText = 'Dialog opened'
     },
-    closeScale () {
+    closeScale() {
       console.log('Dialog closed')
     },
 
-    removeUnsigned (columns) {
+    removeUnsigned(columns) {
       for (let i = 0; i < columns.length; ++i) {
         if (columns[i].altered === 1 && (!(columns[i].dt === 'int' || columns[i].dt === 'bigint'))) {
           columns[i].un = false
@@ -683,7 +683,7 @@ export default {
         console.log(columns[i].cn)
       }
     },
-    addColumn () {
+    addColumn() {
       this.edited = true
       this.columns.push({
         cn: 'title' + this.columns.length,
@@ -706,7 +706,7 @@ export default {
         altered: 1
       })
     },
-    async deleteColumn (action = '', index, column) {
+    async deleteColumn(action = '', index, column) {
       if (action === 'showDialog') {
         this.columnDeleteDlg = true
         this.selectedColForDelete = { index, column }
@@ -737,7 +737,7 @@ export default {
         this.selectedColForDelete = null
       }
     },
-    async applyChanges () {
+    async applyChanges() {
       this.progress.save = true
       await this.sqlMgr.projectGetSqlClient({
         env: this.nodes.env,
@@ -813,12 +813,12 @@ export default {
       this.progress.save = false
       await this.loadColumnList()
     },
-    createNewOrEditRelation (column) {
+    createNewOrEditRelation(column) {
       console.log(column)
       this.selectedColForNewRelation = { ...column }
       this.dialogShow = true
     },
-    async mtdNewRelationDlgSubmit (relationObject) {
+    async mtdNewRelationDlgSubmit(relationObject) {
       try {
         await this.sqlMgr.projectGetSqlClient({
           env: this.nodes.env,
@@ -849,11 +849,11 @@ export default {
         console.error('relationCreate error: ', error)
       }
     },
-    mtdNewRelationDlgCancel () {
+    mtdNewRelationDlgCancel() {
       this.dialogShow = false
       this.selectedColNameForNewRelation = ''
     },
-    async deleteRelation (action = '', column) {
+    async deleteRelation(action = '', column) {
       if (action === 'showDialog') {
         this.relationDeleteDlg = true
         this.selectedColForRelationDelete = column
@@ -898,24 +898,24 @@ export default {
   },
   computed: { ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }) },
 
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  async created () {
+  async created() {
     await this.loadColumnList()
     this.loadDataTypes()
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes', 'newTable', 'mtdNewTableUpdate', 'deleteTable']
diff --git a/packages/nc-gui/components/project/tableTabs/constraints.vue b/packages/nc-gui/components/project/tableTabs/constraints.vue
index 707b2e99e7..371aa07459 100644
--- a/packages/nc-gui/components/project/tableTabs/constraints.vue
+++ b/packages/nc-gui/components/project/tableTabs/constraints.vue
@@ -75,7 +75,7 @@
 import { mapGetters } from 'vuex'
 
 export default {
-  data () {
+  data() {
     return {
       constraints: [],
       headers: [
@@ -90,7 +90,7 @@ export default {
     }
   },
   methods: {
-    async loadConstraintList () {
+    async loadConstraintList() {
       if (this.newTable) { return }
       // console.log("env: this.nodes.env", this.nodes.env, this.nodes.dbAlias);
       const client = await this.sqlMgr.projectGetSqlClient({
@@ -106,24 +106,24 @@ export default {
   },
   computed: { ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }) },
 
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  created () {
+  created() {
     this.loadConstraintList()
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes', 'newTable', 'deleteTable']
diff --git a/packages/nc-gui/components/project/tableTabs/customAcl.vue b/packages/nc-gui/components/project/tableTabs/customAcl.vue
index 94ea6588a4..7e2f988e29 100644
--- a/packages/nc-gui/components/project/tableTabs/customAcl.vue
+++ b/packages/nc-gui/components/project/tableTabs/customAcl.vue
@@ -118,17 +118,17 @@ export default {
     loading: false
   }),
   computed: {
-    keys () {
+    keys() {
       return Object.keys(this.value)
     }
   },
-  created () {
+  created() {
   },
-  async mounted () {
+  async mounted() {
     await this.loadTableMetaDetails()
   },
   methods: {
-    onKeyChange (i, key) {
+    onKeyChange(i, key) {
       let value = JSON.parse(JSON.stringify(this.value))
 
       const selected = this.$refs[`keySelect${i}`][0].selectedOptions
@@ -168,24 +168,24 @@ export default {
       }
       this.$emit('input', value)
     },
-    addConditionProp () {
+    addConditionProp() {
       const value = JSON.parse(JSON.stringify(this.value))
       value[''] = ''
       this.$emit('input', value)
     },
-    addConditionObj () {
+    addConditionObj() {
       const value = JSON.parse(JSON.stringify(this.value))
       value.push({
         '': ''
       })
       this.$emit('input', value)
     },
-    deleteCondition (key) {
+    deleteCondition(key) {
       const value = JSON.parse(JSON.stringify(this.value))
       delete value[key]
       this.$emit('input', value)
     },
-    async loadTableMetaDetails () {
+    async loadTableMetaDetails() {
       if (this.table) {
         this.loading = true
         try {
diff --git a/packages/nc-gui/components/project/tableTabs/indexes.vue b/packages/nc-gui/components/project/tableTabs/indexes.vue
index a2bfddb1b5..e6954bf449 100644
--- a/packages/nc-gui/components/project/tableTabs/indexes.vue
+++ b/packages/nc-gui/components/project/tableTabs/indexes.vue
@@ -232,7 +232,7 @@ import dlgLabelSubmitCancel from '../../utils/dlgLabelSubmitCancel'
 
 export default {
   components: { dlgLabelSubmitCancel, Splitpanes, Pane },
-  data () {
+  data() {
     return {
       selected: [],
       indexCreationAllowed: true,
@@ -283,7 +283,7 @@ export default {
     }
   },
   methods: {
-    async handleKeyDown ({ metaKey, key, altKey, shiftKey, ctrlKey }) {
+    async handleKeyDown({ metaKey, key, altKey, shiftKey, ctrlKey }) {
       console.log(metaKey, key, altKey, shiftKey, ctrlKey)
       // cmd + s -> save
       // cmd + l -> reload
@@ -307,7 +307,7 @@ export default {
       }
     },
 
-    async mtdRefreshIndexList () {
+    async mtdRefreshIndexList() {
       try {
         this.$store.commit('notification/MutToggleProgressBar', true)
         if (this.newTable) {
@@ -323,17 +323,17 @@ export default {
         this.$store.commit('notification/MutToggleProgressBar', false)
       }
     },
-    getColumnsForIndexCreation (columns) {
+    getColumnsForIndexCreation(columns) {
       /** ************* START : get columns in this index ***************/
       let tempIndexes = JSON.parse(JSON.stringify(columns))
       console.log('columns in index', columns)
-      tempIndexes = tempIndexes.filter(function (a) {
+      tempIndexes = tempIndexes.filter(function(a) {
         return a.seq_in_index !== 0
       })
 
       console.log('tempIndexes after filter', tempIndexes)
 
-      tempIndexes = tempIndexes.sort(function (a, b) {
+      tempIndexes = tempIndexes.sort(function(a, b) {
         return a.seq_in_index - b.seq_in_index
       })
       console.log('tempIndexes after sort', tempIndexes)
@@ -348,7 +348,7 @@ export default {
 
       /** ************* END : get columns in this index ***************/
     },
-    async mtdIndexCreate (aggregatedIndex) {
+    async mtdIndexCreate(aggregatedIndex) {
       // const client = await this.sqlMgr.projectGetSqlClient({
       //   env: this.nodes.env,
       //   dbAlias: this.nodes.dbAlias
@@ -451,7 +451,7 @@ export default {
 
       await this.mtdRefreshIndexList()
     },
-    async mtdIndexDelete (action = '', aggregatedIndex, index) {
+    async mtdIndexDelete(action = '', aggregatedIndex, index) {
       if (action === 'showDialog') {
         this.showIndexDeleteDialog = true
         this.selectedIndexForDelete = { aggregatedIndex, index }
@@ -475,13 +475,13 @@ export default {
             JSON.stringify(this.selectedIndexForDelete.aggregatedIndex.columns)
           )
 
-          tempIndexes = tempIndexes.filter(function (a) {
+          tempIndexes = tempIndexes.filter(function(a) {
             return a.seq_in_index !== 0
           })
 
           console.log('tempIndexes after filter', tempIndexes)
 
-          tempIndexes = tempIndexes.sort(function (a, b) {
+          tempIndexes = tempIndexes.sort(function(a, b) {
             return a.seq_in_index - b.seq_in_index
           })
           console.log('tempIndexes after sort', tempIndexes)
@@ -533,13 +533,13 @@ export default {
         this.selectedIndexForDelete = null
       }
     },
-    mtdToggleNonUniqueStatus (aggregatedIndex) {
+    mtdToggleNonUniqueStatus(aggregatedIndex) {
       console.log('mtdToggleNonUniqueStatus', aggregatedIndex)
       // aggregatedIndex.non_unique = aggregatedIndex.non_unique ? 0 : 1;
       aggregatedIndex.edited = true
       aggregatedIndex.editedIndexAttr = true
     },
-    mtdToggleColumnInIndex (cn, index) {
+    mtdToggleColumnInIndex(cn, index) {
       console.log('Index being edited:', this.selected)
 
       const aggregatedIndex = this.aggregatedIndexes.find(
@@ -575,7 +575,7 @@ export default {
       } else {
         const max = Math.max.apply(
           Math,
-          this.indexColumns.map(function (o) {
+          this.indexColumns.map(function(o) {
             return o.seq_in_index
           })
         )
@@ -583,7 +583,7 @@ export default {
         cn.seq_in_index = max + 1
       }
     },
-    mtdAddIndex () {
+    mtdAddIndex() {
       const itemIndex = this.aggregatedIndexes.length
       const index = {
         cardinality: 'a',
@@ -609,13 +609,13 @@ export default {
       this.selected = itemIndex
       this.mtdSelectColumnsForIndex(index, itemIndex)
     },
-    mtdResetColumnsIndexes () {
+    mtdResetColumnsIndexes() {
       for (let j = 0; j < this.columns.length; j++) {
         this.columns[j].seq_in_index = 0
         this.columns[j].is_index = false
       }
     },
-    mtdSelectColumnsForIndex (indexObj = null, index = 0) {
+    mtdSelectColumnsForIndex(indexObj = null, index = 0) {
       console.log('selecting index', index)
 
       if (!indexObj) {
@@ -644,7 +644,7 @@ export default {
 
       this.indexColumns = indexObj.columns
     },
-    calculateColumnSequenceValue () {
+    calculateColumnSequenceValue() {
       this.aggregatedIndexes.forEach((indexObj) => {
         for (let i = 0; i < this.indexes.length; i++) {
           if (indexObj.key_name === this.indexes[i].key_name) {
@@ -661,7 +661,7 @@ export default {
       })
     },
 
-    createAggregatedIndexesList (indexes) {
+    createAggregatedIndexesList(indexes) {
       for (let i = 0; i < indexes.length; i++) {
         const index = { ...indexes[i] }
         let found = 0
@@ -682,7 +682,7 @@ export default {
         }
       }
     },
-    async getIndexesAndCreateAggregatedIndexes () {
+    async getIndexesAndCreateAggregatedIndexes() {
       this.loading = true
 
       if (this.newTable) { return }
@@ -722,7 +722,7 @@ export default {
 
       this.loading = false
     },
-    async getColumnList () {
+    async getColumnList() {
       this.columnLoading = true
       // console.log("env: this.nodes.env", this.nodes.env, this.nodes.dbAlias);
       // const client = await this.sqlMgr.projectGetSqlClient({
@@ -756,25 +756,25 @@ export default {
       console.log('Columns in table:', this.columns)
       this.columnLoading = false
     },
-    save (aggregatedIndex) {
+    save(aggregatedIndex) {
       aggregatedIndex.edited = true
 
       this.snack = true
       this.snackColor = 'success'
       this.snackText = 'Data saved'
     },
-    cancel () {
+    cancel() {
       this.snack = true
       this.snackColor = 'error'
       this.snackText = 'Canceled'
       console.log('Dialog Canceled')
     },
-    open () {
+    open() {
       this.snack = true
       this.snackColor = 'info'
       this.snackText = 'Dialog opened'
     },
-    close (aggregatedIndex) {
+    close(aggregatedIndex) {
       aggregatedIndex.edited = true
     }
   },
@@ -782,30 +782,30 @@ export default {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' })
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {
-    columns () {
+    columns() {
       return this.columns
     },
-    aggregatedIndexes (v, ov) {
+    aggregatedIndexes(v, ov) {
       console.log(v, ov)
     }
   },
-  async created () {
+  async created() {
     await this.mtdRefreshIndexList()
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes', 'newTable', 'deleteTable', 'isMetaTable']
diff --git a/packages/nc-gui/components/project/tableTabs/logicGql.vue b/packages/nc-gui/components/project/tableTabs/logicGql.vue
index 613f7236bd..c2a0a91abc 100644
--- a/packages/nc-gui/components/project/tableTabs/logicGql.vue
+++ b/packages/nc-gui/components/project/tableTabs/logicGql.vue
@@ -253,29 +253,29 @@ export default {
     isMiddleware: false
   }),
   computed: {
-    filteredData () {
+    filteredData() {
       return this.resolvers.filter(({ resolver }) => !resolver || (!this.search || resolver.toLowerCase().includes(this.search.toLowerCase())))
     }
   },
-  async created () {
+  async created() {
     await this.loadResolvers()
     await this.loadSchema()
   },
   methods: {
-    showSourceCode (resolver, functions) {
+    showSourceCode(resolver, functions) {
       this.selectedFunctions = functions
       this.editResolver = resolver
       this.isMiddleware = false
       this.showCodeEditor = true
     },
-    showMiddlewareSourceCode (table, functions) {
+    showMiddlewareSourceCode(table, functions) {
       this.selectedFunctions = functions
       this.editResolver = table
       this.isMiddleware = true
       this.showCodeEditor = true
     },
 
-    async saveSchema () {
+    async saveSchema() {
       this.edited = false
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
@@ -290,7 +290,7 @@ export default {
         this.$toast.error('Failed to update validations').goAway(3000)
       }
     },
-    async loadSchema () {
+    async loadSchema() {
       const tableMeta = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
         dbAlias: this.nodes.dbAlias
@@ -304,7 +304,7 @@ export default {
         this.schemaHistory = []
       }
     },
-    async loadResolvers () {
+    async loadResolvers() {
       this.resolvers = (await this.$store.dispatch('sqlMgr/ActSqlOp', [
         {
           env: this.nodes.env,
diff --git a/packages/nc-gui/components/project/tableTabs/logicGrpc.vue b/packages/nc-gui/components/project/tableTabs/logicGrpc.vue
index 9c9db588df..ff400b865d 100644
--- a/packages/nc-gui/components/project/tableTabs/logicGrpc.vue
+++ b/packages/nc-gui/components/project/tableTabs/logicGrpc.vue
@@ -232,22 +232,22 @@ export default {
     schemaDiffDialog: false
   }),
   computed: {
-    filteredData () {
+    filteredData() {
       return this.rpcServices.filter(({ service }) => service && (!this.search || service.toLowerCase().includes(this.search.toLowerCase())))
     }
   },
-  async created () {
+  async created() {
     await this.loadRpcs()
     await this.loadSchema()
   },
   methods: {
 
-    showSourceCode (service, serviceData) {
+    showSourceCode(service, serviceData) {
       this.editService = service
       this.showCodeEditor = true
       this.editServiceData = serviceData
     },
-    async loadSchema () {
+    async loadSchema() {
       const tableMeta = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
         dbAlias: this.nodes.dbAlias
@@ -262,7 +262,7 @@ export default {
         this.schemaHistory = []
       }
     },
-    async loadRpcs () {
+    async loadRpcs() {
       this.rpcServices = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
         dbAlias: this.nodes.dbAlias
@@ -270,7 +270,7 @@ export default {
         tn: this.nodes.tn || this.nodes.view_name
       }])).data.list
     },
-    async saveMessageAndRpc () {
+    async saveMessageAndRpc() {
       this.edited = false
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
diff --git a/packages/nc-gui/components/project/tableTabs/logicRest.vue b/packages/nc-gui/components/project/tableTabs/logicRest.vue
index 30b2eca58c..5f219d200d 100644
--- a/packages/nc-gui/components/project/tableTabs/logicRest.vue
+++ b/packages/nc-gui/components/project/tableTabs/logicRest.vue
@@ -275,21 +275,21 @@ export default {
     schemaDiffDialog: false
   }),
   computed: {
-    filteredGroupedData () {
+    filteredGroupedData() {
       return Object.entries(this.groupedData)
         .filter(([path]) => !this.search || path.toLowerCase().includes(this.search.toLowerCase()))
     },
-    name () {
+    name() {
       return this.nodes.tn || this.nodes.view_name
     }
   },
-  async created () {
+  async created() {
     await this.loadRoutes()
     this.groupRoutes()
     await this.loadSwaggerDoc()
   },
   methods: {
-    groupRoutes () {
+    groupRoutes() {
       const groupedData = {}
       this.middlewares = []
       for (const route of this.routers) {
@@ -302,19 +302,19 @@ export default {
       }
       this.groupedData = groupedData
     },
-    showSourceCode (route, method) {
+    showSourceCode(route, method) {
       this.editRoute = route
       this.editMethod = method
       this.isMiddleware = false
       this.showCodeEditor = true
     },
-    showMiddlewareSourceCode (mw) {
+    showMiddlewareSourceCode(mw) {
       this.editRoute = mw
       this.editMethod = null
       this.isMiddleware = true
       this.showCodeEditor = true
     },
-    async loadSwaggerDoc () {
+    async loadSwaggerDoc() {
       const tableMeta = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
         dbAlias: this.nodes.dbAlias
@@ -328,7 +328,7 @@ export default {
         this.swaggerDocHistory = []
       }
     },
-    async saveSwaggerDoc () {
+    async saveSwaggerDoc() {
       this.edited = false
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
@@ -343,7 +343,7 @@ export default {
         this.$toast.error('Failed to update swagger doc').goAway(3000)
       }
     },
-    async loadRoutes () {
+    async loadRoutes() {
       this.loading = true
       this.routers = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
diff --git a/packages/nc-gui/components/project/tableTabs/mocks.vue b/packages/nc-gui/components/project/tableTabs/mocks.vue
index 5cedcba25e..5fa1631cff 100644
--- a/packages/nc-gui/components/project/tableTabs/mocks.vue
+++ b/packages/nc-gui/components/project/tableTabs/mocks.vue
@@ -131,7 +131,7 @@ const levenshtein = require('fast-levenshtein')
 
 export default {
   components: {},
-  data () {
+  data() {
     return {
       colsHeader: [{ text: 'Column Name' }, { text: 'Mapper Function' }],
       cols: [],
@@ -141,7 +141,7 @@ export default {
     }
   },
   methods: {
-    async handleKeyDown ({ metaKey, key, altKey, shiftKey, ctrlKey }) {
+    async handleKeyDown({ metaKey, key, altKey, shiftKey, ctrlKey }) {
       console.log(metaKey, key, altKey, shiftKey, ctrlKey)
       // cmd + s -> save
       // cmd + l -> reload
@@ -165,7 +165,7 @@ export default {
       }
     },
 
-    async loadColumnList () {
+    async loadColumnList() {
       this.disableSaveButton = true
       const columnsList = await this.client.fakerColumnsList({
         tn: this.nodes.tn,
@@ -181,7 +181,7 @@ export default {
       //   }
       // })
     },
-    mapFieldWithSuggestedFakerFn () {
+    mapFieldWithSuggestedFakerFn() {
       this.cols = this.cols.map((col) => {
         let suggestion = null
         let lScore = Infinity
@@ -208,7 +208,7 @@ export default {
         return col
       })
     },
-    async saveFakeFunctions () {
+    async saveFakeFunctions() {
       try {
         await this.client.fakerColumnsCreate({ fakerColumns: this.cols, seedsFolder: this.seedsFolder, tn: this.nodes.tn })
       } catch (e) {
@@ -220,10 +220,10 @@ export default {
   computed: {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' })
   },
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  async created () {
+  async created() {
     try {
       this.seedsFolder = this.sqlMgr.projectGetFolder({
         env: this.nodes.env,
@@ -240,23 +240,23 @@ export default {
       throw e
     }
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
   filters: {
-    filterFakerList (list, type) {
+    filterFakerList(list, type) {
       const nativeType = dataTypeMapping(type)
       return list.filter(item => (nativeType === 'string') || (nativeType === item.type))
     }
   },
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes', 'newTable', 'mtdNewTableUpdate', 'deleteTable']
diff --git a/packages/nc-gui/components/project/tableTabs/relations.vue b/packages/nc-gui/components/project/tableTabs/relations.vue
index f833eef169..1472991cec 100644
--- a/packages/nc-gui/components/project/tableTabs/relations.vue
+++ b/packages/nc-gui/components/project/tableTabs/relations.vue
@@ -52,7 +52,7 @@
 import { mapGetters } from 'vuex'
 
 export default {
-  data () {
+  data() {
     return {
       relations: [],
       columns: [],
@@ -76,10 +76,10 @@ export default {
     }
   },
   methods: {
-    throwError () {
+    throwError() {
       throw new Error('new erroror ')
     },
-    async loadRelationList () {
+    async loadRelationList() {
       if (this.newTable) { return }
 
       // console.log("env: this.nodes.env", this.nodes.env, this.nodes.dbAlias);
@@ -106,7 +106,7 @@ export default {
       this.relations = result.data.list
       // this.loadColumnList(result.data.list[0].rtn);
     },
-    async loadColumnList (tn = '') {
+    async loadColumnList(tn = '') {
       // console.log("env: this.nodes.env", this.nodes.env, this.nodes.dbAlias);
       // const client = await this.sqlMgr.projectGetSqlClient({
       //   env: this.nodes.env,
@@ -135,24 +135,24 @@ export default {
   },
   computed: { ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }) },
 
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  created () {
+  created() {
     this.loadRelationList()
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes', 'newTable', 'deleteTable']
diff --git a/packages/nc-gui/components/project/tableTabs/rows.vue b/packages/nc-gui/components/project/tableTabs/rows.vue
index 2c9b5ba68f..58c5762e2e 100644
--- a/packages/nc-gui/components/project/tableTabs/rows.vue
+++ b/packages/nc-gui/components/project/tableTabs/rows.vue
@@ -185,7 +185,7 @@ export default {
   components: {
     dlgLabelSubmitCancel
   },
-  data () {
+  data() {
     return {
       rows: [],
       cols: [],
@@ -201,7 +201,7 @@ export default {
     }
   },
   methods: {
-    async handleKeyDown ({ metaKey, key, altKey, shiftKey, ctrlKey }) {
+    async handleKeyDown({ metaKey, key, altKey, shiftKey, ctrlKey }) {
       console.log(metaKey, key, altKey, shiftKey, ctrlKey)
       // cmd + s -> save
       // cmd + l -> reload
@@ -225,7 +225,7 @@ export default {
       }
     },
 
-    async refreshTable () {
+    async refreshTable() {
       try {
         await this.loadColumnList()
         await this.loadRowList()
@@ -234,7 +234,7 @@ export default {
         throw e
       }
     },
-    async loadColumnList () {
+    async loadColumnList() {
       // const columnsList = await this.client.columnList({tn: this.nodes.tn});
 
       // const columnsList = await this.sqlMgr.sqlOp({
@@ -256,7 +256,7 @@ export default {
       // column for action buttons
       if (!this.isView) { this.cols.push({ text: '', value: '' }) }
     },
-    async loadRowList () {
+    async loadRowList() {
       const { page, itemsPerPage } = this.tableOptions
 
       // const result = await this.sqlMgr.sqlOp({
@@ -293,7 +293,7 @@ export default {
         return { keys, data: { ...row }, dataCopy: { ...row } }
       })
     },
-    save (type, text, item) {
+    save(type, text, item) {
       // console.log(type, text, item)
       item.changed = true
       const { data, dataCopy } = item
@@ -303,11 +303,11 @@ export default {
         dataCopy[text] = data[text]
       }
     },
-    getType (dt) {
+    getType(dt) {
       if (dt === 'number') { return 'number' }
       return 'text'
     },
-    async deleteRow (action = '', index, row) {
+    async deleteRow(action = '', index, row) {
       try {
         if (action === 'showDialog') {
           this.rowDeleteDlg = true
@@ -348,14 +348,14 @@ export default {
         throw e
       }
     },
-    addNewRow () {
+    addNewRow() {
       this.rows.unshift({ isNewRow: true, data: {}, dataCopy: {} })
       this.totalCount++
     },
-    async saveChanges () {
+    async saveChanges() {
       try {
         const newRows = []
-        this.rows.map(async (item) => {
+        this.rows.map(async(item) => {
           const { keys, isNewRow, changed, dataCopy } = item
           if (isNewRow) {
             newRows.push(dataCopy)
@@ -402,40 +402,40 @@ export default {
   },
   computed: {
     ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }),
-    isView () {
+    isView() {
       return !!this.nodes.view_name
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {
     tableOptions: {
-      handler () {
+      handler() {
         this.loadRowList()
       },
       deep: true
     },
     rows: {
-      handler () {
+      handler() {
         this.disableSaveButton = !this.rows.some(row => row.isNewRow || row.changed)
       },
       deep: true
     }
   },
-  async created () {
+  async created() {
     await this.refreshTable()
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes', 'newTable', 'mtdNewTableUpdate', 'deleteTable']
diff --git a/packages/nc-gui/components/project/tableTabs/tableAcl.vue b/packages/nc-gui/components/project/tableTabs/tableAcl.vue
index ff0d336a65..89e9226d21 100644
--- a/packages/nc-gui/components/project/tableTabs/tableAcl.vue
+++ b/packages/nc-gui/components/project/tableTabs/tableAcl.vue
@@ -303,24 +303,24 @@ export default {
     loading: false
   }),
   computed: {
-    roles () {
+    roles() {
       return (this.data ? Object.keys(this.data) : []).filter(r => r !== 'guest')
     },
-    operations () {
+    operations() {
       return this.allOperations.filter(({ name }) => this.nodes.tn || name === 'read')
     }
   },
-  async created () {
+  async created() {
     await this.load()
   },
   methods: {
-    async load () {
+    async load() {
       await this.loadColumnList()
       await this.loadAcl()
       this.generateAclObj()
       this.edited = false
     },
-    generateAclObj () {
+    generateAclObj() {
       const aclObj = {}
       const aclRoleOpAll = {}
       console.log(this.data)
@@ -345,7 +345,7 @@ export default {
         this.aclObj = aclObj
       })
     },
-    async save () {
+    async save() {
       const obj = {}
       for (const [key, isAllowed] of Object.entries(this.aclObj)) {
         const [column, role, operation] = key.split('___')
@@ -397,7 +397,7 @@ export default {
       }
     },
 
-    async loadColumnList () {
+    async loadColumnList() {
       // const result = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
       //   env: this.nodes.env,
       //   dbAlias: this.nodes.dbAlias
@@ -415,7 +415,7 @@ export default {
       const meta = JSON.parse(result.meta)
       this.columns = meta.columns
     },
-    async loadAcl () {
+    async loadAcl() {
       this.loading = true
       const result = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
@@ -427,7 +427,7 @@ export default {
 
       this.loading = false
     },
-    onAclRoleOpAllChange (isEnabled, name) {
+    onAclRoleOpAllChange(isEnabled, name) {
       this.edited = true
       const obj = {}
       for (const key in this.aclObj) {
@@ -439,7 +439,7 @@ export default {
       }
       this.aclObj = obj
     },
-    onPermissionChange (isEnabled, name) {
+    onPermissionChange(isEnabled, name) {
       this.edited = true
       if (isEnabled && !this.aclRoleOpAll[name]) {
         this.$set(this.aclRoleOpAll, name, true)
diff --git a/packages/nc-gui/components/project/tableTabs/triggers.vue b/packages/nc-gui/components/project/tableTabs/triggers.vue
index 7e760c064d..966b89e821 100644
--- a/packages/nc-gui/components/project/tableTabs/triggers.vue
+++ b/packages/nc-gui/components/project/tableTabs/triggers.vue
@@ -141,7 +141,7 @@ import dlgLabelSubmitCancel from '../../utils/dlgLabelSubmitCancel'
 
 export default {
   components: { triggerAddEditDlg, dlgLabelSubmitCancel },
-  data () {
+  data() {
     return {
       loading: false,
       showTriggerDeleteDialog: false,
@@ -161,7 +161,7 @@ export default {
     }
   },
   methods: {
-    async handleKeyDown ({ metaKey, key, altKey, shiftKey, ctrlKey }) {
+    async handleKeyDown({ metaKey, key, altKey, shiftKey, ctrlKey }) {
       console.log(metaKey, key, altKey, shiftKey, ctrlKey)
       // cmd + s -> save
       // cmd + l -> reload
@@ -185,7 +185,7 @@ export default {
       }
     },
 
-    async loadTriggerList () {
+    async loadTriggerList() {
       this.loading = true
       try {
         this.$store.commit('notification/MutToggleProgressBar', true)
@@ -225,11 +225,11 @@ export default {
       }
       this.loading = false
     },
-    showTriggerDlg (trigger) {
+    showTriggerDlg(trigger) {
       if (trigger) { this.selectedTrigger = trigger } else { this.selectedTrigger = {} }
       this.dialogShow = true
     },
-    async mtdTriggerDlgSubmit (triggerObject, newTrigger) {
+    async mtdTriggerDlgSubmit(triggerObject, newTrigger) {
       try {
         // const client = await this.sqlMgr.projectGetSqlClient({
         //   env: this.nodes.env,
@@ -269,11 +269,11 @@ export default {
         console.error('triggerCreate error: ', error)
       }
     },
-    mtdTriggerDlgCancel () {
+    mtdTriggerDlgCancel() {
       this.dialogShow = false
       this.selectedTrigger = null
     },
-    async deleteTrigger (action = '', trigger) {
+    async deleteTrigger(action = '', trigger) {
       if (action === 'showDialog') {
         this.showTriggerDeleteDialog = true
         this.selectedTriggerForDelete = trigger
@@ -304,24 +304,24 @@ export default {
   },
   computed: { ...mapGetters({ sqlMgr: 'sqlMgr/sqlMgr' }) },
 
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  created () {
+  created() {
     this.loadTriggerList()
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
     console.log('triggerlist before destroy')
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes', 'newTable', 'deleteTable', 'isMetaTable']
diff --git a/packages/nc-gui/components/project/tableTabs/validation.vue b/packages/nc-gui/components/project/tableTabs/validation.vue
index 47c32ff6b0..ea16dcae98 100644
--- a/packages/nc-gui/components/project/tableTabs/validation.vue
+++ b/packages/nc-gui/components/project/tableTabs/validation.vue
@@ -495,7 +495,7 @@ export default {
     clickedItem: null,
     validatorEditDialog: false
   }),
-  async created () {
+  async created() {
     // try {
     // await this.loadColumnList();
     await this.loadTableModelMeta()
@@ -507,7 +507,7 @@ export default {
   },
   methods: {
 
-    editOrAddValidation (item) {
+    editOrAddValidation(item) {
       this.clickedItem = JSON.parse(JSON.stringify(item))
       this.validatorEditDialog = true
     },
@@ -522,7 +522,7 @@ export default {
     //   console.log("table ", result.data.list);
     //   this.columns = result.data.list;
     // },
-    async loadTableModelMeta () {
+    async loadTableModelMeta() {
       this.edited = false
       this.tableMeta = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
@@ -533,7 +533,7 @@ export default {
       this.columns = JSON.parse(this.tableMeta.meta)
     },
 
-    scrollAndFocusLastRow () {
+    scrollAndFocusLastRow() {
       this.$nextTick(() => {
         const menuActivator = this.$el && this.$el.querySelector('.v-expansion-panel--active table tr:last-child .v-small-dialog__activator__content')
         if (menuActivator) {
@@ -545,7 +545,7 @@ export default {
         }
       })
     },
-    scrollAndFocusLastRowInModal () {
+    scrollAndFocusLastRowInModal() {
       this.$nextTick(() => {
         const modal = document.querySelector('.v-dialog--active')
         modal.scrollTop = 99999
@@ -559,7 +559,7 @@ export default {
         }
       })
     },
-    async saveValidations () {
+    async saveValidations() {
       this.edited = false
       try {
         await this.$store.dispatch('sqlMgr/ActSqlOp', [{
@@ -574,7 +574,7 @@ export default {
         this.$toast.error('Failed to update validations').goAway(3000)
       }
     },
-    async saveValidationForColumn (clickedItem) {
+    async saveValidationForColumn(clickedItem) {
       if (clickedItem) {
         const item = this.columns.columns.find(it => it.cn === clickedItem.cn)
         if (item) {
@@ -585,13 +585,13 @@ export default {
         }
       }
     },
-    onFunctionChange (i, item) {
+    onFunctionChange(i, item) {
       this.edited = true
       const fn = validatorFnList.find(({ func }) => func === item.validate.func[i])
       item.validate.msg[i] = `Validation failed : ${item.validate.func[i]}(${this.nodes.tn}.${item.cn})`
       item.validate.args[i] = fn.args
     },
-    deleteValidation (item, i) {
+    deleteValidation(item, i) {
       this.edited = true
       item.validate.func.splice(i, 1)
       item.validate.args.splice(i, 1)
diff --git a/packages/nc-gui/components/project/tableTabs/webhook/httpWebhook.vue b/packages/nc-gui/components/project/tableTabs/webhook/httpWebhook.vue
index b04f1d8bbe..d334f41d43 100644
--- a/packages/nc-gui/components/project/tableTabs/webhook/httpWebhook.vue
+++ b/packages/nc-gui/components/project/tableTabs/webhook/httpWebhook.vue
@@ -135,26 +135,26 @@ export default {
   }),
   computed: {
 
-    paramsCount () {
+    paramsCount() {
       return this.api.parameters && this.api.parameters.filter(p => p.name && p.enabled).length
     },
-    headersCount () {
+    headersCount() {
       return this.api.headers && this.api.headers.filter(h => h.name && h.enabled).length
     }
   },
   watch: {
-    value () {
+    value() {
       if (this.api !== this.value) {
         this.api = this.value || this.api
       }
     },
     api: {
-      handler () {
+      handler() {
         this.$emit('input', this.api)
       }
     }
   },
-  created () {
+  created() {
     this.api = this.value || this.api
   }
 }
diff --git a/packages/nc-gui/components/project/tableTabs/webhookEvent.vue b/packages/nc-gui/components/project/tableTabs/webhookEvent.vue
index 6d411aa380..f0d3011603 100644
--- a/packages/nc-gui/components/project/tableTabs/webhookEvent.vue
+++ b/packages/nc-gui/components/project/tableTabs/webhookEvent.vue
@@ -29,10 +29,10 @@ export default {
   }),
   computed: {
     hookEvent: {
-      get () {
+      get() {
         return `${this.event} ${this.operation}`
       },
-      set (v) {
+      set(v) {
         const [event, operation] = v.split(' ')
         this.$emit('update:event', event)
         this.$emit('update:operation', operation)
diff --git a/packages/nc-gui/components/project/tableTabs/webhooks-old.vue b/packages/nc-gui/components/project/tableTabs/webhooks-old.vue
index 4c30f9baa1..d72cc26a6f 100644
--- a/packages/nc-gui/components/project/tableTabs/webhooks-old.vue
+++ b/packages/nc-gui/components/project/tableTabs/webhooks-old.vue
@@ -165,7 +165,7 @@ export default {
 
   }),
   methods: {
-    async onEventChange () {
+    async onEventChange() {
       this.loading = true
       this.hook = {
         ...this.hook,
@@ -196,7 +196,7 @@ export default {
       }
       this.loading = false
     },
-    async saveHooks () {
+    async saveHooks() {
       if (!this.valid || !this.hook.event) {
         return
       }
diff --git a/packages/nc-gui/components/project/tableTabs/webhooks.vue b/packages/nc-gui/components/project/tableTabs/webhooks.vue
index 65fa311264..e5224660c3 100644
--- a/packages/nc-gui/components/project/tableTabs/webhooks.vue
+++ b/packages/nc-gui/components/project/tableTabs/webhooks.vue
@@ -476,21 +476,21 @@ export default {
       }]
     }
   }),
-  async created () {
+  async created() {
     await this.loadMeta()
     await this.loadHooksList()
     this.selectedHook = 0
     this.onEventChange()
   },
   methods: {
-    checkConditionAvail () {
+    checkConditionAvail() {
       if (!process.env.EE) {
         this.enableCondition = false
         this.$toast.info('For webhook condition : Upgrade to Enterprise Edition').goAway(3000)
       }
       this.hook.condition = []
     },
-    async onNotTypeChange () {
+    async onNotTypeChange() {
       this.notification = {}
       if (this.hook.notification.type === 'Slack') {
         const plugin = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'xcPluginRead', {
@@ -517,7 +517,7 @@ export default {
         this.mattermostChannels = JSON.parse(plugin.input) || []
       }
     },
-    async onEventChange () {
+    async onEventChange() {
       if (!this.hooks || !this.hooks.length) {
         return
       }
@@ -553,7 +553,7 @@ export default {
         this.notification.api = this.notification.api
       }
     },
-    async saveHooks () {
+    async saveHooks() {
       if (!this.$refs.form.validate() || !this.valid || !this.hook.event) {
         return
       }
@@ -586,7 +586,7 @@ export default {
       this.loading = false
       await this.loadHooksList()
     },
-    async loadMeta () {
+    async loadMeta() {
       this.loadingMeta = true
       const tableMeta = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
@@ -598,7 +598,7 @@ export default {
       this.fieldList = this.meta.columns.map(c => c.cn)
       this.loadingMeta = false
     },
-    async loadHooksList () {
+    async loadHooksList() {
       this.loading = true
       const hooks = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
@@ -614,7 +614,7 @@ export default {
       })
       this.loading = false
     },
-    addNewHook () {
+    addNewHook() {
       this.selectedHook = this.hooks.length
       this.hooks.push({
         notification: {
@@ -624,7 +624,7 @@ export default {
       this.onEventChange()
       this.$refs.form.resetValidation()
     },
-    async deleteHook (item, i) {
+    async deleteHook(item, i) {
       try {
         if (item.id) {
           await this.$store.dispatch('sqlMgr/ActSqlOp', [{
diff --git a/packages/nc-gui/components/project/viewTabs/viewColumns.vue b/packages/nc-gui/components/project/viewTabs/viewColumns.vue
index b0d4c7f5d2..8dd6634ac9 100644
--- a/packages/nc-gui/components/project/viewTabs/viewColumns.vue
+++ b/packages/nc-gui/components/project/viewTabs/viewColumns.vue
@@ -117,7 +117,7 @@ import { mapGetters } from 'vuex'
 
 export default {
   components: {},
-  data () {
+  data() {
     return {
       columns: [],
       dataTypes: [],
@@ -135,7 +135,7 @@ export default {
     }
   },
   methods: {
-    getColumnIcon (column) {
+    getColumnIcon(column) {
       if (column.pk) {
         return 'mdi-key'
       } else if (column.rcn) {
@@ -145,7 +145,7 @@ export default {
       }
     },
 
-    async loadColumnList () {
+    async loadColumnList() {
       this.$store.commit('notification/MutToggleProgressBar', true)
       try {
         this.edited = false
@@ -174,7 +174,7 @@ export default {
         this.$store.commit('notification/MutToggleProgressBar', false)
       }
     },
-    async loadDataTypes () {
+    async loadDataTypes() {
       try {
         const result = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
           env: this.nodes.env,
@@ -199,10 +199,10 @@ export default {
     })
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  async created () {
+  async created() {
     // try {
     await this.loadColumnList()
     // } catch (e) {
@@ -211,18 +211,18 @@ export default {
     //
     // }
   },
-  mounted () {
+  mounted() {
 
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes', 'newTable', 'mtdNewTableUpdate', 'deleteTable', 'isMetaTable']
diff --git a/packages/nc-gui/components/project/viewTabs/viewQuery.vue b/packages/nc-gui/components/project/viewTabs/viewQuery.vue
index e9e21e42a4..866512bc4c 100644
--- a/packages/nc-gui/components/project/viewTabs/viewQuery.vue
+++ b/packages/nc-gui/components/project/viewTabs/viewQuery.vue
@@ -86,7 +86,7 @@ import dlgLabelSubmitCancel from '../../utils/dlgLabelSubmitCancel'
 
 export default {
   components: { MonacoEditor, dlgLabelSubmitCancel },
-  data () {
+  data() {
     return {
       view: {},
       oldViewDefination: '',
@@ -102,7 +102,7 @@ export default {
       removeViewTab: 'tabs/removeViewTab'
     }),
 
-    async handleKeyDown ({ metaKey, key, altKey, shiftKey, ctrlKey }) {
+    async handleKeyDown({ metaKey, key, altKey, shiftKey, ctrlKey }) {
       console.log(metaKey, key, altKey, shiftKey, ctrlKey)
       // cmd + s -> save
       // cmd + l -> reload
@@ -126,7 +126,7 @@ export default {
       }
     },
 
-    async loadEnv () {
+    async loadEnv() {
       try {
         this.$store.commit('notification/MutToggleProgressBar', true)
         if (this.newView) {
@@ -160,7 +160,7 @@ export default {
         this.$store.commit('notification/MutToggleProgressBar', false)
       }
     },
-    async applyChanges () {
+    async applyChanges() {
       try {
         if (this.newView) {
           const result = await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
@@ -209,7 +209,7 @@ export default {
         throw e
       }
     },
-    async deleteView (action = '') {
+    async deleteView(action = '') {
       try {
         if (action === 'showDialog') {
           this.dialogShow = true
@@ -248,23 +248,23 @@ export default {
     }
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {},
-  async created () {
+  async created() {
     await this.loadEnv()
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroy () {
+  destroy() {
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: ['nodes']
diff --git a/packages/nc-gui/components/project/viewTabs/viewSpreadsheet.vue b/packages/nc-gui/components/project/viewTabs/viewSpreadsheet.vue
index cd132dd87d..4f97bc70bf 100644
--- a/packages/nc-gui/components/project/viewTabs/viewSpreadsheet.vue
+++ b/packages/nc-gui/components/project/viewTabs/viewSpreadsheet.vue
@@ -321,7 +321,7 @@ export default {
     rowContextMenu: null,
     modelName: null
   }),
-  async mounted () {
+  async mounted() {
     try {
       await this.loadMeta()
       await this.loadTableData()
@@ -350,10 +350,10 @@ export default {
   },
 
   methods: {
-    syncDataDebounce: debounce(async function (self) {
+    syncDataDebounce: debounce(async function(self) {
       await self.syncData()
     }, 500),
-    async syncData () {
+    async syncData() {
       try {
         const queryParams = {
           filters: this.filters,
@@ -372,7 +372,7 @@ export default {
         // this.$toast.error(e.message).goAway(3000);
       }
     },
-    mapFieldsAndShowFields () {
+    mapFieldsAndShowFields() {
       this.fieldList = this.availableColumns.map(c => c._cn)
       this.showFields = this.fieldList.reduce((obj, k) => {
         obj[k] = true
@@ -380,16 +380,16 @@ export default {
       }, {})
     },
 
-    comingSoon () {
+    comingSoon() {
       this.$toast.info('Coming soon!').goAway(3000)
     },
-    makeSelected (col, row) {
+    makeSelected(col, row) {
       if (this.selected.col !== col || this.selected.row !== row) {
         this.selected = { col, row }
         this.editEnabled = {}
       }
     },
-    makeEditable (col, row) {
+    makeEditable(col, row) {
       if (this.meta.columns[col].ai) {
         return this.$toast.info('Auto Increment field is not editable').goAway(3000)
       }
@@ -401,7 +401,7 @@ export default {
       }
     },
 
-    async handleKeyDown ({ metaKey, key, altKey, shiftKey, ctrlKey }) {
+    async handleKeyDown({ metaKey, key, altKey, shiftKey, ctrlKey }) {
       console.log(metaKey, key, altKey, shiftKey, ctrlKey)
       // ctrl + s -> save
       // ctrl + l -> reload
@@ -421,7 +421,7 @@ export default {
       }
     },
 
-    addFilter () {
+    addFilter() {
       this.filters.push({
         field: '',
         op: '',
@@ -430,18 +430,18 @@ export default {
       })
       this.filters = this.filters.slice()
     },
-    showAdditionalFeatOverlay (feat) {
+    showAdditionalFeatOverlay(feat) {
       this.showAddFeatOverlay = true
       this.featureType = feat
     },
-    addSort () {
+    addSort() {
       this.sortList.push({
         field: '',
         order: ''
       })
       this.filters = this.filters.slice()
     },
-    showRowContextMenu (e, row, rowMeta, index) {
+    showRowContextMenu(e, row, rowMeta, index) {
       e.preventDefault()
       this.rowContextMenu = false
       this.$nextTick(() => {
@@ -454,10 +454,10 @@ export default {
         }
       })
     },
-    expandRow (row, rowMeta) {
+    expandRow(row, rowMeta) {
     },
 
-    async loadMeta () {
+    async loadMeta() {
       this.loadingMeta = true
       const tableMeta = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
         env: this.nodes.env,
@@ -468,7 +468,7 @@ export default {
       this.meta = JSON.parse(tableMeta.meta)
       this.loadingMeta = false
     },
-    async loadTableData () {
+    async loadTableData() {
       this.loadingData = true
       const { list, count } = await this.api.paginatedList(this.queryParams)
       this.count = count
@@ -481,21 +481,21 @@ export default {
     }
   },
   computed: {
-    sqlUi () {
+    sqlUi() {
       // todo: replace with correct client
       return SqlUI.create(this.nodes.dbConnection)
     },
-    api () {
+    api() {
       return ApiFactory.create(this.$store.getters['project/GtrProjectType'], (this.meta && this.meta._tn) || this.table, this.meta && this.meta.columns, this, this.meta)
     },
-    edited () {
+    edited() {
       return this.data && this.data.some(r => r.rowMeta && (r.rowMeta.new || r.rowMeta.changed))
     },
-    table () {
+    table() {
       return this.nodes.tn || this.nodes.view_name
     }
   },
-  created () {
+  created() {
     if (this.relationType === 'hm') {
       this.filters.push({
         field: this.relation.cn,
@@ -513,7 +513,7 @@ export default {
     }
     document.addEventListener('keydown', this.onKeyDown)
   },
-  beforeDestroy () {
+  beforeDestroy() {
     document.removeEventListener('keydown', this.onKeyDown)
   }
 }
diff --git a/packages/nc-gui/components/project/xcInfo.vue b/packages/nc-gui/components/project/xcInfo.vue
index a83fd7c32a..fff166a0ab 100644
--- a/packages/nc-gui/components/project/xcInfo.vue
+++ b/packages/nc-gui/components/project/xcInfo.vue
@@ -271,11 +271,11 @@ export default {
     ...mapGetters({
       dbAliasList: 'project/GtrDbAliasList'
     }),
-    origin () {
+    origin() {
       return location.origin
     }
   },
-  async created () {
+  async created() {
     await this.loadProjectApiInfo()
     try {
       this.iframeUrl = `${this.$axios.defaults.baseURL}/dashboard/status`
@@ -285,10 +285,10 @@ export default {
       this.showinfoIFrame = false
     }
   },
-  mounted () {
+  mounted() {
   },
   methods: {
-    async loadProjectApiInfo () {
+    async loadProjectApiInfo() {
       try {
         const { info, aggregatedInfo } = (await this.$axios.get(`${this.$axios.defaults.baseURL}/nc/${this.$route.params.project_id}/projectApiInfo`, {
           headers: {
@@ -326,7 +326,7 @@ export default {
         // this.$toast.error('Some error occurred').goAway(3000);
       }
     },
-    async downloadProto () {
+    async downloadProto() {
       this.loading = true
       let data
       try {
diff --git a/packages/nc-gui/components/projectLogs.vue b/packages/nc-gui/components/projectLogs.vue
index 7c48a8e493..076fed64d9 100644
--- a/packages/nc-gui/components/projectLogs.vue
+++ b/packages/nc-gui/components/projectLogs.vue
@@ -75,11 +75,11 @@
 export default {
   components: {},
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {},
-  data () {
+  data() {
     return {
       showMenu: false,
       x: 0,
@@ -126,14 +126,14 @@ export default {
       maxLogs: 100
     }
   },
-  head () {
+  head() {
     return {}
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
     // emittery.on("UI", data => {
     //   //const logs = JSON.parse(JSON.stringify(this.logs));
     //   if (this.logs.length > this.maxLogs) {
@@ -149,10 +149,10 @@ export default {
     //   //this.logs = logs;
     // });
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    showMenuFn (e) {
+    showMenuFn(e) {
       // console.log("showMenuFn", e);
       e.preventDefault()
       this.showMenu = false
@@ -162,14 +162,14 @@ export default {
         this.showMenu = true
       })
     },
-    clearLogs () {
+    clearLogs() {
       this.logs = []
     }
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/components/projectOutput.vue b/packages/nc-gui/components/projectOutput.vue
index 45230c8ea1..d3ae35b473 100644
--- a/packages/nc-gui/components/projectOutput.vue
+++ b/packages/nc-gui/components/projectOutput.vue
@@ -57,11 +57,11 @@
 export default {
   components: {},
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {},
-  data () {
+  data() {
     return {
       loading: false,
       showMenu: false,
@@ -74,14 +74,14 @@ export default {
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    showMenuFn (e) {
+    showMenuFn(e) {
       e.preventDefault()
       this.showMenu = false
       this.x = e.clientX
@@ -92,9 +92,9 @@ export default {
     }
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/components/projectTabs.vue b/packages/nc-gui/components/projectTabs.vue
index d8aabd124a..43688bfe78 100644
--- a/packages/nc-gui/components/projectTabs.vue
+++ b/packages/nc-gui/components/projectTabs.vue
@@ -319,7 +319,7 @@ export default {
     xTerm,
     graphqlClient
   },
-  data () {
+  data() {
     return {
       dialogCreateTableShow: false,
       test: '',
@@ -329,7 +329,7 @@ export default {
     }
   },
   methods: {
-    checkInactiveState () {
+    checkInactiveState() {
       let position = 0
       let idleTime = 0
       // Increment the idle time counter every minute.
@@ -350,12 +350,12 @@ export default {
         idleInterval = setInterval(timerIncrement, 1000)
       })
 
-      function timerIncrement () {
+      function timerIncrement() {
         idleTime = idleTime + 1
         if (idleTime > 120) {
           const title = document.title
 
-          function scrolltitle () {
+          function scrolltitle() {
             document.title = title + Array(position).fill(' .').join('')
             position = ++position % 3
             if (self.showScreensaver) {
@@ -371,7 +371,7 @@ export default {
         }
       }
     },
-    async handleKeyDown (event) {
+    async handleKeyDown(event) {
       console.log('======== project tabs key handler')
       const activeTabEleKey = `tabs${this.activeTab}`
       let isHandled = false
@@ -396,7 +396,7 @@ export default {
       removeTab: 'tabs/remove',
       updateActiveTabx: 'tabs/activeTabCtx'
     }),
-    tabActivated (tab) {
+    tabActivated(tab) {
 
       // if (tab._nodes.type === 'apiClientDir' || tab._nodes.type === 'sqlClientDir' || tab._nodes.type === 'sqlEditor') {
       //   this.$store.commit('windows/MutToggleLogWindowFromTab', {client: true, status: true});
@@ -407,7 +407,7 @@ export default {
   },
   computed: {
     ...mapGetters({ tabs: 'tabs/list', activeTabCtx: 'tabs/activeTabCtx' }),
-    pid () {
+    pid() {
       return this.$route.params.project_id
     },
     activeTab: {
@@ -419,7 +419,7 @@ export default {
       //   console.log('activateTab========== set', val)
       //   this.setActiveTab(val);
       // }
-      set (tab) {
+      set(tab) {
         if (!tab) {
           return this.$router.push({
             query: {}
@@ -435,13 +435,13 @@ export default {
           }
         })
       },
-      get () {
+      get() {
         return [this.$route.query.type, this.$route.query.dbalias, this.$route.query.name].join('||')
       }
     }
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
   watch: {
     // tabs() {
@@ -454,7 +454,7 @@ export default {
     // }
     // }
   },
-  created () {
+  created() {
     document.addEventListener('keydown', this.handleKeyDown)
     /**
      * Listening for tab change so that we can hide/show projectlogs based on tab
@@ -475,18 +475,18 @@ export default {
 
     this.checkInactiveState()
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
-  destroyed () {
+  destroyed() {
     document.removeEventListener('keydown', this.handleKeyDown)
   },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
-  head () {
+  head() {
     return {}
   },
   props: {}
diff --git a/packages/nc-gui/components/screensaver.vue b/packages/nc-gui/components/screensaver.vue
index b8615701df..dc152de8ea 100644
--- a/packages/nc-gui/components/screensaver.vue
+++ b/packages/nc-gui/components/screensaver.vue
@@ -7,7 +7,7 @@
 <script>
 export default {
   name: 'Screensaver',
-  mounted () {
+  mounted() {
     // Initialising the canvas
     const canvas = this.$el.querySelector('canvas')
     const ctx = canvas.getContext('2d')
@@ -31,7 +31,7 @@ export default {
     }
 
     // Setting up the draw function
-    function draw () {
+    function draw() {
       ctx.fillStyle = 'rgba(0, 0, 0, .1)'
       ctx.fillRect(0, 0, canvas.width, canvas.height)
       for (let i = 0; i < drops.length; i++) {
diff --git a/packages/nc-gui/components/settings.vue b/packages/nc-gui/components/settings.vue
index 0d96f813dc..bd72388507 100644
--- a/packages/nc-gui/components/settings.vue
+++ b/packages/nc-gui/components/settings.vue
@@ -366,12 +366,12 @@ import dlgLabelSubmitCancel from './utils/dlgLabelSubmitCancel'
 export default {
   components: { dlgLabelSubmitCancel },
   directives: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: { value: Boolean },
 
-  data () {
+  data() {
     return {
       rightClickCount: 0,
       enableAppRefresh: false,
@@ -405,68 +405,68 @@ export default {
       themes
     }
   },
-  fetch ({ store, params }) {
+  fetch({ store, params }) {
   },
   computed: {
     checkForUpdate: {
-      get () {
+      get() {
         return this.$store.state.windows.checkForUpdate
       },
-      set (value) {
+      set(value) {
         this.$store.commit('windows/MutCheckForUpdate', value)
       }
     },
     autoUpdate: {
-      get () {
+      get() {
         return this.$store.state.windows.downloadAndUpdateRelease
       },
-      set (value) {
+      set(value) {
         this.$store.commit('windows/MutDownloadAndUpdateRelease', value)
       }
     },
     isGaEnabled: {
-      get () {
+      get() {
         return this.$store.state.windows.isGaEnabled
       },
-      set (value) {
+      set(value) {
         this.$store.commit('windows/MutToggleGaEnabled', value)
       }
     },
     isErrorReportingEnabled: {
-      get () {
+      get() {
         return this.$store.state.windows.isErrorReportingEnabled
       },
-      set (value) {
+      set(value) {
         this.$store.commit('windows/MutToggleErrorReportingEnabled', value)
       }
     },
     isTelemetryEnabled: {
-      get () {
+      get() {
         return this.$store.state.windows.isErrorReportingEnabled
       },
-      set (value) {
+      set(value) {
         this.$store.commit('windows/MutToggleTelemetryEnabled', value)
       }
     },
     dialogShow: {
-      get () {
+      get() {
         return this.value
       },
-      set (val) {
+      set(val) {
         this.$emit('input', val)
       }
     },
     language: {
-      get () {
+      get() {
         return this.$store.state.windows.language
       },
-      set (val) {
+      set(val) {
         this.$store.commit('windows/MutSetLanguage', val)
       }
     }
   },
   watch: {},
-  created () {
+  created() {
     this.customTheme = { ...this.customTheme, ...this.$store.state.windows.customTheme }
     this.item = this.$store.state.windows.themeName
     this.$store.watch(
@@ -482,36 +482,36 @@ export default {
         })
       })
   },
-  beforeMount () {
+  beforeMount() {
   },
-  async mounted () {
+  async mounted() {
 
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    rightClick () {
+    rightClick() {
       this.rightClickCount++
       if (this.rightClickCount > 5) {
         // require('electron').remote.getCurrentWindow().toggleDevTools();
         this.rightClickCount = 0
       }
     },
-    async applicationRefresh () {
+    async applicationRefresh() {
       localStorage.removeItem('vuex')
       location.reload()
     },
-    toggleGa (event) {
+    toggleGa(event) {
       if (this.isGaEnabled) {
         this.gaDialogShow = true
       } else { this.isGaEnabled = true }
     },
-    toggleLogReport (event) {
+    toggleLogReport(event) {
       if (this.isErrorReportingEnabled) {
         this.logReportDialogShow = true
       } else { this.isErrorReportingEnabled = true }
     },
-    logReportDialogFunction (action) {
+    logReportDialogFunction(action) {
       if (action !== 'hideDialog' && this.$store.state.users.user && this.$store.state.users.user.email) {
         this.isErrorReportingEnabled = false
       } else {
@@ -519,7 +519,7 @@ export default {
       }
       this.logReportDialogShow = false
     },
-    gaDialogFunction (action) {
+    gaDialogFunction(action) {
       if (action !== 'hideDialog') {
         if (this.$store.state.users.user && this.$store.state.users.user.email) {
           this.isGaEnabled = false
@@ -529,18 +529,18 @@ export default {
       }
       this.gaDialogShow = false
     },
-    async changeTheme (t, theme = 'Custom') {
+    async changeTheme(t, theme = 'Custom') {
       this.item = theme
       if (theme === 'Custom') { await this.$store.dispatch('windows/ActSetTheme', { theme: { ...t }, custom: true }) }
       await this.$store.dispatch('windows/ActSetTheme', { theme: { ...t }, themeName: theme })
     },
-    toggleDarkTheme () {
+    toggleDarkTheme() {
       this.$store.commit('windows/MutToggleDarkMode')
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/components/snackbar.vue b/packages/nc-gui/components/snackbar.vue
index c474e2989c..1b9b69e186 100644
--- a/packages/nc-gui/components/snackbar.vue
+++ b/packages/nc-gui/components/snackbar.vue
@@ -15,7 +15,7 @@
 //   "./libs"
 // );
 export default {
-  data () {
+  data() {
     return {
       show: false,
       message: '',
@@ -39,13 +39,13 @@ export default {
     }
   },
   computed: {
-    notification1 () {
+    notification1() {
       console.log('')
       return this.$store.state.notification.snackbar
     }
   },
   watch: {
-    message () {
+    message() {
       this.$nextTick(() => {
         // get all links which starts with http and on click open them in external browser
         this.$refs.message && this.$refs.message.querySelectorAll('a[href^="http"]').forEach(ele =>
@@ -57,7 +57,7 @@ export default {
       })
     }
   },
-  created () {
+  created() {
     this.$store.watch(
       state => state.snackbar.snack,
       () => {
diff --git a/packages/nc-gui/components/trialExpired.vue b/packages/nc-gui/components/trialExpired.vue
index 326460cbb6..d4ac32fa42 100644
--- a/packages/nc-gui/components/trialExpired.vue
+++ b/packages/nc-gui/components/trialExpired.vue
@@ -20,7 +20,7 @@
 export default {
   name: 'TrialExpired',
   methods: {
-    openPricingPage () {
+    openPricingPage() {
       // shell.openExternal('https://nocodb.com/pricing');
     }
   }
diff --git a/packages/nc-gui/components/utils/dlgLabelSubmitCancel.vue b/packages/nc-gui/components/utils/dlgLabelSubmitCancel.vue
index 04f651c0da..219f859127 100644
--- a/packages/nc-gui/components/utils/dlgLabelSubmitCancel.vue
+++ b/packages/nc-gui/components/utils/dlgLabelSubmitCancel.vue
@@ -43,30 +43,30 @@ export default {
   name: 'DlgLabelSubmitCancel',
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   // todo: 2 way binding for dialogShow
   props: ['heading', 'dialogShow', 'actionsMtd', 'title', 'type'],
-  data () {
+  data() {
     return {}
   },
-  head () {
+  head() {
     return {}
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {},
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  xcCronSavented () {
+  xcCronSavented() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/components/utils/dlgOk.vue b/packages/nc-gui/components/utils/dlgOk.vue
index 6618c33102..3b4218ddba 100644
--- a/packages/nc-gui/components/utils/dlgOk.vue
+++ b/packages/nc-gui/components/utils/dlgOk.vue
@@ -41,31 +41,31 @@
 export default {
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: ['type', 'title', 'heading', 'dialogShow', 'mtdOk'],
-  data () {
+  data() {
     return {
 
     }
   },
-  head () {
+  head() {
     return {}
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {},
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/components/utils/dlgOkNew.vue b/packages/nc-gui/components/utils/dlgOkNew.vue
index 69333bc4e1..1d7beccdf8 100644
--- a/packages/nc-gui/components/utils/dlgOkNew.vue
+++ b/packages/nc-gui/components/utils/dlgOkNew.vue
@@ -47,15 +47,15 @@ export default {
     title: String,
     cancelLabel: String
   },
-  data () {
+  data() {
     return {}
   },
   computed: {
     show: {
-      get () {
+      get() {
         return this.value
       },
-      set (show) {
+      set(show) {
         this.$emit('input', show)
       }
     }
diff --git a/packages/nc-gui/components/utils/dlgProjectCreate.vue b/packages/nc-gui/components/utils/dlgProjectCreate.vue
index 0ecd4c5f4e..4a000511c6 100644
--- a/packages/nc-gui/components/utils/dlgProjectCreate.vue
+++ b/packages/nc-gui/components/utils/dlgProjectCreate.vue
@@ -87,7 +87,7 @@ export default {
     ]
   }),
   computed: {
-    typeIcon () {
+    typeIcon() {
       if (this.projectType) {
         return this.projectTypes.find(({ value }) => value === this.projectType)
       } else {
@@ -95,13 +95,13 @@ export default {
       }
     }
   },
-  mounted () {
+  mounted() {
     setTimeout(() => {
       this.$refs.input.$el.querySelector('input').focus()
     }, 100)
   },
   methods: {
-    async createProject () {
+    async createProject() {
       if (this.$refs.form.validate()) {
         this.loading = true
         try {
diff --git a/packages/nc-gui/components/utils/dlgTableCreate.vue b/packages/nc-gui/components/utils/dlgTableCreate.vue
index e899aca558..9fef523c36 100644
--- a/packages/nc-gui/components/utils/dlgTableCreate.vue
+++ b/packages/nc-gui/components/utils/dlgTableCreate.vue
@@ -122,7 +122,7 @@ import inflection from 'inflection'
 export default {
   name: 'DlgTableCreate',
   props: ['value'],
-  data () {
+  data() {
     return {
       table: {
         name: '',
@@ -135,23 +135,23 @@ export default {
   },
   computed: {
     dialogShow: {
-      get () {
+      get() {
         return this.value
       },
-      set (v) {
+      set(v) {
         this.$emit('input', v)
       }
     },
-    projectPrefix () {
+    projectPrefix() {
       return this.$store.getters['project/GtrProjectPrefix']
     }
   },
   watch: {
-    'table.alias' (v) {
+    'table.alias'(v) {
       this.$set(this.table, 'name', `${this.projectPrefix || ''}${inflection.underscore(v)}`)
     }
   },
-  mounted () {
+  mounted() {
     setTimeout(() => {
       this.$refs.input.$el.querySelector('input').focus()
     }, 100)
diff --git a/packages/nc-gui/components/utils/dlgTextSubmitCancel.vue b/packages/nc-gui/components/utils/dlgTextSubmitCancel.vue
index 060140b960..c466518352 100644
--- a/packages/nc-gui/components/utils/dlgTextSubmitCancel.vue
+++ b/packages/nc-gui/components/utils/dlgTextSubmitCancel.vue
@@ -55,7 +55,7 @@
 export default {
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: [
@@ -69,36 +69,36 @@ export default {
     'defaultValue',
     'submitText'
   ],
-  data () {
+  data() {
     return { fieldValue: '', valid: null }
   },
-  head () {
+  head() {
     return {}
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
     if (this.defaultValue) { this.fieldValue = this.defaultValue }
     console.log('dlgTextSubmitCancel:created ', this.cookie, this.heading)
   },
-  mounted () {
+  mounted() {
     requestAnimationFrame(() => {
       this.$refs.focus.focus()
     })
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    submitForm () {
+    submitForm() {
       if (this.$refs.form.validate()) {
         this.mtdDialogSubmit(this.fieldValue, this.cookie)
       }
     }
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/components/utils/dlgUnexpectedError.vue b/packages/nc-gui/components/utils/dlgUnexpectedError.vue
index 5641a6e7a8..a44bb6281a 100644
--- a/packages/nc-gui/components/utils/dlgUnexpectedError.vue
+++ b/packages/nc-gui/components/utils/dlgUnexpectedError.vue
@@ -41,7 +41,7 @@
 export default {
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: [
@@ -51,15 +51,15 @@ export default {
     'errorDialogCancel',
     'errorDialogReport'
   ],
-  data () {
+  data() {
     return { fieldValue: '' }
   },
-  head () {
+  head() {
     return {}
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
     // if (this.$store.state.windows.isErrorReportingEnabled && !(process.env.NODE_ENV && process.env.NODE_ENV.toLowerCase() === 'dev'))
     //   this.$sentry.captureException(new Error(JSON.stringify({
     //     version: this.$store.state.windows.version,
@@ -67,15 +67,15 @@ export default {
     //     user : this.$store.state.users.user && this.$store.state.users.user.email
     //   })))
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {},
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/components/utils/dlgViewCreate.vue b/packages/nc-gui/components/utils/dlgViewCreate.vue
index eaa826ed4d..19b538957d 100644
--- a/packages/nc-gui/components/utils/dlgViewCreate.vue
+++ b/packages/nc-gui/components/utils/dlgViewCreate.vue
@@ -60,7 +60,7 @@ import inflection from 'inflection'
 export default {
   name: 'DlgViewCreate',
   props: ['value'],
-  data () {
+  data() {
     return {
       view: {
         name: ''
@@ -69,23 +69,23 @@ export default {
   },
   computed: {
     dialogShow: {
-      get () {
+      get() {
         return this.value
       },
-      set (v) {
+      set(v) {
         this.$emit('input', v)
       }
     },
-    projectPrefix () {
+    projectPrefix() {
       return this.$store.getters['project/GtrProjectPrefix']
     }
   },
   watch: {
-    'view.alias' (v) {
+    'view.alias'(v) {
       this.$set(this.view, 'name', `${this.projectPrefix || ''}${inflection.underscore(v)}`)
     }
   },
-  mounted () {
+  mounted() {
     setTimeout(() => {
       this.$refs.input.$el.querySelector('input').focus()
     }, 100)
diff --git a/packages/nc-gui/components/utils/language.vue b/packages/nc-gui/components/utils/language.vue
index ed76bd65f3..77eca254b2 100644
--- a/packages/nc-gui/components/utils/language.vue
+++ b/packages/nc-gui/components/utils/language.vue
@@ -34,14 +34,14 @@
 export default {
   name: 'Language',
   computed: {
-    languages () {
+    languages() {
       return (this.$i18n && this.$i18n.availableLocales) || ['en']
     },
     language: {
-      get () {
+      get() {
         return this.$store.state.windows.language
       },
-      set (val) {
+      set(val) {
         this.$store.commit('windows/MutLanguage', val)
       }
     }
diff --git a/packages/nc-gui/components/xTerm.vue b/packages/nc-gui/components/xTerm.vue
index 67e1686abd..f396f0affa 100644
--- a/packages/nc-gui/components/xTerm.vue
+++ b/packages/nc-gui/components/xTerm.vue
@@ -197,11 +197,11 @@ export default {
       isNoApis: 'project/GtrProjectIsNoApis',
       isDocker: 'project/GtrIsDocker'
     }),
-    isTsEnabled () {
+    isTsEnabled() {
       return false // return process.env.TS_ENABLED;
     }
   },
-  data () {
+  data() {
     return {
       tab: 0,
       terminals: [Date.now()],
@@ -212,7 +212,7 @@ export default {
       showDelete: false
     }
   },
-  async mounted () {
+  async mounted() {
     // try {
     //   const packageData = await jsonfile.readFileSync(path.join(this.currentProjectFolder, 'package.json'));
     //   this.scripts = Object.keys(packageData.scripts);
@@ -224,16 +224,16 @@ export default {
       this.initTerminal(this.$refs.term[0], 0)
     }, 200)
   },
-  destroyed () {
+  destroyed() {
     let l = this.terminals.length
     while (l--) { this.closeTerminal(l) }
   },
   methods: {
-    dblClick () {
+    dblClick() {
       // this.showDelete = true;
       // this.$set(process.env, 'TS_ENABLED', process.env.TS_ENABLED ? '' : '1')
     },
-    async setExecutionPolicy () {
+    async setExecutionPolicy() {
       // if (!this._isWindows) return
       // try {
       //   let {ptyProc} = this.termRef[this.tab];
@@ -242,7 +242,7 @@ export default {
       //   console.log(e)
       // }
     },
-    async handleKeyDown (event) {
+    async handleKeyDown(event) {
       // switch ([this._isMac ? event.metaKey : event.ctrlKey, event.key].join('_')) {
       //   case 'true_w' :
       //     event.preventDefault();
@@ -257,7 +257,7 @@ export default {
       // return false;
     },
 
-    async codeGenerateMvc () {
+    async codeGenerateMvc() {
       this.loading = true
       // try {
       //   await this.setExecutionPolicy();
@@ -274,7 +274,7 @@ export default {
       //   this.loading = false;
       // }
     },
-    async codeGenerateMvcGql () {
+    async codeGenerateMvcGql() {
       this.loading = true
       // try {
       //   await this.sqlMgr.projectGenerateBackendGql({
@@ -291,7 +291,7 @@ export default {
       //   this.loading = false;
       // }
     },
-    async codeClear () {
+    async codeClear() {
       this.loading = true
       // try {
       //   await this.setExecutionPolicy();
@@ -307,39 +307,39 @@ export default {
       // }
     },
 
-    runXcGenApisRest () {
+    runXcGenApisRest() {
       // this.setExecutionPolicy();
       // let {ptyProc} = this.termRef[this.tab];
       // ptyProc.write(`${ptyProc.process === 'node' ? '\u0003\n\r' : ''}cd ${this.currentProjectFolder};\n\rxc gen.apis.rest;\n\r`)
     },
 
-    runXcGenApisGql () {
+    runXcGenApisGql() {
       // let {ptyProc} = this.termRef[this.tab];
       // ptyProc.write(`${ptyProc.process === 'node' ? '\u0003\n\r' : ''}cd ${this.currentProjectFolder};\n\rxc gen.apis.graphql;\n\r`)
     },
 
-    runNpmInstall () {
+    runNpmInstall() {
       const { client } = this.termRef[this.tab]
       client.emit('req', '\n\rnpm install;\n\r')
     },
 
-    runScript () {
+    runScript() {
       // let {ptyProc} = this.termRef[this.tab];
       // ptyProc.write(`${ptyProc.process === 'node' ? '\u0003\n\r' : ''}cd ${this.currentProjectFolder};\n\rnpm run ${this.selectedScript || 'dev'};\n\r`)
     },
-    stopScript () {
+    stopScript() {
       // let {ptyProc} = this.termRef[this.tab];
       // ptyProc.write(`\u0003\n\r`)
     },
-    clearScript () {
+    clearScript() {
       // let {ptyProc} = this.termRef[this.tab];
       // ptyProc.write(`clear\n\r`)
     },
-    installCliTool () {
+    installCliTool() {
       // let {ptyProc} = this.termRef[this.tab];
       // ptyProc.write(`npm install -g xc-cli\n\r`)
     },
-    addTerminal () {
+    addTerminal() {
       if (this.terminals.length > 4) {
         this.$toast.info('Only 5 terminals can be opened').goAway()
         return
@@ -351,7 +351,7 @@ export default {
       })
     },
 
-    initTerminal ($el, index) {
+    initTerminal($el, index) {
       try {
         // todo: change to hostname
         const client = require('socket.io-client')('http://localhost:8081')
@@ -412,7 +412,7 @@ export default {
         this.$toast.error('Error opening the terminal\n\nPlease use your system terminal').goAway(5000)
       }
     },
-    closeTerminal (index) {
+    closeTerminal(index) {
       console.log('======= close terminal')
       try {
         const proc = this.termRef.splice(index, 1)[0]
diff --git a/packages/nc-gui/components/xcDiff.vue b/packages/nc-gui/components/xcDiff.vue
index 7cb57c12ee..f72f57b630 100644
--- a/packages/nc-gui/components/xcDiff.vue
+++ b/packages/nc-gui/components/xcDiff.vue
@@ -37,13 +37,13 @@ export default {
     editors: null
   }),
   watch: {
-    index (i) {
+    index(i) {
       if (this.editors) {
         this.editors.right.setValue(this.history[i])
       }
     }
   },
-  mounted () {
+  mounted() {
     this.differ = new AceDiff({
       element: this.$refs.diff,
       left: {
@@ -67,10 +67,10 @@ export default {
     // this.editors.right.session.setOptions({tabSize: 2, useSoftTabs: true});
   },
   methods: {
-    prev () {
+    prev() {
       this.index && --this.index
     },
-    next () {
+    next() {
       if (this.index < this.history.length - 1) { ++this.index }
     }
   }
diff --git a/packages/nc-gui/config/vuetify.options.js b/packages/nc-gui/config/vuetify.options.js
index e33a24505b..b61ae75993 100644
--- a/packages/nc-gui/config/vuetify.options.js
+++ b/packages/nc-gui/config/vuetify.options.js
@@ -1,7 +1,7 @@
 // import colors from 'vuetify/es5/util/colors'
 import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader
 
-export default function ({ app }) {
+export default function({ app }) {
   return {
     icons: {
       iconfont: 'mdi' // default - only for display purposes
diff --git a/packages/nc-gui/helpers/MssqlUi.js b/packages/nc-gui/helpers/MssqlUi.js
index fea113de83..16cbe9ec5a 100644
--- a/packages/nc-gui/helpers/MssqlUi.js
+++ b/packages/nc-gui/helpers/MssqlUi.js
@@ -37,7 +37,7 @@ const dbTypes = [
 ]
 
 export class MssqlUi {
-  static getNewTableColumns () {
+  static getNewTableColumns() {
     return [
       {
         cn: 'id',
@@ -130,7 +130,7 @@ export class MssqlUi {
     ]
   }
 
-  static getNewColumn (suffix) {
+  static getNewColumn(suffix) {
     return {
       cn: 'title' + suffix,
       dt: 'int',
@@ -272,7 +272,7 @@ export class MssqlUi {
   //
   // }
 
-  static getDefaultLengthForDatatype (type) {
+  static getDefaultLengthForDatatype(type) {
     switch (type) {
       case 'bigint':
         return ''
@@ -384,7 +384,7 @@ export class MssqlUi {
     }
   }
 
-  static getDefaultLengthIsDisabled (type) {
+  static getDefaultLengthIsDisabled(type) {
     switch (type) {
       case 'bigint':
       case 'binary':
@@ -430,7 +430,7 @@ export class MssqlUi {
     }
   }
 
-  static getDefaultValueForDatatype (type) {
+  static getDefaultValueForDatatype(type) {
     switch (type) {
       case 'bigint':
         return 'eg: '
@@ -542,7 +542,7 @@ export class MssqlUi {
     }
   }
 
-  static getDefaultScaleForDatatype (type) {
+  static getDefaultScaleForDatatype(type) {
     switch (type) {
       case 'bigint':
         return ''
@@ -654,7 +654,7 @@ export class MssqlUi {
     }
   }
 
-  static colPropAIDisabled (col, columns) {
+  static colPropAIDisabled(col, columns) {
     // console.log(col);
     if (col.dt === 'int4' ||
       col.dt === 'integer' ||
@@ -671,7 +671,7 @@ export class MssqlUi {
     }
   }
 
-  static colPropUNDisabled (col) {
+  static colPropUNDisabled(col) {
     // console.log(col);
     return true
     // if (col.dt === 'int' ||
@@ -685,7 +685,7 @@ export class MssqlUi {
     // }
   }
 
-  static onCheckboxChangeAI (col) {
+  static onCheckboxChangeAI(col) {
     console.log(col)
     if (col.dt === 'int' || col.dt === 'bigint' || col.dt === 'smallint' || col.dt === 'tinyint') {
       col.altered = col.altered || 2
@@ -698,11 +698,11 @@ export class MssqlUi {
     // }
   }
 
-  static showScale (columnObj) {
+  static showScale(columnObj) {
     return false
   }
 
-  static removeUnsigned (columns) {
+  static removeUnsigned(columns) {
     for (let i = 0; i < columns.length; ++i) {
       if (columns[i].altered === 1 && (!(columns[i].dt === 'int' ||
         columns[i].dt === 'bigint' ||
@@ -716,23 +716,23 @@ export class MssqlUi {
     }
   }
 
-  static columnEditable (colObj) {
+  static columnEditable(colObj) {
     return colObj.tn !== '_evolutions' || colObj.tn !== 'nc_evolutions'
   }
 
-  static extractFunctionName (query) {
+  static extractFunctionName(query) {
     const reg = /^\s*CREATE\s+(?:OR\s+REPLACE\s*)?\s*FUNCTION\s+(?:[\w\d_]+\.)?([\w_\d]+)/i
     const match = query.match(reg)
     return match && match[1]
   }
 
-  static extractProcedureName (query) {
+  static extractProcedureName(query) {
     const reg = /^\s*CREATE\s+(?:OR\s+REPLACE\s*)?\s*PROCEDURE\s+(?:[\w\d_]+\.)?([\w_\d]+)/i
     const match = query.match(reg)
     return match && match[1]
   }
 
-  static handleRawOutput (result, headers) {
+  static handleRawOutput(result, headers) {
     console.log(result)
 
     if (Array.isArray(result) && result[0]) {
@@ -749,7 +749,7 @@ export class MssqlUi {
     return result
   }
 
-  static splitQueries (query) {
+  static splitQueries(query) {
     /***
      * we are splitting based on semicolon
      * there are mechanism to escape semicolon within single/double quotes(string)
@@ -762,7 +762,7 @@ export class MssqlUi {
    * @param args
    * @returns {string|*}
    */
-  sanitiseQuery (args) {
+  sanitiseQuery(args) {
     let q = args.query.trim().split(';')
 
     if (q[0].startsWith('Select')) {
@@ -778,7 +778,7 @@ export class MssqlUi {
     return q
   }
 
-  static getColumnsFromJson (json, tn) {
+  static getColumnsFromJson(json, tn) {
     const columns = []
 
     try {
@@ -880,16 +880,16 @@ export class MssqlUi {
     return columns
   }
 
-  static isValidTimestamp (key, value) {
+  static isValidTimestamp(key, value) {
     if (typeof value !== 'number') { return false }
     return new Date(value).getTime() > 0 && /(?:_|(?=A))[aA]t$/.test(key)
   }
 
-  static isValidDate (value) {
+  static isValidDate(value) {
     return new Date(value).getTime() > 0
   }
 
-  static onCheckboxChangeAU (col) {
+  static onCheckboxChangeAU(col) {
     console.log(col)
     // if (1) {
     col.altered = col.altered || 2
@@ -902,7 +902,7 @@ export class MssqlUi {
     // }
   }
 
-  static colPropAuDisabled (col) {
+  static colPropAuDisabled(col) {
     if (col.altered !== 1) { return true }
 
     switch (col.dt) {
@@ -919,7 +919,7 @@ export class MssqlUi {
     }
   }
 
-  static getAbstractType (col) {
+  static getAbstractType(col) {
     switch ((col.dt || col.dt).toLowerCase()) {
       case 'bigint':
       case 'smallint':
@@ -987,7 +987,7 @@ export class MssqlUi {
     }
   }
 
-  static getUIType (col) {
+  static getUIType(col) {
     switch (this.getAbstractType(col)) {
       case 'integer':
         return 'Number'
@@ -1018,7 +1018,7 @@ export class MssqlUi {
     }
   }
 
-  static getDataTypeForUiType (col) {
+  static getDataTypeForUiType(col) {
     const colProp = {}
     switch (col.uidt) {
       case 'ID':
@@ -1131,7 +1131,7 @@ export class MssqlUi {
     return colProp
   }
 
-  static getDataTypeListForUiType (col) {
+  static getDataTypeListForUiType(col) {
     switch (col.uidt) {
       case 'ID':
       case 'ForeignKey':
diff --git a/packages/nc-gui/helpers/MysqlUi.js b/packages/nc-gui/helpers/MysqlUi.js
index 33673efb95..28102d9c85 100644
--- a/packages/nc-gui/helpers/MysqlUi.js
+++ b/packages/nc-gui/helpers/MysqlUi.js
@@ -41,7 +41,7 @@ const dbTypes = [
 ]
 
 export class MysqlUi {
-  static getNewTableColumns () {
+  static getNewTableColumns() {
     return [
       {
         cn: 'id',
@@ -134,7 +134,7 @@ export class MysqlUi {
     ]
   }
 
-  static getNewColumn (suffix) {
+  static getNewColumn(suffix) {
     return {
       cn: 'title' + suffix,
       dt: 'int',
@@ -160,7 +160,7 @@ export class MysqlUi {
     }
   }
 
-  static getDefaultLengthForDatatype (type) {
+  static getDefaultLengthForDatatype(type) {
     switch (type) {
       case 'int':
         return 11
@@ -272,7 +272,7 @@ export class MysqlUi {
     }
   }
 
-  static getDefaultLengthIsDisabled (type) {
+  static getDefaultLengthIsDisabled(type) {
     switch (type) {
       case 'int':
       case 'tinyint':
@@ -319,7 +319,7 @@ export class MysqlUi {
     }
   }
 
-  static getDefaultValueForDatatype (type) {
+  static getDefaultValueForDatatype(type) {
     switch (type) {
       case 'int':
         return 'eg : ' + 10
@@ -440,7 +440,7 @@ export class MysqlUi {
     }
   }
 
-  static getDefaultScaleForDatatype (type) {
+  static getDefaultScaleForDatatype(type) {
     switch (type) {
       case 'int':
         return ' '
@@ -550,7 +550,7 @@ export class MysqlUi {
     }
   }
 
-  static colPropAIDisabled (col, columns) {
+  static colPropAIDisabled(col, columns) {
     // console.log(col);
     if (col.dt === 'int' ||
       col.dt === 'tinyint' ||
@@ -567,7 +567,7 @@ export class MysqlUi {
     }
   }
 
-  static colPropUNDisabled (col) {
+  static colPropUNDisabled(col) {
     // console.log(col);
     if (col.dt === 'int' ||
       col.dt === 'tinyint' ||
@@ -580,7 +580,7 @@ export class MysqlUi {
     }
   }
 
-  static onCheckboxChangeAI (col) {
+  static onCheckboxChangeAI(col) {
     console.log(col)
     if (col.dt === 'int' || col.dt === 'bigint' || col.dt === 'smallint' || col.dt === 'tinyint') {
       col.altered = col.altered || 2
@@ -593,7 +593,7 @@ export class MysqlUi {
     // }
   }
 
-  static onCheckboxChangeAU (col) {
+  static onCheckboxChangeAU(col) {
     console.log(col)
     // if (1) {
     col.altered = col.altered || 2
@@ -606,14 +606,14 @@ export class MysqlUi {
     // }
   }
 
-  static showScale (columnObj) {
+  static showScale(columnObj) {
     return (columnObj.dt === 'float' ||
       columnObj.dt === 'decimal' ||
       columnObj.dt === 'double' ||
       columnObj.dt === 'real')
   }
 
-  static removeUnsigned (columns) {
+  static removeUnsigned(columns) {
     for (let i = 0; i < columns.length; ++i) {
       if (columns[i].altered === 1 && (!(columns[i].dt === 'int' ||
         columns[i].dt === 'bigint' ||
@@ -627,23 +627,23 @@ export class MysqlUi {
     }
   }
 
-  static columnEditable (colObj) {
+  static columnEditable(colObj) {
     return colObj.tn !== '_evolutions' || colObj.tn !== 'nc_evolutions'
   }
 
-  static extractFunctionName (query) {
+  static extractFunctionName(query) {
     const reg = /^\s*CREATE\s+.*?(?:OR\s+REPLACE\s*)?\s*FUNCTION\s+(?:`?[\w\d_]+`?\.)?`?([\w_\d]+)`?/i
     const match = query.match(reg)
     return match && match[1]
   }
 
-  static extractProcedureName (query) {
+  static extractProcedureName(query) {
     const reg = /^\s*CREATE.*?\s+(?:OR\s+REPLACE\s*)?\s*PROCEDURE\s+(?:[\w\d_]+\.)?([\w_\d]+)/i
     const match = query.match(reg)
     return match && match[1]
   }
 
-  static handleRawOutput (result, headers) {
+  static handleRawOutput(result, headers) {
     result = result[0] ? result[0] : []
     if (Array.isArray(result) && result[0]) {
       const keys = Object.keys(result[0])
@@ -663,7 +663,7 @@ export class MysqlUi {
     return result
   }
 
-  static splitQueries (query) {
+  static splitQueries(query) {
     /***
      * we are splitting based on semicolon
      * there are mechanism to escape semicolon within single/double quotes(string)
@@ -676,7 +676,7 @@ export class MysqlUi {
    * @param args
    * @returns {string|*}
    */
-  static sanitiseQuery (args) {
+  static sanitiseQuery(args) {
     let q = args.query.trim().split(';')
 
     if (q[0].startsWith('Select')) {
@@ -692,7 +692,7 @@ export class MysqlUi {
     return q
   }
 
-  static getColumnsFromJson (json, tn) {
+  static getColumnsFromJson(json, tn) {
     const columns = []
 
     try {
@@ -793,20 +793,20 @@ export class MysqlUi {
     return columns
   }
 
-  static isValidTimestamp (key, value) {
+  static isValidTimestamp(key, value) {
     if (typeof value !== 'number') { return false }
     return new Date(value).getTime() > 0 && /(?:_|(?=A))[aA]t$/.test(key)
   }
 
-  static isValidDate (value) {
+  static isValidDate(value) {
     return new Date(value).getTime() > 0
   }
 
-  static colPropAuDisabled (col) {
+  static colPropAuDisabled(col) {
     return true
   }
 
-  static getUIType (col) {
+  static getUIType(col) {
     switch (this.getAbstractType(col)) {
       case 'integer':
         return 'Number'
@@ -837,7 +837,7 @@ export class MysqlUi {
     }
   }
 
-  static getAbstractType (col) {
+  static getAbstractType(col) {
     switch (col.dt.toLowerCase()) {
       case 'int':
       case 'smallint':
@@ -911,7 +911,7 @@ export class MysqlUi {
     }
   }
 
-  static getDataTypeForUiType (col) {
+  static getDataTypeForUiType(col) {
     const colProp = {}
     switch (col.uidt) {
       case 'ID':
@@ -1028,7 +1028,7 @@ export class MysqlUi {
     return colProp
   }
 
-  static getDataTypeListForUiType (col) {
+  static getDataTypeListForUiType(col) {
     switch (col.uidt) {
       case 'ID':
       case 'ForeignKey':
diff --git a/packages/nc-gui/helpers/OracleUi.js b/packages/nc-gui/helpers/OracleUi.js
index 55fb685f9c..9c2ac3e19d 100644
--- a/packages/nc-gui/helpers/OracleUi.js
+++ b/packages/nc-gui/helpers/OracleUi.js
@@ -1,5 +1,5 @@
 export class OracleUi {
-  static getNewTableColumns () {
+  static getNewTableColumns() {
     return [
       {
         cn: 'id',
@@ -84,7 +84,7 @@ export class OracleUi {
     ]
   }
 
-  static getNewColumn (suffix) {
+  static getNewColumn(suffix) {
     return {
       cn: 'title' + suffix,
       dt: 'integer',
@@ -226,14 +226,14 @@ export class OracleUi {
   //
   // }
 
-  static getDefaultLengthForDatatype (type) {
+  static getDefaultLengthForDatatype(type) {
     switch (type) {
       default:
         return ''
     }
   }
 
-  static getDefaultLengthIsDisabled (type) {
+  static getDefaultLengthIsDisabled(type) {
     switch (type) {
       case 'integer':
         return true
@@ -291,14 +291,14 @@ export class OracleUi {
     }
   }
 
-  static getDefaultValueForDatatype (type) {
+  static getDefaultValueForDatatype(type) {
     switch (type) {
       default:
         return ''
     }
   }
 
-  static getDefaultScaleForDatatype (type) {
+  static getDefaultScaleForDatatype(type) {
     switch (type) {
       case 'integer':
       case 'bfile':
@@ -355,7 +355,7 @@ export class OracleUi {
     }
   }
 
-  static colPropAIDisabled (col, columns) {
+  static colPropAIDisabled(col, columns) {
     // console.log(col);
     if (col.dt === 'int4' ||
       col.dt === 'integer' ||
@@ -372,7 +372,7 @@ export class OracleUi {
     }
   }
 
-  static colPropUNDisabled (col) {
+  static colPropUNDisabled(col) {
     // console.log(col);
     return true
     // if (col.dt === 'int' ||
@@ -386,7 +386,7 @@ export class OracleUi {
     // }
   }
 
-  static onCheckboxChangeAI (col) {
+  static onCheckboxChangeAI(col) {
     console.log(col)
     if (col.dt === 'int' || col.dt === 'bigint' || col.dt === 'smallint' || col.dt === 'tinyint') {
       col.altered = col.altered || 2
@@ -399,11 +399,11 @@ export class OracleUi {
     // }
   }
 
-  static showScale (columnObj) {
+  static showScale(columnObj) {
     return false
   }
 
-  static removeUnsigned (columns) {
+  static removeUnsigned(columns) {
     for (let i = 0; i < columns.length; ++i) {
       if (columns[i].altered === 1 && (!(columns[i].dt === 'int' ||
         columns[i].dt === 'bigint' ||
@@ -417,23 +417,23 @@ export class OracleUi {
     }
   }
 
-  static columnEditable (colObj) {
+  static columnEditable(colObj) {
     return colObj.tn !== '_evolutions' || colObj.tn !== 'nc_evolutions'
   }
 
-  static extractFunctionName (query) {
+  static extractFunctionName(query) {
     const reg = /^\s*CREATE\s+(?:OR\s+REPLACE\s*)?\s*FUNCTION\s+(?:[\w\d_]+\.)?([\w_\d]+)/i
     const match = query.match(reg)
     return match && match[1]
   }
 
-  static extractProcedureName (query) {
+  static extractProcedureName(query) {
     const reg = /^\s*CREATE\s+(?:OR\s+REPLACE\s*)?\s*PROCEDURE\s+(?:[\w\d_]+\.)?([\w_\d]+)/i
     const match = query.match(reg)
     return match && match[1]
   }
 
-  static splitQueries (query) {
+  static splitQueries(query) {
     /***
      * we are splitting based on semicolon
      * there are mechanism to escape semicolon within single/double quotes(string)
@@ -441,7 +441,7 @@ export class OracleUi {
     return query.match(/\b("[^"]*;[^"]*"|'[^']*;[^']*'|[^;])*;/g)
   }
 
-  static onCheckboxChangeAU (col) {
+  static onCheckboxChangeAU(col) {
     console.log(col)
     // if (1) {
     col.altered = col.altered || 2
@@ -459,7 +459,7 @@ export class OracleUi {
    * @param args
    * @returns {string|*}
    */
-  sanitiseQuery (args) {
+  sanitiseQuery(args) {
     let q = args.query.trim().split(';')
 
     if (q[0].startsWith('Select')) {
@@ -475,7 +475,7 @@ export class OracleUi {
     return q
   }
 
-  getColumnsFromJson (json, tn) {
+  getColumnsFromJson(json, tn) {
     const columns = []
 
     try {
@@ -666,11 +666,11 @@ export class OracleUi {
     return columns
   }
 
-  static colPropAuDisabled (col) {
+  static colPropAuDisabled(col) {
     return true
   }
 
-  static getAbstractType (col) {
+  static getAbstractType(col) {
     switch ((col.dt || col.dt).toLowerCase()) {
       case 'integer':
         return 'integer'
@@ -746,7 +746,7 @@ export class OracleUi {
     }
   }
 
-  static getUIType (col) {
+  static getUIType(col) {
     switch (this.getAbstractType(col)) {
       case 'integer':
         return 'Number'
@@ -777,7 +777,7 @@ export class OracleUi {
     }
   }
 
-  static getDataTypeForUiType (col) {
+  static getDataTypeForUiType(col) {
     const colProp = {}
     switch (col.uidt) {
       case 'ID':
diff --git a/packages/nc-gui/helpers/PgUi.js b/packages/nc-gui/helpers/PgUi.js
index f3a9d01b2a..2d9ccb850e 100644
--- a/packages/nc-gui/helpers/PgUi.js
+++ b/packages/nc-gui/helpers/PgUi.js
@@ -99,7 +99,7 @@ const dbTypes = [
   'xml']
 
 export class PgUi {
-  static getNewTableColumns () {
+  static getNewTableColumns() {
     return [
       {
         cn: 'id',
@@ -193,7 +193,7 @@ export class PgUi {
     ]
   }
 
-  static getNewColumn (suffix) {
+  static getNewColumn(suffix) {
     return {
       cn: 'title' + suffix,
       dt: 'int4',
@@ -335,7 +335,7 @@ export class PgUi {
   //
   // }
 
-  static getDefaultLengthForDatatype (type) {
+  static getDefaultLengthForDatatype(type) {
     switch (type) {
       case 'int':
         return ''
@@ -447,7 +447,7 @@ export class PgUi {
     }
   }
 
-  static getDefaultLengthIsDisabled (type) {
+  static getDefaultLengthIsDisabled(type) {
     switch (type) {
       case 'anyenum':
       case 'anynonarray':
@@ -576,7 +576,7 @@ export class PgUi {
     }
   }
 
-  static getDefaultValueForDatatype (type) {
+  static getDefaultValueForDatatype(type) {
     switch (type) {
       case 'anyenum':
         return 'eg: '
@@ -949,7 +949,7 @@ export class PgUi {
     }
   }
 
-  static getDefaultScaleForDatatype (type) {
+  static getDefaultScaleForDatatype(type) {
     switch (type) {
       case 'int':
         return ' '
@@ -1059,7 +1059,7 @@ export class PgUi {
     }
   }
 
-  static colPropAIDisabled (col, columns) {
+  static colPropAIDisabled(col, columns) {
     // console.log(col);
     if (col.dt === 'int4' ||
       col.dt === 'integer' ||
@@ -1076,7 +1076,7 @@ export class PgUi {
     }
   }
 
-  static colPropUNDisabled (col) {
+  static colPropUNDisabled(col) {
     // console.log(col);
     return true
     // if (col.dt === 'int' ||
@@ -1090,7 +1090,7 @@ export class PgUi {
     // }
   }
 
-  static onCheckboxChangeAI (col) {
+  static onCheckboxChangeAI(col) {
     console.log(col)
     if (col.dt === 'int' || col.dt === 'bigint' || col.dt === 'smallint' || col.dt === 'tinyint') {
       col.altered = col.altered || 2
@@ -1103,7 +1103,7 @@ export class PgUi {
     // }
   }
 
-  static onCheckboxChangeAU (col) {
+  static onCheckboxChangeAU(col) {
     console.log(col)
     // if (1) {
     col.altered = col.altered || 2
@@ -1119,11 +1119,11 @@ export class PgUi {
     // }
   }
 
-  static showScale (columnObj) {
+  static showScale(columnObj) {
     return false
   }
 
-  static removeUnsigned (columns) {
+  static removeUnsigned(columns) {
     for (let i = 0; i < columns.length; ++i) {
       if (columns[i].altered === 1 && (!(columns[i].dt === 'int' ||
         columns[i].dt === 'bigint' ||
@@ -1137,23 +1137,23 @@ export class PgUi {
     }
   }
 
-  static columnEditable (colObj) {
+  static columnEditable(colObj) {
     return colObj.tn !== '_evolutions' || colObj.tn !== 'nc_evolutions'
   }
 
-  static extractFunctionName (query) {
+  static extractFunctionName(query) {
     const reg = /^\s*CREATE\s+(?:OR\s+REPLACE\s*)?\s*FUNCTION\s+(?:[\w\d_]+\.)?([\w_\d]+)/i
     const match = query.match(reg)
     return match && match[1]
   }
 
-  static extractProcedureName (query) {
+  static extractProcedureName(query) {
     const reg = /^\s*CREATE\s+(?:OR\s+REPLACE\s*)?\s*PROCEDURE\s+(?:[\w\d_]+\.)?([\w_\d]+)/i
     const match = query.match(reg)
     return match && match[1]
   }
 
-  static handleRawOutput (result, headers) {
+  static handleRawOutput(result, headers) {
     if (['DELETE', 'INSERT', 'UPDATE'].includes(result.command.toUpperCase())) {
       headers.push({ text: 'Row count', value: 'rowCount', sortable: false })
       result = [{
@@ -1173,7 +1173,7 @@ export class PgUi {
     return result
   }
 
-  static splitQueries (query) {
+  static splitQueries(query) {
     /***
      * we are splitting based on semicolon
      * there are mechanism to escape semicolon within single/double quotes(string)
@@ -1186,7 +1186,7 @@ export class PgUi {
    * @param args
    * @returns {string|*}
    */
-  sanitiseQuery (args) {
+  sanitiseQuery(args) {
     let q = args.query.trim().split(';')
 
     if (q[0].startsWith('Select')) {
@@ -1202,7 +1202,7 @@ export class PgUi {
     return q
   }
 
-  static getColumnsFromJson (json, tn) {
+  static getColumnsFromJson(json, tn) {
     const columns = []
 
     try {
@@ -1303,16 +1303,16 @@ export class PgUi {
     return columns
   }
 
-  static isValidTimestamp (key, value) {
+  static isValidTimestamp(key, value) {
     if (typeof value !== 'number') { return false }
     return new Date(value).getTime() > 0 && /(?:_|(?=A))[aA]t$/.test(key)
   }
 
-  static isValidDate (value) {
+  static isValidDate(value) {
     return new Date(value).getTime() > 0
   }
 
-  static colPropAuDisabled (col) {
+  static colPropAuDisabled(col) {
     if (col.altered !== 1) { return true }
 
     switch (col.dt) {
@@ -1330,7 +1330,7 @@ export class PgUi {
     }
   }
 
-  static getAbstractType (col) {
+  static getAbstractType(col) {
     switch ((col.dt || col.dt).toLowerCase()) {
       case 'anyenum':
         return 'enum'
@@ -1511,7 +1511,7 @@ export class PgUi {
     }
   }
 
-  static getUIType (col) {
+  static getUIType(col) {
     switch (this.getAbstractType(col)) {
       case 'integer':
         return 'Number'
@@ -1542,7 +1542,7 @@ export class PgUi {
     }
   }
 
-  static getDataTypeForUiType (col) {
+  static getDataTypeForUiType(col) {
     const colProp = {}
     switch (col.uidt) {
       case 'ID':
@@ -1654,7 +1654,7 @@ export class PgUi {
     return colProp
   }
 
-  static getDataTypeListForUiType (col) {
+  static getDataTypeListForUiType(col) {
     switch (col.uidt) {
       case 'ID':
       case 'ForeignKey':
diff --git a/packages/nc-gui/helpers/SqlQueryParser.js b/packages/nc-gui/helpers/SqlQueryParser.js
index 39b3603e3a..a5703cf500 100644
--- a/packages/nc-gui/helpers/SqlQueryParser.js
+++ b/packages/nc-gui/helpers/SqlQueryParser.js
@@ -1,10 +1,10 @@
 export default class SqlQueryParser {
-  static getType (query) {
+  static getType(query) {
     query = query.trim().toLowerCase()
     return query.split(/\W+/)[0]
   }
 
-  static getColorForQueryType (queryType) {
+  static getColorForQueryType(queryType) {
     switch (queryType.toLowerCase()) {
       case 'select':
         return 'success'
diff --git a/packages/nc-gui/helpers/SqlUiFactory.js b/packages/nc-gui/helpers/SqlUiFactory.js
index 13b2a8d265..0c8a4b8c97 100644
--- a/packages/nc-gui/helpers/SqlUiFactory.js
+++ b/packages/nc-gui/helpers/SqlUiFactory.js
@@ -9,7 +9,7 @@ import { SqliteUi } from './SqliteUi'
 // import {VitessUi} from "./VitessUi";
 
 export class SqlUI {
-  static create (connectionConfig) {
+  static create(connectionConfig) {
     // connectionConfig.meta = connectionConfig.meta || {};
     // connectionConfig.meta.dbtype = connectionConfig.meta.dbtype || "";
     if (connectionConfig.client === 'mysql' || connectionConfig.client === 'mysql2') {
diff --git a/packages/nc-gui/helpers/SqliteUi.js b/packages/nc-gui/helpers/SqliteUi.js
index f7be917be0..8a08dbe5b1 100644
--- a/packages/nc-gui/helpers/SqliteUi.js
+++ b/packages/nc-gui/helpers/SqliteUi.js
@@ -24,7 +24,7 @@ const dbTypes = [
 ]
 
 export class SqliteUi {
-  static getNewTableColumns () {
+  static getNewTableColumns() {
     return [
       {
         cn: 'id',
@@ -117,7 +117,7 @@ export class SqliteUi {
     ]
   }
 
-  static getNewColumn (suffix) {
+  static getNewColumn(suffix) {
     return {
       cn: 'title' + suffix,
       dt: 'integer',
@@ -259,7 +259,7 @@ export class SqliteUi {
   //
   // }
 
-  static getDefaultLengthForDatatype (type) {
+  static getDefaultLengthForDatatype(type) {
     switch (type) {
       case 'int':
         return ''
@@ -371,7 +371,7 @@ export class SqliteUi {
     }
   }
 
-  static getDefaultLengthIsDisabled (type) {
+  static getDefaultLengthIsDisabled(type) {
     switch (type) {
       case 'integer':
       case 'blob':
@@ -384,7 +384,7 @@ export class SqliteUi {
     }
   }
 
-  static getDefaultValueForDatatype (type) {
+  static getDefaultValueForDatatype(type) {
     switch (type) {
       case 'integer':
         return 'eg : ' + 10
@@ -403,7 +403,7 @@ export class SqliteUi {
     }
   }
 
-  static getDefaultScaleForDatatype (type) {
+  static getDefaultScaleForDatatype(type) {
     switch (type) {
       case 'integer':
         return ' '
@@ -422,7 +422,7 @@ export class SqliteUi {
     }
   }
 
-  static colPropAIDisabled (col, columns) {
+  static colPropAIDisabled(col, columns) {
     // console.log(col);
     if (col.dt === 'integer') {
       for (let i = 0; i < columns.length; ++i) {
@@ -436,7 +436,7 @@ export class SqliteUi {
     }
   }
 
-  static colPropUNDisabled (col) {
+  static colPropUNDisabled(col) {
     // console.log(col);
     return true
     // if (col.dt === 'int' ||
@@ -450,7 +450,7 @@ export class SqliteUi {
     // }
   }
 
-  static onCheckboxChangeAI (col) {
+  static onCheckboxChangeAI(col) {
     console.log(col)
     if (col.dt === 'int' || col.dt === 'bigint' || col.dt === 'smallint' || col.dt === 'tinyint') {
       col.altered = col.altered || 2
@@ -463,11 +463,11 @@ export class SqliteUi {
     // }
   }
 
-  static showScale (columnObj) {
+  static showScale(columnObj) {
     return false
   }
 
-  static removeUnsigned (columns) {
+  static removeUnsigned(columns) {
     for (let i = 0; i < columns.length; ++i) {
       if (columns[i].altered === 1 && (!(columns[i].dt === 'int' ||
         columns[i].dt === 'bigint' ||
@@ -481,23 +481,23 @@ export class SqliteUi {
     }
   }
 
-  static extractFunctionName (query) {
+  static extractFunctionName(query) {
     const reg = /^\s*CREATE\s+(?:OR\s+REPLACE\s*)?\s*FUNCTION\s+(?:[\w\d_]+\.)?([\w_\d]+)/i
     const match = query.match(reg)
     return match && match[1]
   }
 
-  static extractProcedureName (query) {
+  static extractProcedureName(query) {
     const reg = /^\s*CREATE\s+(?:OR\s+REPLACE\s*)?\s*PROCEDURE\s+(?:[\w\d_]+\.)?([\w_\d]+)/i
     const match = query.match(reg)
     return match && match[1]
   }
 
-  static columnEditable (colObj) {
+  static columnEditable(colObj) {
     return true // colObj.altered === 1;
   }
 
-  static handleRawOutput (result, headers) {
+  static handleRawOutput(result, headers) {
     console.log(result)
     if (Array.isArray(result) && result[0]) {
       const keys = Object.keys(result[0])
@@ -510,7 +510,7 @@ export class SqliteUi {
     return result
   }
 
-  static splitQueries (query) {
+  static splitQueries(query) {
     /***
      * we are splitting based on semicolon
      * there are mechanism to escape semicolon within single/double quotes(string)
@@ -523,7 +523,7 @@ export class SqliteUi {
    * @param args
    * @returns {string|*}
    */
-  sanitiseQuery (args) {
+  sanitiseQuery(args) {
     let q = args.query.trim().split(';')
 
     if (q[0].startsWith('Select')) {
@@ -539,7 +539,7 @@ export class SqliteUi {
     return q
   }
 
-  static getColumnsFromJson (json, tn) {
+  static getColumnsFromJson(json, tn) {
     const columns = []
 
     try {
@@ -630,16 +630,16 @@ export class SqliteUi {
     return columns
   }
 
-  static isValidTimestamp (key, value) {
+  static isValidTimestamp(key, value) {
     if (typeof value !== 'number') { return false }
     return new Date(value).getTime() > 0 && /(?:_|(?=A))[aA]t$/.test(key)
   }
 
-  static isValidDate (value) {
+  static isValidDate(value) {
     return new Date(value).getTime() > 0
   }
 
-  static onCheckboxChangeAU (col) {
+  static onCheckboxChangeAU(col) {
     console.log(col)
     // if (1) {
     col.altered = col.altered || 2
@@ -652,7 +652,7 @@ export class SqliteUi {
     // }
   }
 
-  static colPropAuDisabled (col) {
+  static colPropAuDisabled(col) {
     if (col.altered !== 1) { return true }
 
     switch (col.dt) {
@@ -667,7 +667,7 @@ export class SqliteUi {
     }
   }
 
-  static getAbstractType (col) {
+  static getAbstractType(col) {
     switch ((col.dt || col.dt).toLowerCase()) {
       case 'date':
         return 'date'
@@ -704,7 +704,7 @@ export class SqliteUi {
     }
   }
 
-  static getUIType (col) {
+  static getUIType(col) {
     switch (this.getAbstractType(col)) {
       case 'integer':
         return 'Number'
@@ -735,7 +735,7 @@ export class SqliteUi {
     }
   }
 
-  static getDataTypeForUiType (col) {
+  static getDataTypeForUiType(col) {
     const colProp = {}
     switch (col.uidt) {
       case 'ID':
@@ -849,7 +849,7 @@ export class SqliteUi {
     return colProp
   }
 
-  static getDataTypeListForUiType (col) {
+  static getDataTypeListForUiType(col) {
     switch (col.uidt) {
       case 'ID':
       case 'ForeignKey':
diff --git a/packages/nc-gui/helpers/Utils.js b/packages/nc-gui/helpers/Utils.js
index 32cd236168..13fd74177d 100644
--- a/packages/nc-gui/helpers/Utils.js
+++ b/packages/nc-gui/helpers/Utils.js
@@ -1,5 +1,5 @@
 export default class Utils {
-  static dateToHowManyAgo (stringDate) {
+  static dateToHowManyAgo(stringDate) {
     const currDate = new Date()
     const diffMs = currDate.getTime() - new Date(stringDate).getTime()
     const sec = diffMs / 1000
@@ -16,7 +16,7 @@ export default class Utils {
     return parseInt(y) + ' year' + (parseInt(y) > 1 ? 's' : '') + ' ago'
   }
 
-  static findById (o, id) {
+  static findById(o, id) {
     // Early return
     if (o.id === id) {
       return o
diff --git a/packages/nc-gui/helpers/XcApiHelp.js b/packages/nc-gui/helpers/XcApiHelp.js
index f8f74da8f8..b458c71061 100644
--- a/packages/nc-gui/helpers/XcApiHelp.js
+++ b/packages/nc-gui/helpers/XcApiHelp.js
@@ -1,4 +1,4 @@
-export function apiPrepareForInvocation (api) {
+export function apiPrepareForInvocation(api) {
   api.meta.path = api.meta.path || api.path
   api.meta.method = api.meta.method.toUpperCase()
   api.meta.parameters = api.meta.parameters || (api.swagger.parameters && api.swagger.parameters.filter(p => p.in === 'query').map(p => ({
@@ -18,7 +18,7 @@ export function apiPrepareForInvocation (api) {
   return api
 }
 
-export function nodeHandleIfNew (node) {
+export function nodeHandleIfNew(node) {
   if (node.isLeaf && !node.meta) {
     node.swagger = {
       parameters: []
@@ -35,7 +35,7 @@ export function nodeHandleIfNew (node) {
   }
 }
 
-export function axiosRequestMake (apiMeta) {
+export function axiosRequestMake(apiMeta) {
   if (apiMeta.body) {
     try {
       apiMeta.body = JSON.parse(apiMeta.body)
diff --git a/packages/nc-gui/helpers/debounce.js b/packages/nc-gui/helpers/debounce.js
index 9adc3b0876..0fa2f5d8ca 100644
--- a/packages/nc-gui/helpers/debounce.js
+++ b/packages/nc-gui/helpers/debounce.js
@@ -1,4 +1,4 @@
-export default function debounce (callbackFn, time) {
+export default function debounce(callbackFn, time) {
   let interval
   return (...args) => {
     clearTimeout(interval)
diff --git a/packages/nc-gui/helpers/deepFind.js b/packages/nc-gui/helpers/deepFind.js
index 1f9c81448c..98959b2421 100644
--- a/packages/nc-gui/helpers/deepFind.js
+++ b/packages/nc-gui/helpers/deepFind.js
@@ -1,4 +1,4 @@
-export default function (obj, path) {
+export default function(obj, path) {
   const paths = path.split('.')
   let current = obj
   let i
diff --git a/packages/nc-gui/helpers/deepSet.js b/packages/nc-gui/helpers/deepSet.js
index 2e588e49c0..ce2e776035 100644
--- a/packages/nc-gui/helpers/deepSet.js
+++ b/packages/nc-gui/helpers/deepSet.js
@@ -1,4 +1,4 @@
-export default function (obj, value, path) {
+export default function(obj, value, path) {
   let i
   path = path.split('.')
   for (i = 0; i < path.length - 1; i++) { obj = obj[path[i]] }
diff --git a/packages/nc-gui/helpers/fileReader.js b/packages/nc-gui/helpers/fileReader.js
index 87655317e2..9fe2d57989 100644
--- a/packages/nc-gui/helpers/fileReader.js
+++ b/packages/nc-gui/helpers/fileReader.js
@@ -1,7 +1,7 @@
 // Ref : https://stackoverflow.com/a/12002275
 
 // Tested in Mozilla Firefox browser, Chrome
-function ReadFileAllBrowsers (FileElement, CallBackFunction) {
+function ReadFileAllBrowsers(FileElement, CallBackFunction) {
   try {
     if (!FileElement.files || !FileElement.files.length) { return CallBackFunction() }
 
@@ -10,10 +10,10 @@ function ReadFileAllBrowsers (FileElement, CallBackFunction) {
     if (file) {
       const reader = new FileReader()
       reader.readAsText(file, 'UTF-8')
-      reader.onload = function (evt) {
+      reader.onload = function(evt) {
         CallBackFunction(evt.target.result)
       }
-      reader.onerror = function (evt) {
+      reader.onerror = function(evt) {
         CallBackFunction()
       }
     }
@@ -27,7 +27,7 @@ function ReadFileAllBrowsers (FileElement, CallBackFunction) {
 }
 
 /// Reading files with Internet Explorer
-function ieReadFile (filename) {
+function ieReadFile(filename) {
   try {
     // eslint-disable-next-line no-undef
     const fso = new ActiveXObject('Scripting.FileSystemObject')
diff --git a/packages/nc-gui/helpers/findDataTypeMapping.js b/packages/nc-gui/helpers/findDataTypeMapping.js
index 6ac97be486..76ba1f0b85 100644
--- a/packages/nc-gui/helpers/findDataTypeMapping.js
+++ b/packages/nc-gui/helpers/findDataTypeMapping.js
@@ -1,4 +1,4 @@
-export default function (type) {
+export default function(type) {
   switch (type) {
     case 'int':
     case 'tinyint':
diff --git a/packages/nc-gui/helpers/setProp.js b/packages/nc-gui/helpers/setProp.js
index 8911199528..70446ddadc 100644
--- a/packages/nc-gui/helpers/setProp.js
+++ b/packages/nc-gui/helpers/setProp.js
@@ -1,7 +1,7 @@
 // Todo : https://jasonwatmore.com/post/2018/09/10/vuejs-set-get-delete-reactive-nested-object-properties
 import Vue from 'vue'
 
-function setProp (obj, props, value) {
+function setProp(obj, props, value) {
   const prop = props.shift()
   if (!obj[prop]) {
     Vue.set(obj, prop, {})
diff --git a/packages/nc-gui/helpers/xutils.js b/packages/nc-gui/helpers/xutils.js
index 37bd5f85be..7de74b11e1 100644
--- a/packages/nc-gui/helpers/xutils.js
+++ b/packages/nc-gui/helpers/xutils.js
@@ -1,9 +1,9 @@
-export default function isDev () {
+export default function isDev() {
   return process.env.NODE_ENV &&
     (process.env.NODE_ENV.toLowerCase() === 'development' || process.env.NODE_ENV.toLowerCase() === 'dev')
 }
 
-export function isMetaTable (tn) {
+export function isMetaTable(tn) {
   return [
     '_evolutions',
     'nc_models',
@@ -35,7 +35,7 @@ export function isMetaTable (tn) {
   ].includes(tn)
 }
 
-export function insertKey (key, value, obj, pos) {
+export function insertKey(key, value, obj, pos) {
   const keys = Object.keys(obj)
   if (!keys.length || pos > keys.length - 1) {
     obj[key] = value
@@ -48,7 +48,7 @@ export function insertKey (key, value, obj, pos) {
   }, {})
 }
 
-export function copyTextToClipboard (text) {
+export function copyTextToClipboard(text) {
   const textArea = document.createElement('textarea')
 
   //
diff --git a/packages/nc-gui/layouts/default.vue b/packages/nc-gui/layouts/default.vue
index 4e3044de78..efa5d4d061 100644
--- a/packages/nc-gui/layouts/default.vue
+++ b/packages/nc-gui/layouts/default.vue
@@ -623,15 +623,15 @@ export default {
       isGrpc: 'project/GtrProjectIsGrpc',
       role: 'users/GtrRole'
     }),
-    user () {
+    user() {
       return this.$store.getters['users/GtrUser']
     },
-    isThisMobile () { // just an example, could be one specific value if that's all you need
+    isThisMobile() { // just an example, could be one specific value if that's all you need
       return this.isHydrated ? this.$vuetify.breakpoint.smAndDown : false
     }
   },
   watch: {
-    '$route.path' (path, oldPath) {
+    '$route.path'(path, oldPath) {
       try {
         if (oldPath === path) { return }
         const recaptcha = this.$recaptchaInstance
@@ -643,7 +643,7 @@ export default {
       } catch (e) {
       }
     },
-    '$route.params.project_id' (newId, oldId) {
+    '$route.params.project_id'(newId, oldId) {
       if (newId && newId !== oldId) {
         this.loadProjectInfo()
       }
@@ -652,7 +652,7 @@ export default {
       }
     }
   },
-  mounted () {
+  mounted() {
     this.selectedEnv = this.$store.getters['project/GtrActiveEnv']
     this.loadProjectInfo()
   },
@@ -669,7 +669,7 @@ export default {
       toggleOutputWindow: 'windows/MutToggleOutputWindow',
       toggleTreeviewWindow: 'windows/MutToggleTreeviewWindow'
     }),
-    async loadProjectInfo () {
+    async loadProjectInfo() {
       if (this.$route.params.project_id) {
         try {
           const { info } = (await this.$axios.get(`${this.$axios.defaults.baseURL}/nc/${this.$route.params.project_id}/projectApiInfo`, {
@@ -683,51 +683,51 @@ export default {
         }
       }
     },
-    setPreviewUSer (previewAs) {
+    setPreviewUSer(previewAs) {
       this.previewAs = previewAs
       window.location.reload()
     },
-    showAppStoreIcon () {
+    showAppStoreIcon() {
       this.showAppStore = true
       this.$toast.info('Apps unlocked').goAway(5000)
     },
 
-    isProjectInfoLoaded () {
+    isProjectInfoLoaded() {
       return this.$store.state.project.projectInfo !== null
     },
-    githubClickHandler (e) {
+    githubClickHandler(e) {
       //   e.preventDefault();
       //   shell.openExternal(e.path.find(e => e.href).href);
     },
-    openUrl (url) {
+    openUrl(url) {
       window.open(url, '_blank')
     },
-    openPricingPage () {
+    openPricingPage() {
       //   shell.openExternal(process.env.serverUrl + '/pricing')
     },
-    openHowItWorks () {
+    openHowItWorks() {
       //   shell.openExternal(process.env.serverUrl + '/how-it-works')
     },
-    openDiscord () {
+    openDiscord() {
       //   shell.openExternal('https://discord.gg/5RgZmkW')
     },
-    openGithub () {
+    openGithub() {
       //   shell.openExternal('https://github.com/NocoDB/NocoDB')
     },
-    dialogDebugCancel () {
+    dialogDebugCancel() {
       this.dialogDebug = false
     },
-    dialogDebugShow () {
+    dialogDebugShow() {
       this.dialogDebug = true
     },
 
-    errorDialogCancel () {
+    errorDialogCancel() {
       this.dialogErrorShow = false
     },
-    errorDialogReport () {
+    errorDialogReport() {
       this.dialogErrorShow = false
     },
-    loadChat () {
+    loadChat() {
       if (!window.Tawk_API) {
         const s1 = document.createElement('script'); const s0 = document.getElementsByTagName('script')[0]
         s1.async = true
@@ -740,7 +740,7 @@ export default {
         window.Tawk_API.maximize()
       }
     },
-    handleMigrationsMenuClick (item, closeMenu = true, sqlEditor = false) {
+    handleMigrationsMenuClick(item, closeMenu = true, sqlEditor = false) {
       // if (item._nodes.type != "db") return;
       //
       // if (closeMenu) this.$refs.migrationsMenu.isActive = false;
@@ -758,7 +758,7 @@ export default {
       // }
     },
 
-    terminalTabAdd () {
+    terminalTabAdd() {
       if (this.isDashboard) {
         const tabIndex = this.tabs.findIndex(el => el.key === 'terminal')
         if (tabIndex !== -1) {
@@ -774,7 +774,7 @@ export default {
         this.terminalDialog = true
       }
     },
-    apiClientTabAdd () {
+    apiClientTabAdd() {
       // if (this.$route.path.indexOf('dashboard') > -1) {
       const tabIndex = this.tabs.findIndex(el => el.key === 'apiClientDir')
       if (tabIndex !== -1) {
@@ -790,7 +790,7 @@ export default {
       //   this.terminalDialog = true;
       // }
     },
-    apiClientSwaggerTabAdd () {
+    apiClientSwaggerTabAdd() {
       // if (this.$route.path.indexOf('dashboard') > -1) {
       const tabIndex = this.tabs.findIndex(el => el.key === 'apiClientSwaggerDir')
       if (tabIndex !== -1) {
@@ -806,7 +806,7 @@ export default {
       //   this.terminalDialog = true;
       // }
     },
-    projectInfoTabAdd () {
+    projectInfoTabAdd() {
       const tabIndex = this.tabs.findIndex(el => el.key === 'projectInfo')
       if (tabIndex !== -1) {
         this.changeActiveTab(tabIndex)
@@ -818,7 +818,7 @@ export default {
         this.$store.dispatch('tabs/ActAddTab', item)
       }
     },
-    xcMetaTabAdd () {
+    xcMetaTabAdd() {
       // if (this.$route.path.indexOf('dashboard') > -1) {
       const tabIndex = this.tabs.findIndex(el => el.key === 'meta')
       if (tabIndex !== -1) {
@@ -833,10 +833,10 @@ export default {
       //   this.terminalDialog = true;
       // }
     },
-    apiClientSwaggerOpen () {
+    apiClientSwaggerOpen() {
       this.$router.push('/apiClient')
     },
-    graphqlClientTabAdd () {
+    graphqlClientTabAdd() {
       // const tabIndex = this.tabs.findIndex(el => el.key === `graphqlClientDir`);
       // if (tabIndex !== -1) {
       //   this.changeActiveTab(tabIndex);
@@ -849,7 +849,7 @@ export default {
       // }
       window.open(this.swaggerOrGraphiqlUrl, '_blank')
     },
-    swaggerClientTabAdd () {
+    swaggerClientTabAdd() {
       // const tabIndex = this.tabs.findIndex(el => el.key === `swaggerClientDir`);
       // if (tabIndex !== -1) {
       //   this.changeActiveTab(tabIndex);
@@ -862,7 +862,7 @@ export default {
       // }
       window.open(this.swaggerOrGraphiqlUrl, '_blank')
     },
-    grpcTabAdd () {
+    grpcTabAdd() {
       const tabIndex = this.tabs.findIndex(el => el.key === 'grpcClient')
       if (tabIndex !== -1) {
         this.changeActiveTab(tabIndex)
@@ -874,7 +874,7 @@ export default {
         this.$store.dispatch('tabs/ActAddTab', item)
       }
     },
-    rolesTabAdd () {
+    rolesTabAdd() {
       const tabIndex = this.tabs.findIndex(el => el.key === 'roles')
       if (tabIndex !== -1) {
         this.changeActiveTab(tabIndex)
@@ -889,7 +889,7 @@ export default {
         this.$eventBus.$emit('show-add-user')
       }, 200)
     },
-    settingsTabAdd () {
+    settingsTabAdd() {
       const tabIndex = this.tabs.findIndex(el => el.key === 'projectSettings')
       if (tabIndex !== -1) {
         this.changeActiveTab(tabIndex)
@@ -901,7 +901,7 @@ export default {
         this.$store.dispatch('tabs/ActAddTab', item)
       }
     },
-    aclTabAdd () {
+    aclTabAdd() {
       const tabIndex = this.tabs.findIndex(el => el.key === 'acl')
       if (tabIndex !== -1) {
         this.changeActiveTab(tabIndex)
@@ -913,7 +913,7 @@ export default {
         this.$store.dispatch('tabs/ActAddTab', item)
       }
     },
-    disableOrEnableModelTabAdd () {
+    disableOrEnableModelTabAdd() {
       const tabIndex = this.tabs.findIndex(el => el.key === 'disableOrEnableModel')
       if (tabIndex !== -1) {
         this.changeActiveTab(tabIndex)
@@ -925,7 +925,7 @@ export default {
         this.$store.dispatch('tabs/ActAddTab', item)
       }
     },
-    cronTabAdd () {
+    cronTabAdd() {
       const tabIndex = this.tabs.findIndex(el => el.key === 'cronJobs')
       if (tabIndex !== -1) {
         this.changeActiveTab(tabIndex)
@@ -937,7 +937,7 @@ export default {
         this.$store.dispatch('tabs/ActAddTab', item)
       }
     },
-    appsTabAdd () {
+    appsTabAdd() {
       const tabIndex = this.tabs.findIndex(el => el.key === 'appStore')
       if (tabIndex !== -1) {
         this.changeActiveTab(tabIndex)
@@ -949,7 +949,7 @@ export default {
         this.$store.dispatch('tabs/ActAddTab', item)
       }
     },
-    async codeGenerateMvc () {
+    async codeGenerateMvc() {
       try {
         await this.sqlMgr.projectGenerateBackend({
           env: 'dev'
@@ -960,41 +960,41 @@ export default {
         throw e
       }
     },
-    cookieStatus (status) {
+    cookieStatus(status) {
       this.status = status
     },
-    cookieClickedAccept () {
+    cookieClickedAccept() {
       this.status = 'accept'
     },
-    cookieClickedDecline () {
+    cookieClickedDecline() {
       this.status = 'decline'
       // localStorage.removeItem('vue-cookie-accept-decline')
     },
-    removeCookie () {
+    removeCookie() {
       // console.log('Cookie removed')
       localStorage.removeItem('vue-cookie-accept-decline')
       this.status = 'Cookie removed, refresh the page.'
     },
 
-    MtdContactUs () {
+    MtdContactUs() {
       this.snackbar = true
     },
 
-    MtdHiring () {
+    MtdHiring() {
       this.$router.push('/info/hiring')
     },
 
-    MtdFaq () {
+    MtdFaq() {
       this.$router.push('/info/faq')
     },
-    MtdTos () {
+    MtdTos() {
       this.$router.push('/info/tos')
     },
-    async MtdSignOut () {
+    async MtdSignOut() {
       await this.$store.dispatch('users/ActSignOut')
       this.$router.push('/user/authentication/signin')
     },
-    MtdToggleDrawer () {
+    MtdToggleDrawer() {
       if (!this.$store.getters['users/GtrUser']) {
         this.drawer = false
       } else {
@@ -1002,10 +1002,10 @@ export default {
       }
       // console.log('Toggling drawer', this.drawer);
     },
-    changeTheme () {
+    changeTheme() {
       this.$store.dispatch('windows/ActToggleDarkMode', !this.$store.state.windows.darkTheme)
     },
-    async copyProjectInfo () {
+    async copyProjectInfo() {
       try {
         const data = await this.$store.dispatch('sqlMgr/ActSqlOp', [null, 'ncProjectInfo'])
         copyTextToClipboard(Object.entries(data).map(([k, v]) => `${k}: **${v}**`).join('\n'))
diff --git a/packages/nc-gui/layouts/empty.vue b/packages/nc-gui/layouts/empty.vue
index 64d07e0162..f54ce351ed 100644
--- a/packages/nc-gui/layouts/empty.vue
+++ b/packages/nc-gui/layouts/empty.vue
@@ -16,9 +16,9 @@ export default {
   data: () => ({}),
   computed: {},
   watch: {},
-  mounted () {
+  mounted() {
   },
-  async created () {
+  async created() {
     // this.$vuetify.theme.dark = false;
   },
 
diff --git a/packages/nc-gui/layouts/error1.vue b/packages/nc-gui/layouts/error1.vue
index ba348db851..b84686758b 100644
--- a/packages/nc-gui/layouts/error1.vue
+++ b/packages/nc-gui/layouts/error1.vue
@@ -21,13 +21,13 @@ export default {
       default: null
     }
   },
-  data () {
+  data() {
     return {
       pageNotFound: '404 Not Found',
       otherError: 'An error occurred'
     }
   },
-  head () {
+  head() {
     const title =
       this.error.statusCode === 404 ? this.pageNotFound : this.otherError
     return {
diff --git a/packages/nc-gui/middleware/auth.js b/packages/nc-gui/middleware/auth.js
index 17cf32fbb4..ed71698d1e 100644
--- a/packages/nc-gui/middleware/auth.js
+++ b/packages/nc-gui/middleware/auth.js
@@ -1,4 +1,4 @@
-export default async function ({ store, route, redirect }) {
+export default async function({ store, route, redirect }) {
   if (
     !route.path.startsWith('/nc/view/') &&
     store.getters['project/GtrIsFirstLoad'] === false &&
diff --git a/packages/nc-gui/mixins/colors.js b/packages/nc-gui/mixins/colors.js
index 6725b0852a..c05f118b43 100644
--- a/packages/nc-gui/mixins/colors.js
+++ b/packages/nc-gui/mixins/colors.js
@@ -2,10 +2,10 @@ import { enumColor as colors } from '@/components/project/spreadsheet/helpers/co
 
 export default {
   computed: {
-    colors () {
+    colors() {
       return this.$store.state.windows.darkTheme ? colors.dark : colors.light
     },
-    textColors () {
+    textColors() {
       return this.$store.state.windows.darkTheme ? colors.light : colors.dark
     }
   }
diff --git a/packages/nc-gui/mixins/device.js b/packages/nc-gui/mixins/device.js
index c40cb32144..c2eec1d7ae 100644
--- a/packages/nc-gui/mixins/device.js
+++ b/packages/nc-gui/mixins/device.js
@@ -1,7 +1,7 @@
 import { mapGetters } from 'vuex'
 
 export default {
-  data () {
+  data() {
     return {
       isHydrated: false,
       drawer: null
@@ -9,45 +9,45 @@ export default {
     }
   },
   computed: {
-    isDark () {
+    isDark() {
       return this.$vuetify && this.$vuetify.theme && this.$vuetify.theme.dark
     },
-    isLight () {
+    isLight() {
       return this.$vuetify && this.$vuetify.theme && this.$vuetify.theme.light
     },
-    isThisMobile () { // just an example, could be one specific value if that's all you need
+    isThisMobile() { // just an example, could be one specific value if that's all you need
       return this.isHydrated ? this.$vuetify && this.$vuetify.breakpoint && this.$vuetify.breakpoint.smAndDown : false
     },
 
-    isTool () {
+    isTool() {
       return process.env && process.env.tool
     },
-    isDashboard () {
+    isDashboard() {
       return this.$route &&
         this.$route.path &&
         (this.$route.path === '/nc' || this.$route.path === '/nc/' || this.$route.path.startsWith('/nc/'))
     },
 
-    _meta () {
+    _meta() {
       return this._isMac ? '⌘' : '^'
     },
-    _isMac () {
+    _isMac() {
       return process.platform === 'darwin'
     },
-    _isWindows () {
+    _isWindows() {
       return process.platform === 'win32'
     },
-    _isDev () {
+    _isDev() {
       return process.env.NODE_ENV && process.env.NODE_ENV.toLowerCase().startsWith('dev')
     },
-    _isEE () {
+    _isEE() {
       return process.env.EE
     },
     ...mapGetters({
       _isUIAllowed: 'users/GtrIsUIAllowed'
     })
   },
-  mounted () {
+  mounted() {
     // this.isHydrated = true
     // if (!this.$vuetify.breakpoint.smAndDown) {
     //   //console.log('setting drawer to false');
@@ -75,13 +75,13 @@ export default {
   //   }
   // },
   methods: {
-    upgradeToEE () {
+    upgradeToEE() {
       this.$toast.info('Upgrade to Enterprise Edition').goAway(3000)
     },
-    comingSoon () {
+    comingSoon() {
       this.$toast.info('Coming soon').goAway(3000)
     },
-    async sqlOp (args, op, opArgs, cusHeaders, cusAxiosOptions, queryParams) {
+    async sqlOp(args, op, opArgs, cusHeaders, cusAxiosOptions, queryParams) {
       return this.$store.dispatch('sqlMgr/ActSqlOp', [args, op, opArgs, cusHeaders, cusAxiosOptions, queryParams])
     }
   }
diff --git a/packages/nc-gui/nuxt.config.js b/packages/nc-gui/nuxt.config.js
index 7212054a05..97dfc721d0 100644
--- a/packages/nc-gui/nuxt.config.js
+++ b/packages/nc-gui/nuxt.config.js
@@ -125,7 +125,7 @@ export default {
     ],
     // publicPath: process.env.NODE_ENV === 'production' ? `https://cdn.jsdelivr.net/npm/nc-lib-gui@${version}/lib/dist/` : undefined,
     publicPath: process.env.NODE_ENV === 'production' ? './_nuxt/' : undefined,
-    extend (config, { isDev, isClient }) {
+    extend(config, { isDev, isClient }) {
       if (isDev) {
         config.devtool = isClient ? 'source-map' : 'inline-source-map'
       }
diff --git a/packages/nc-gui/pages/error/400.vue b/packages/nc-gui/pages/error/400.vue
index 0b6b543811..201381b45c 100644
--- a/packages/nc-gui/pages/error/400.vue
+++ b/packages/nc-gui/pages/error/400.vue
@@ -16,26 +16,26 @@
 export default {
   directives: { },
   components: { },
-  validate ({ params }) { return true },
+  validate({ params }) { return true },
   props: { },
-  data () {
+  data() {
     return {
 
     }
   },
-  head () { return {} },
+  head() { return {} },
   computed: {
 
   },
   watch: { },
-  created () { },
-  mounted () {},
-  beforeDestroy () {},
+  created() { },
+  mounted() {},
+  beforeDestroy() {},
   methods: {
 
   },
-  beforeCreated () {},
-  destroy () {}
+  beforeCreated() {},
+  destroy() {}
 }
 </script>
 
diff --git a/packages/nc-gui/pages/error/403.vue b/packages/nc-gui/pages/error/403.vue
index de15eb061d..af40c5899e 100644
--- a/packages/nc-gui/pages/error/403.vue
+++ b/packages/nc-gui/pages/error/403.vue
@@ -16,26 +16,26 @@
 export default {
   directives: { },
   components: { },
-  validate ({ params }) { return true },
+  validate({ params }) { return true },
   props: { },
-  data () {
+  data() {
     return {
 
     }
   },
-  head () { return {} },
+  head() { return {} },
   computed: {
 
   },
   watch: { },
-  created () { },
-  mounted () {},
-  beforeDestroy () {},
+  created() { },
+  mounted() {},
+  beforeDestroy() {},
   methods: {
 
   },
-  beforeCreated () {},
-  destroy () {}
+  beforeCreated() {},
+  destroy() {}
 }
 </script>
 
diff --git a/packages/nc-gui/pages/error/404.vue b/packages/nc-gui/pages/error/404.vue
index a0ed1b46f3..731863bf56 100644
--- a/packages/nc-gui/pages/error/404.vue
+++ b/packages/nc-gui/pages/error/404.vue
@@ -16,26 +16,26 @@
 export default {
   directives: { },
   components: { },
-  validate ({ params }) { return true },
+  validate({ params }) { return true },
   props: { },
-  data () {
+  data() {
     return {
 
     }
   },
-  head () { return {} },
+  head() { return {} },
   computed: {
 
   },
   watch: { },
-  created () { },
-  mounted () {},
-  beforeDestroy () {},
+  created() { },
+  mounted() {},
+  beforeDestroy() {},
   methods: {
 
   },
-  beforeCreated () {},
-  destroy () {}
+  beforeCreated() {},
+  destroy() {}
 }
 </script>
 
diff --git a/packages/nc-gui/pages/index.vue b/packages/nc-gui/pages/index.vue
index ee27620dc7..8c2bd22ceb 100644
--- a/packages/nc-gui/pages/index.vue
+++ b/packages/nc-gui/pages/index.vue
@@ -391,14 +391,14 @@ export default {
     }]
   }),
   computed: {
-    text () {
+    text() {
       const text = this.lang.find(it => it.symbol === this.$store.state.windows.language)
       return text ? text.text : 'default'
     },
-    projectInfo () {
+    projectInfo() {
       return this.$store.state.project.projectInfo
     },
-    message () {
+    message() {
       let message = this.defaultMessage
 
       if (this.projectInfo) {
@@ -435,7 +435,7 @@ export default {
       return message// `${message} <br><span class="caption">(Current Environment : ${this.projectInfo ? this.projectInfo.env : ''})</span>`;
     }
   },
-  created () {
+  created() {
     const projectInfo = this.$store.state.project.projectInfo
     if (projectInfo) {
       if (this.$store.state.users.token || (projectInfo && projectInfo.authType === 'none')) {
@@ -448,7 +448,7 @@ export default {
     }
     this.loading = false
   },
-  mounted () {
+  mounted() {
     const handler = () => {
       this.moved = true
       if (this.typed && !/\bcode=/.test(window.location.search)) {
@@ -462,13 +462,13 @@ export default {
     document.addEventListener('mousemove', handler)
   },
   methods: {
-    simpleAnim () {
+    simpleAnim() {
       const count = 200
       const defaults = {
         origin: { y: 0.7 }
       }
 
-      function fire (particleRatio, opts) {
+      function fire(particleRatio, opts) {
         window.confetti(Object.assign({}, defaults, opts, {
           particleCount: Math.floor(count * particleRatio)
         }))
@@ -498,7 +498,7 @@ export default {
       })
     },
 
-    navigate () {
+    navigate() {
       if (this.projectInfo) {
         // if (!this.projectInfo.projectHasDb) {
         //   this.$router.push('/project/0')
diff --git a/packages/nc-gui/pages/nc/_project_id.vue b/packages/nc-gui/pages/nc/_project_id.vue
index 9df7902867..490e9a9217 100644
--- a/packages/nc-gui/pages/nc/_project_id.vue
+++ b/packages/nc-gui/pages/nc/_project_id.vue
@@ -23,25 +23,25 @@ export default {
     Splitpanes,
     Pane
   },
-  data () {
+  data() {
     return {
       paneSize: 18,
       mainPanelSize: 82
     }
   },
   computed: {
-    pid () {
+    pid() {
       return this.$route.params.project_id
     }
   },
-  async created () {
+  async created() {
     this.$store.watch(
       state => state.panelSize.treeView && state.panelSize.treeView.size,
       (newSize) => { this.paneSize = newSize }
     )
   },
 
-  mounted () {
+  mounted() {
     if ('new' in this.$route.query) {
       this.simpleAnim()
       this.$router.replace({ query: {} })
@@ -53,18 +53,18 @@ export default {
     }
   },
   methods: {
-    tableCreate (table) {
+    tableCreate(table) {
       if (this.$refs.treeview) {
         this.$refs.treeview.mtdTableCreate(table)
       }
     },
-    simpleAnim () {
+    simpleAnim() {
       const count = 200
       const defaults = {
         origin: { y: 0.7 }
       }
 
-      function fire (particleRatio, opts) {
+      function fire(particleRatio, opts) {
         window.confetti(Object.assign({}, defaults, opts, {
           particleCount: Math.floor(count * particleRatio)
         }))
diff --git a/packages/nc-gui/pages/nc/index.vue b/packages/nc-gui/pages/nc/index.vue
index e4fc7c23b9..13f348b58e 100644
--- a/packages/nc-gui/pages/nc/index.vue
+++ b/packages/nc-gui/pages/nc/index.vue
@@ -45,7 +45,7 @@ export default {
     //   Multipane,
     //   MultipaneResizer
   },
-  data () {
+  data() {
     return {
       paneSize: 20,
       mainPanelSize: 80
@@ -54,7 +54,7 @@ export default {
 
   computed: {},
   watch: {},
-  async created () {
+  async created() {
     // const user = await validateInit();
     // if (user) {
     //   ga('send', 'event', 'init', 'corruption', user);
@@ -74,7 +74,7 @@ export default {
     // )
   },
 
-  mounted () {
+  mounted() {
 
   },
   methods: {}
diff --git a/packages/nc-gui/pages/project/name.vue b/packages/nc-gui/pages/project/name.vue
index 5f10997f31..441c0f97c3 100644
--- a/packages/nc-gui/pages/project/name.vue
+++ b/packages/nc-gui/pages/project/name.vue
@@ -79,7 +79,7 @@ export default {
     ]
   }),
   computed: {
-    typeIcon () {
+    typeIcon() {
       if (this.projectType) {
         return this.projectTypes.find(({ value }) => value === this.projectType)
       } else {
@@ -87,13 +87,13 @@ export default {
       }
     }
   },
-  mounted () {
+  mounted() {
     setTimeout(() => {
       this.$refs.input.$el.querySelector('input').focus()
     }, 100)
   },
   methods: {
-    async createProject () {
+    async createProject() {
       if (this.$refs.form.validate()) {
         this.loading = true
         try {
diff --git a/packages/nc-gui/pages/project/xcdb.vue b/packages/nc-gui/pages/project/xcdb.vue
index 078e159e8b..82e3989ace 100644
--- a/packages/nc-gui/pages/project/xcdb.vue
+++ b/packages/nc-gui/pages/project/xcdb.vue
@@ -124,7 +124,7 @@ export default {
     ]
   }),
   computed: {
-    typeIcon () {
+    typeIcon() {
       if (this.projectType) {
         return this.projectTypes.find(({ value }) => value === this.projectType)
       } else {
@@ -132,13 +132,13 @@ export default {
       }
     }
   },
-  mounted () {
+  mounted() {
     setTimeout(() => {
       this.$refs.name.$el.querySelector('input').focus()
     }, 100)
   },
   methods: {
-    async createProject () {
+    async createProject() {
       if (this.$refs.form.validate()) {
         this.loading = true
         try {
diff --git a/packages/nc-gui/pages/projects/index.vue b/packages/nc-gui/pages/projects/index.vue
index 7ca53737ea..e559a6f631 100644
--- a/packages/nc-gui/pages/projects/index.vue
+++ b/packages/nc-gui/pages/projects/index.vue
@@ -620,7 +620,7 @@ export default {
   $_veeValidate: {
     validator: 'new'
   },
-  data () {
+  data() {
     return {
       overlayVisible: true,
       showCommunity: false,
@@ -705,18 +705,18 @@ export default {
     }
   },
   computed: {
-    connectToExternalDB () {
+    connectToExternalDB() {
       return this.$store.state.project.projectInfo.connectToExternalDB
     }
   },
   watch: {
-    name () {
+    name() {
       if (!this.userSelectedDir) {
         this.folder = `${this.baseFolder}/${this.name}`
       }
     }
   },
-  async created () {
+  async created() {
     this.$store.commit('windows/MutToggleGaEnabled', true)
     this.$store.commit('windows/MutToggleTelemetryEnabled', true)
 
@@ -735,7 +735,7 @@ export default {
     //   this.$store.commit('users/MutSetUser', null);
     // }
   },
-  async mounted () {
+  async mounted() {
     setTimeout(() => (this.showCommunity = true), 2000)
     // setTimeout(() => {
     //   if (this.$store.state.windows.showTour.home)
@@ -754,11 +754,11 @@ export default {
     // await this.openProjectIfQueryParamFound()
   },
   methods: {
-    async stopProject (project) {
+    async stopProject(project) {
       this.dialogShow = true
       this.confirmMessage =
         'Do you want to stop the project?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -785,11 +785,11 @@ export default {
         }
       }
     },
-    async startProject (project) {
+    async startProject(project) {
       this.dialogShow = true
       this.confirmMessage =
         'Do you want to start the project?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -816,11 +816,11 @@ export default {
         }
       }
     },
-    async restartProject (project) {
+    async restartProject(project) {
       this.dialogShow = true
       this.confirmMessage =
         'Do you want to restart the project?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -847,11 +847,11 @@ export default {
         }
       }
     },
-    async deleteProject (project) {
+    async deleteProject(project) {
       this.dialogShow = true
       this.confirmMessage =
         'Do you want to delete the project?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -879,22 +879,22 @@ export default {
         }
       }
     },
-    onCreateProject (xcdb) {
+    onCreateProject(xcdb) {
       if (xcdb === 'xcdb') {
         this.$router.push('/project/xcdb')
       } else {
         this.$router.push('/project/0')
       }
     },
-    async importProjectFromJSON () {
+    async importProjectFromJSON() {
     },
-    onTourCompletion () {
+    onTourCompletion() {
       // this.$store.commit('windows/MutShowTour', {page: 'home'})
     },
-    getDir (filePath) {
+    getDir(filePath) {
       // return path.dirname(filePath);
     },
-    async projectsLoad () {
+    async projectsLoad() {
       try {
         this.loadingProjects = true
         // console.log('projects', projects)
@@ -937,7 +937,7 @@ export default {
       }
       this.loaded = true
     },
-    projectRouteHandler (project) {
+    projectRouteHandler(project) {
       if (project.status !== 'started') {
         this.$toast
           .info(
@@ -953,21 +953,21 @@ export default {
         })
       }
     },
-    async projectEdit (project) {
+    async projectEdit(project) {
       console.log('projectEdit')
       this.$router.push({
         path: `project/0?edit=true&projectId=${project.id}`
       })
     },
-    async projectOpenFolder (project) {
+    async projectOpenFolder(project) {
       console.log('projectEdit')
     },
 
-    async exportMetaZip (projectId) {
+    async exportMetaZip(projectId) {
       this.dialogShow = true
       this.confirmMessage =
         'Do you want to export metadata from meta tables?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -1006,10 +1006,10 @@ export default {
         }
       }
     },
-    async resetMeta (projectId) {
+    async resetMeta(projectId) {
       this.dialogShow = true
       this.confirmMessage = 'Do you want to clear metadata from meta tables?'
-      this.confirmAction = async (act) => {
+      this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
         } else {
@@ -1032,7 +1032,7 @@ export default {
         }
       }
     },
-    async importMetaZip () {
+    async importMetaZip() {
       const projectId = this.project_id
       if (
         this.$refs.importFile &&
diff --git a/packages/nc-gui/pages/user/admin/index.vue b/packages/nc-gui/pages/user/admin/index.vue
index 5fc02c47dd..7ff43fefd9 100644
--- a/packages/nc-gui/pages/user/admin/index.vue
+++ b/packages/nc-gui/pages/user/admin/index.vue
@@ -25,38 +25,38 @@
 export default {
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {},
-  data () {
+  data() {
     return {
       users: this.$store.state.users
     }
   },
-  head () {
+  head() {
     return {}
   },
   computed: {
 
-    users1 () {
+    users1() {
       // console.log(this.$store.state);
       return this.$store.state.creator.users
     }
 
   },
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
     this.$store.dispatch('admin/ActGetUsers')
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {},
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/pages/user/admin/user-edit.vue b/packages/nc-gui/pages/user/admin/user-edit.vue
index 21e98808e5..cf711ed4a0 100644
--- a/packages/nc-gui/pages/user/admin/user-edit.vue
+++ b/packages/nc-gui/pages/user/admin/user-edit.vue
@@ -35,11 +35,11 @@
 export default {
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {},
-  data () {
+  data() {
     return {
       user: {
         username: 'swetha',
@@ -58,25 +58,25 @@ export default {
       }
     }
   },
-  head () {
+  head() {
     return {}
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    update () {
+    update() {
       // console.log('update user');
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/pages/user/admin/user/_userId.vue b/packages/nc-gui/pages/user/admin/user/_userId.vue
index c551d1e4c9..0a544ee21a 100644
--- a/packages/nc-gui/pages/user/admin/user/_userId.vue
+++ b/packages/nc-gui/pages/user/admin/user/_userId.vue
@@ -52,9 +52,9 @@
 export default {
   directives: { },
   components: { },
-  validate ({ params }) { return true },
+  validate({ params }) { return true },
   props: { },
-  data () {
+  data() {
     return {
       user: {
         username: '',
@@ -70,13 +70,13 @@ export default {
 
     }
   },
-  head () { return {} },
+  head() { return {} },
   computed: {
 
   },
   watch: { },
-  created () { },
-  async mounted () {
+  created() { },
+  async mounted() {
     // console.log('routeparams',this.$route.params);
     const user = await this.$store.dispatch('users/ActGetUser', this.$route.params.userId)
 
@@ -86,18 +86,18 @@ export default {
 
     // console.log(this.user);
   },
-  beforeDestroy () {},
+  beforeDestroy() {},
   methods: {
-    removeUser () {
+    removeUser() {
       // console.log('remove user');
     },
-    editUser (args) {
+    editUser(args) {
       // console.log('edit user');
     }
 
   },
-  beforeCreated () {},
-  destroy () {}
+  beforeCreated() {},
+  destroy() {}
 }
 </script>
 
diff --git a/packages/nc-gui/pages/user/authentication/index.vue b/packages/nc-gui/pages/user/authentication/index.vue
index 71d8c27570..b65f15aad3 100644
--- a/packages/nc-gui/pages/user/authentication/index.vue
+++ b/packages/nc-gui/pages/user/authentication/index.vue
@@ -8,26 +8,26 @@
 export default {
   directives: { },
   components: { },
-  validate ({ params }) { return true },
+  validate({ params }) { return true },
   props: { },
-  data () {
+  data() {
     return {
 
     }
   },
-  head () { return {} },
+  head() { return {} },
   computed: {
 
   },
   watch: { },
-  created () { },
-  mounted () {},
-  beforeDestroy () {},
+  created() { },
+  mounted() {},
+  beforeDestroy() {},
   methods: {
 
   },
-  beforeCreated () {},
-  destroy () {}
+  beforeCreated() {},
+  destroy() {}
 }
 </script>
 
diff --git a/packages/nc-gui/pages/user/authentication/signin.vue b/packages/nc-gui/pages/user/authentication/signin.vue
index 9b0df1b6e6..e4e631382e 100644
--- a/packages/nc-gui/pages/user/authentication/signin.vue
+++ b/packages/nc-gui/pages/user/authentication/signin.vue
@@ -221,12 +221,12 @@ export default {
   },
   directives: {},
   layout: 'empty',
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {},
 
-  data () {
+  data() {
     return {
       form: {
         email: null,
@@ -264,7 +264,7 @@ export default {
       recpatcha: false
     }
   },
-  head () {
+  head() {
     return {
       title: this.$t('signin.head.title'),
       meta: [
@@ -277,25 +277,25 @@ export default {
     }
   },
   computed: {
-    counter () {
+    counter() {
       return this.$store.getters['users/GtrCounter']
     },
-    displayName () {
+    displayName() {
       return this.$store.getters['users/GtrUser']
     },
-    type () {
+    type() {
       return (
         this.$store.state.project.projectInfo &&
         this.$store.state.project.projectInfo.authType
       )
     },
-    googleAuthEnabled () {
+    googleAuthEnabled() {
       return (
         this.$store.state.project.projectInfo &&
         this.$store.state.project.projectInfo.googleAuthEnabled
       )
     },
-    githubAuthEnabled () {
+    githubAuthEnabled() {
       return (
         this.$store.state.project.projectInfo &&
         this.$store.state.project.projectInfo.githubAuthEnabled
@@ -303,7 +303,7 @@ export default {
     }
   },
   watch: {},
-  async created () {
+  async created() {
     // this.type = (await this.$store.dispatch('users/ActGetAuthType')).type;
     if (this.$route.query && this.$route.query.error) {
       this.$nextTick(() =>
@@ -312,29 +312,29 @@ export default {
       this.$router.replace({ path: '/user/authentication/signin' })
     }
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    openGoogleSiginInBrowser (e) {
+    openGoogleSiginInBrowser(e) {
       e.preventDefault()
       // shell.openExternal(process.env.auth.google.url)
     },
-    openGithubSiginInBrowser (e) {
+    openGithubSiginInBrowser(e) {
       e.preventDefault()
       // shell.openExternal(process.env.auth.github.url)
     },
 
-    onNormalVerify () {
+    onNormalVerify() {
       this.recpatcha = true
     },
 
-    PlusCounter () {
+    PlusCounter() {
       this.$store.dispatch('ActPlusCounter')
     },
 
-    async MtdOnSignin (e) {
+    async MtdOnSignin(e) {
       e.preventDefault()
       if (this.type === 'jwt') {
         if (this.$refs.formType.validate()) {
@@ -375,18 +375,18 @@ export default {
       }
     },
 
-    MtdOnSigninGoogle (e) {
+    MtdOnSigninGoogle(e) {
       // e.preventDefault();
       this.$store.dispatch('users/ActAuthGoogle')
     },
 
-    MtdOnReset () {
+    MtdOnReset() {
       // console.log('in method reset');
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/pages/user/authentication/signup/_token.vue b/packages/nc-gui/pages/user/authentication/signup/_token.vue
index 1d2e49d9a1..6c0cbaed2d 100644
--- a/packages/nc-gui/pages/user/authentication/signup/_token.vue
+++ b/packages/nc-gui/pages/user/authentication/signup/_token.vue
@@ -238,12 +238,12 @@ export default {
   },
   directives: {},
   layout: 'empty',
-  validate () {
+  validate() {
     return true
   },
   props: {},
 
-  data () {
+  data() {
     return {
       subscribe: true,
       isDev: (process.env.NODE_ENV === 'dev'),
@@ -282,7 +282,7 @@ export default {
       facebookAuthUrl: '/api/auth/facebook'
     }
   },
-  head () {
+  head() {
     return {
       title: 'Sign Up | Noco',
       meta: [
@@ -291,27 +291,27 @@ export default {
     }
   },
   computed: {
-    counter () {
+    counter() {
       return this.$store.getters['users/GtrCounter']
     },
-    displayName () {
+    displayName() {
       return this.$store.getters['users/GtrUser']
     },
-    type () {
+    type() {
       return this.$store.state.project.projectInfo && this.$store.state.project.projectInfo.authType
     },
-    firstUser () {
+    firstUser() {
       return this.$store.state.project.projectInfo && this.$store.state.project.projectInfo.firstUser
     },
-    googleAuthEnabled () {
+    googleAuthEnabled() {
       return this.$store.state.project.projectInfo && this.$store.state.project.projectInfo.googleAuthEnabled
     },
-    token () {
+    token() {
       return this.$route.params.token
     }
   },
   watch: {},
-  async created () {
+  async created() {
 
     // const type = await this.$store.dispatch('users/ActGetAuthType');
     // this.type = type.type;
@@ -320,7 +320,7 @@ export default {
     // ckeditor.setAttribute('src',"https://www.google.com/recaptcha/api.js");
     // document.head.appendChild(ckeditor);
   },
-  mounted () {
+  mounted() {
     // console.log(this.$route.query);
 
     if ('buy' in this.$route.query) {
@@ -331,30 +331,30 @@ export default {
       this.facebookAuthUrl += '?redirect_to=/'
     }
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    openUrl (url) {
+    openUrl(url) {
       window.open(url, '_blank')
     },
-    openGoogleSiginInBrowser (e) {
+    openGoogleSiginInBrowser(e) {
       e.preventDefault()
     },
-    openGithubSiginInBrowser (e) {
+    openGithubSiginInBrowser(e) {
       e.preventDefault()
       // shell.openExternal(process.env.auth.github.url)
     },
-    onNormalVerify () {
+    onNormalVerify() {
       this.formUtil.recpatcha = true
       // this.formUtil.recpatcha = false;
     },
 
-    progressColor (num) {
+    progressColor(num) {
       this.formUtil.progressColorValue = ['error', 'warning', 'info', 'success'][Math.floor(num / 25)]
       return this.formUtil.progressColorValue
     },
 
-    PasswordValidate (p) {
+    PasswordValidate(p) {
       if (!p) {
         this.passwordProgress = 0
         this.passwordValidateMsg = 'Atleast 8 letters with one Uppercase, one number and one special letter'
@@ -405,11 +405,11 @@ export default {
       return validation
     },
 
-    PlusCounter () {
+    PlusCounter() {
       this.$store.dispatch('ActPlusCounter')
     },
 
-    async MtdOnSignup (e) {
+    async MtdOnSignup(e) {
       e.preventDefault()
       if (this.type === 'jwt') {
         if (this.$refs.formType.validate()) {
@@ -456,20 +456,20 @@ export default {
       }
     },
 
-    MtdOnReset () {
+    MtdOnReset() {
       // console.log('in method reset');
     },
 
-    async MtdOnSignupGoogle (e) {
+    async MtdOnSignupGoogle(e) {
       await this.$store.dispatch('users/ActAuthGoogle')
       // console.log('MtdOnSignupGoogle', err);
     }
 
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 
 }
diff --git a/packages/nc-gui/pages/user/authentication/signup/index.vue b/packages/nc-gui/pages/user/authentication/signup/index.vue
index a0b2b556f7..5e0bd8020b 100644
--- a/packages/nc-gui/pages/user/authentication/signup/index.vue
+++ b/packages/nc-gui/pages/user/authentication/signup/index.vue
@@ -214,12 +214,12 @@ export default {
   },
   directives: {},
   layout: 'empty',
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {},
 
-  data () {
+  data() {
     return {
       subscribe: true,
       isDev: (process.env.NODE_ENV === 'dev'),
@@ -261,7 +261,7 @@ export default {
       signUpButtonLoading: false
     }
   },
-  head () {
+  head() {
     return {
       title: 'Sign Up | Noco',
       meta: [
@@ -270,24 +270,24 @@ export default {
     }
   },
   computed: {
-    counter () {
+    counter() {
       return this.$store.getters['users/GtrCounter']
     },
-    displayName () {
+    displayName() {
       return this.$store.getters['users/GtrUser']
     },
-    type () {
+    type() {
       return this.$store.state.project.projectInfo && this.$store.state.project.projectInfo.authType
     },
-    firstUser () {
+    firstUser() {
       return this.$store.state.project.projectInfo && this.$store.state.project.projectInfo.firstUser
     },
-    googleAuthEnabled () {
+    googleAuthEnabled() {
       return this.$store.state.project.projectInfo && this.$store.state.project.projectInfo.googleAuthEnabled
     }
   },
   watch: {},
-  async created () {
+  async created() {
 
     // const type = await this.$store.dispatch('users/ActGetAuthType');
     // this.type = type.type;
@@ -296,7 +296,7 @@ export default {
     // ckeditor.setAttribute('src',"https://www.google.com/recaptcha/api.js");
     // document.head.appendChild(ckeditor);
   },
-  mounted () {
+  mounted() {
     // console.log(this.$route.query);
 
     if ('buy' in this.$route.query) {
@@ -307,13 +307,13 @@ export default {
       this.facebookAuthUrl += '?redirect_to=/'
     }
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    openUrl (url) {
+    openUrl(url) {
       window.open(url, '_blank')
     },
-    openGoogleSiginInBrowser (e) {
+    openGoogleSiginInBrowser(e) {
       e.preventDefault()
       // if(this._isMac) {
       // shell.openExternal(process.env.auth.google.url)
@@ -321,21 +321,21 @@ export default {
       //
       // }
     },
-    openGithubSiginInBrowser (e) {
+    openGithubSiginInBrowser(e) {
       e.preventDefault()
       // shell.openExternal(process.env.auth.github.url)
     },
-    onNormalVerify () {
+    onNormalVerify() {
       this.formUtil.recpatcha = true
       // this.formUtil.recpatcha = false;
     },
 
-    progressColor (num) {
+    progressColor(num) {
       this.formUtil.progressColorValue = ['error', 'warning', 'info', 'success'][Math.floor(num / 25)]
       return this.formUtil.progressColorValue
     },
 
-    PasswordValidate (p) {
+    PasswordValidate(p) {
       if (!p) {
         this.passwordProgress = 0
         this.passwordValidateMsg = 'Atleast 8 letters with one Uppercase, one number and one special letter'
@@ -386,11 +386,11 @@ export default {
       return validation
     },
 
-    PlusCounter () {
+    PlusCounter() {
       this.$store.dispatch('ActPlusCounter')
     },
 
-    async MtdOnSignup (e) {
+    async MtdOnSignup(e) {
       e.preventDefault()
 
       this.signUpButtonLoading = true
@@ -440,20 +440,20 @@ export default {
       this.signUpButtonLoading = false
     },
 
-    MtdOnReset () {
+    MtdOnReset() {
       // console.log('in method reset');
     },
 
-    async MtdOnSignupGoogle (e) {
+    async MtdOnSignupGoogle(e) {
       await this.$store.dispatch('users/ActAuthGoogle')
       // console.log('MtdOnSignupGoogle', err);
     }
 
   },
 
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 
 }
diff --git a/packages/nc-gui/pages/user/index.vue b/packages/nc-gui/pages/user/index.vue
index 04f9f36243..71db4072d8 100644
--- a/packages/nc-gui/pages/user/index.vue
+++ b/packages/nc-gui/pages/user/index.vue
@@ -8,26 +8,26 @@
 export default {
   directives: { },
   components: { },
-  validate ({ params }) { return true },
+  validate({ params }) { return true },
   props: { },
-  data () {
+  data() {
     return {
 
     }
   },
-  head () { return {} },
+  head() { return {} },
   computed: {
 
   },
   watch: { },
-  created () { },
-  mounted () {},
-  beforeDestroy () {},
+  created() { },
+  mounted() {},
+  beforeDestroy() {},
   methods: {
 
   },
-  beforeCreated () {},
-  destroy () {}
+  beforeCreated() {},
+  destroy() {}
 }
 </script>
 
diff --git a/packages/nc-gui/pages/user/password/forgot.vue b/packages/nc-gui/pages/user/password/forgot.vue
index 8784c47efc..b444ab43a7 100644
--- a/packages/nc-gui/pages/user/password/forgot.vue
+++ b/packages/nc-gui/pages/user/password/forgot.vue
@@ -60,12 +60,12 @@ export default {
   components: {
     // VueRecaptcha
   },
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {},
 
-  data () {
+  data() {
     return {
       recpatcha: false,
       showMsg: false,
@@ -90,24 +90,24 @@ export default {
 
     }
   },
-  head () {
+  head() {
     return {}
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
 
-    onNormalVerify () {
+    onNormalVerify() {
       this.recpatcha = true
     },
 
-    async resetPasswordHandle (e) {
+    async resetPasswordHandle(e) {
       if (this.$refs.formType.validate()) {
         e.preventDefault()
         // await this.$recaptchaLoaded()
@@ -124,9 +124,9 @@ export default {
     }
 
   },
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/pages/user/password/index.vue b/packages/nc-gui/pages/user/password/index.vue
index 65de62a994..8beb8b5d84 100644
--- a/packages/nc-gui/pages/user/password/index.vue
+++ b/packages/nc-gui/pages/user/password/index.vue
@@ -8,26 +8,26 @@
 export default {
   directives: { },
   components: { },
-  validate ({ params }) { return true },
+  validate({ params }) { return true },
   props: { },
-  data () {
+  data() {
     return {
 
     }
   },
-  head () { return {} },
+  head() { return {} },
   computed: {
 
   },
   watch: { },
-  created () { },
-  mounted () {},
-  beforeDestroy () {},
+  created() { },
+  mounted() {},
+  beforeDestroy() {},
   methods: {
 
   },
-  beforeCreated () {},
-  destroy () {}
+  beforeCreated() {},
+  destroy() {}
 }
 </script>
 
diff --git a/packages/nc-gui/pages/user/password/reset/form.vue b/packages/nc-gui/pages/user/password/reset/form.vue
index dd2f83df9f..891b7cbcc6 100644
--- a/packages/nc-gui/pages/user/password/reset/form.vue
+++ b/packages/nc-gui/pages/user/password/reset/form.vue
@@ -79,11 +79,11 @@ import { isEmail } from '@/helpers'
 export default {
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {},
-  data () {
+  data() {
     return {
 
       passwordDetails: {
@@ -104,25 +104,25 @@ export default {
 
     }
   },
-  head () {
+  head() {
     return {}
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    resetUserPassword () {
+    resetUserPassword() {
       // console.log('resetuserpassword');
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/pages/user/password/reset/index.vue b/packages/nc-gui/pages/user/password/reset/index.vue
index 443f632e8a..de5ceef97a 100644
--- a/packages/nc-gui/pages/user/password/reset/index.vue
+++ b/packages/nc-gui/pages/user/password/reset/index.vue
@@ -56,12 +56,12 @@ import { isEmail } from '@/helpers'
 export default {
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     // console.log('validate');
     return true
   },
   props: {},
-  data () {
+  data() {
     return {
       resetSuccess: true,
       passwordDetails: {
@@ -90,26 +90,26 @@ export default {
 
     }
   },
-  head () {
+  head() {
     // console.log('head');
     return {}
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
     // console.log('created');
   },
-  async mounted () {
+  async mounted() {
     // console.log('mounted', this.$route.query);
     this.resetSuccess = await this.$store.dispatch('users/ActGetPasswordReset', this.$route.query)
     // this.resetSuccess =  true;
     // console.log('mounted', this.resetSuccess);
   },
-  beforeDestroy () {
+  beforeDestroy() {
     // console.log('beforeDestroy');
   },
   methods: {
-    async resetUserPassword (e) {
+    async resetUserPassword(e) {
       if (this.$refs.formType.validate()) {
         e.preventDefault()
         this.passwordDetails.token = this.$route.query.token
@@ -122,7 +122,7 @@ export default {
         this.$router.push('/')
       }
     },
-    PasswordValidate (p) {
+    PasswordValidate(p) {
       if (!p) {
         this.passwordProgress = 0
         this.passwordValidateMsg = 'Atleast 8 letters with one Uppercase, one number and one special letter'
@@ -170,17 +170,17 @@ export default {
 
       return validation
     },
-    PasswordValidate1 (confirmPassword) {
+    PasswordValidate1(confirmPassword) {
       if (confirmPassword) {
         return this.passwordDetails.newPassword.startsWith(confirmPassword)
       }
       return false
     }
   },
-  beforeCreated () {
+  beforeCreated() {
     // console.log('beforeCreate');
   },
-  destroy () {
+  destroy() {
     // console.log('destroy');
   }
 }
diff --git a/packages/nc-gui/pages/user/password/reset/invalid.vue b/packages/nc-gui/pages/user/password/reset/invalid.vue
index 8937c9fa70..97e4b7bf1b 100644
--- a/packages/nc-gui/pages/user/password/reset/invalid.vue
+++ b/packages/nc-gui/pages/user/password/reset/invalid.vue
@@ -26,28 +26,28 @@
 export default {
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {},
-  data () {
+  data() {
     return {}
   },
-  head () {
+  head() {
     return {}
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {},
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/pages/user/password/reset/success.vue b/packages/nc-gui/pages/user/password/reset/success.vue
index d05f3bb476..48d63b1445 100644
--- a/packages/nc-gui/pages/user/password/reset/success.vue
+++ b/packages/nc-gui/pages/user/password/reset/success.vue
@@ -20,26 +20,26 @@
 export default {
   directives: { },
   components: { },
-  validate ({ params }) { return true },
+  validate({ params }) { return true },
   props: { },
-  data () {
+  data() {
     return {
 
     }
   },
-  head () { return {} },
+  head() { return {} },
   computed: {
 
   },
   watch: { },
-  created () { },
-  mounted () {},
-  beforeDestroy () {},
+  created() { },
+  mounted() {},
+  beforeDestroy() {},
   methods: {
 
   },
-  beforeCreated () {},
-  destroy () {}
+  beforeCreated() {},
+  destroy() {}
 }
 </script>
 
diff --git a/packages/nc-gui/pages/user/settings/accounts.vue b/packages/nc-gui/pages/user/settings/accounts.vue
index d6de8e3fc2..71d14ef16a 100644
--- a/packages/nc-gui/pages/user/settings/accounts.vue
+++ b/packages/nc-gui/pages/user/settings/accounts.vue
@@ -136,38 +136,38 @@
 export default {
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {},
-  data () {
+  data() {
     return {}
   },
-  head () {
+  head() {
     return {}
   },
   computed: {},
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    hasConnectedAdditionalSocialAccounts () {
+    hasConnectedAdditionalSocialAccounts() {
 
     },
-    removeUserSocialAccount () {
+    removeUserSocialAccount() {
 
     },
-    isConnectedSocialAccount (social) {
+    isConnectedSocialAccount(social) {
       return true
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/pages/user/settings/index.vue b/packages/nc-gui/pages/user/settings/index.vue
index f1bd67dd41..51c725cb68 100644
--- a/packages/nc-gui/pages/user/settings/index.vue
+++ b/packages/nc-gui/pages/user/settings/index.vue
@@ -176,11 +176,11 @@ import { isEmail } from '@/helpers'
 export default {
   directives: {},
   components: {},
-  validate ({ params }) {
+  validate({ params }) {
     return true
   },
   props: {},
-  data () {
+  data() {
     return {
       user: {
         provider: 'local'
@@ -226,11 +226,11 @@ export default {
 
     }
   },
-  head () {
+  head() {
     return {}
   },
   computed: {
-    isAdmin () {
+    isAdmin() {
       if (this.$store.state.users.user) {
         // console.log(this.$store.state.users.user.roles.indexOf('creator'));
         return 'creator' in this.$store.state.users.user.roles
@@ -238,7 +238,7 @@ export default {
       return false
     },
 
-    isEmailAuth () {
+    isEmailAuth() {
       if (this.$store.state.users.user) {
         // console.log(this.$store.state.users.user.roles.indexOf('creator'));
         return (this.$store.state.users.user.provider === 'local')
@@ -248,19 +248,19 @@ export default {
 
   },
   watch: {},
-  created () {
+  created() {
   },
-  mounted () {
+  mounted() {
     this.getSubscriptions()
   },
-  beforeDestroy () {
+  beforeDestroy() {
   },
   methods: {
-    test () {
+    test() {
       // console.log('test method');
     },
 
-    async resetUserPassword (e) {
+    async resetUserPassword(e) {
       e.preventDefault()
       if (this.$refs.formType[0].validate()) {
         // console.log('passworDetails',this.passwordDetails);
@@ -275,15 +275,15 @@ export default {
       }
     },
 
-    async getSubscriptions (e) {
+    async getSubscriptions(e) {
       console.log('get subs')
       const data = await this.$store.dispatch('users/ActGetSubscriptionsList')
       this.subscriptions = data
     }
   },
-  beforeCreated () {
+  beforeCreated() {
   },
-  destroy () {
+  destroy() {
   }
 }
 </script>
diff --git a/packages/nc-gui/pages/user/settings/password.vue b/packages/nc-gui/pages/user/settings/password.vue
index 993a58545b..8de72191eb 100644
--- a/packages/nc-gui/pages/user/settings/password.vue
+++ b/packages/nc-gui/pages/user/settings/password.vue
@@ -94,9 +94,9 @@ import { isEmail } from '@/helpers'
 export default {
   directives: { },
   components: { },
-  validate ({ params }) { return true },
+  validate({ params }) { return true },
   props: { },
-  data () {
+  data() {
     return {
       passwordDetails: {
         newPassword: null,
@@ -120,24 +120,24 @@ export default {
 
     }
   },
-  head () { return {} },
+  head() { return {} },
   computed: {
   },
   watch: { },
-  created () { },
-  mounted () {},
-  beforeDestroy () {},
+  created() { },
+  mounted() {},
+  beforeDestroy() {},
   methods: {
 
-    async resetUserPassword (e) {
+    async resetUserPassword(e) {
       e.preventDefault()
       // console.log('passworDetails',this.passwordDetails);
       await this.$store.dispatch('ActPostPasswordChange', this.passwordDetails)
     }
 
   },
-  beforeCreated () {},
-  destroy () {}
+  beforeCreated() {},
+  destroy() {}
 }
 </script>
 
diff --git a/packages/nc-gui/pages/user/settings/picture.vue b/packages/nc-gui/pages/user/settings/picture.vue
index 38ea4eda94..bd6f3e6043 100644
--- a/packages/nc-gui/pages/user/settings/picture.vue
+++ b/packages/nc-gui/pages/user/settings/picture.vue
@@ -38,32 +38,32 @@
 export default {
   directives: { },
   components: { },
-  validate ({ params }) { return true },
+  validate({ params }) { return true },
   props: { },
-  data () {
+  data() {
     return {
 
     }
   },
-  head () { return {} },
+  head() { return {} },
   computed: {
 
   },
   watch: { },
-  created () { },
-  mounted () {},
-  beforeDestroy () {},
+  created() { },
+  mounted() {},
+  beforeDestroy() {},
   methods: {
-    uploadProfilePicture () {
+    uploadProfilePicture() {
       // console.log('uploadProfilePicture');
     },
-    cancelUpload () {
+    cancelUpload() {
       // console.log('cancelUpload');
     }
 
   },
-  beforeCreated () {},
-  destroy () {}
+  beforeCreated() {},
+  destroy() {}
 }
 </script>
 
diff --git a/packages/nc-gui/pages/user/settings/profile.vue b/packages/nc-gui/pages/user/settings/profile.vue
index f9ba77c31d..30f184a313 100644
--- a/packages/nc-gui/pages/user/settings/profile.vue
+++ b/packages/nc-gui/pages/user/settings/profile.vue
@@ -35,9 +35,9 @@
 export default {
   directives: { },
   components: { },
-  validate ({ params }) { return true },
+  validate({ params }) { return true },
   props: { },
-  data () {
+  data() {
     return {
 
       form: {
@@ -47,27 +47,27 @@ export default {
 
     }
   },
-  head () { return {} },
+  head() { return {} },
   computed: {
 
   },
   watch: { },
-  created () { },
-  mounted () {
+  created() { },
+  mounted() {
     if (this.$store.state.users.user) {
       // console.log('update user profile',this.$store.state);
       this.form.firstName = this.$store.state.users.user.firstName
       this.form.lastName = this.$store.state.users.user.firstName
     }
   },
-  beforeDestroy () {},
+  beforeDestroy() {},
   methods: {
-    updateUserProfile () {
+    updateUserProfile() {
       // console.log('update user profile',this.$store.user);
     }
   },
-  beforeCreated () {},
-  destroy () {}
+  beforeCreated() {},
+  destroy() {}
 }
 </script>
 
diff --git a/packages/nc-gui/plugins/axiosInterceptor.js b/packages/nc-gui/plugins/axiosInterceptor.js
index 7bf2d92ce4..8d22a946dc 100644
--- a/packages/nc-gui/plugins/axiosInterceptor.js
+++ b/packages/nc-gui/plugins/axiosInterceptor.js
@@ -8,7 +8,7 @@
 
 export default ({ store, $axios, redirect, $toast }) => {
   // Add a request interceptor
-  $axios.interceptors.request.use(function (config) {
+  $axios.interceptors.request.use(function(config) {
     config.headers['xc-gui'] = 'true'
     if (store.state.users.token) {
       config.headers['xc-auth'] = store.state.users.token
@@ -66,7 +66,7 @@ export default ({ store, $axios, redirect, $toast }) => {
           })
         })
       })
-      .catch(async (error) => {
+      .catch(async(error) => {
         await store.dispatch('users/ActSignOut')
         if (store.state.project.projectInfo.firstUser) {
           redirect('/')
diff --git a/packages/nc-gui/plugins/globalEventBus.js b/packages/nc-gui/plugins/globalEventBus.js
index df014181ae..a249d29bea 100644
--- a/packages/nc-gui/plugins/globalEventBus.js
+++ b/packages/nc-gui/plugins/globalEventBus.js
@@ -1,7 +1,7 @@
 import Vue from 'vue'
 
 const GlobalPlugins = {
-  install (v) {
+  install(v) {
     v.prototype.$eventBus = new Vue()
   }
 }
diff --git a/packages/nc-gui/plugins/globalMixin.js b/packages/nc-gui/plugins/globalMixin.js
index 6e599f5bdf..c7497eee16 100644
--- a/packages/nc-gui/plugins/globalMixin.js
+++ b/packages/nc-gui/plugins/globalMixin.js
@@ -4,9 +4,9 @@ import device from '../mixins/device'
 
 Vue.mixin(device)
 
-export default async ({ store }) => {
-  function getListener (binding) {
-    return function (e) {
+export default async({ store }) => {
+  function getListener(binding) {
+    return function(e) {
       if (store.state.windows.isGaEnabled || store.state.windows.isComp) {
         const cat = window.location.hash.replace(/\d+\/(?=dashboard)/, '')
         const action = binding.value && binding.value[0]
@@ -24,7 +24,7 @@ export default async ({ store }) => {
   }
 
   Vue.directive('ge', {
-    bind (el, binding, vnode) {
+    bind(el, binding, vnode) {
       if (vnode.componentInstance) {
         vnode.componentInstance.$on('click', getListener(binding))
       } else {
@@ -53,7 +53,7 @@ export default async ({ store }) => {
       // eslint-disable-next-line no-unused-vars
       let startX, startY, startWidth
 
-      function initDrag (e) {
+      function initDrag(e) {
         document.body.style.cursor = 'col-resize'
         resizer.classList.add('primary')
         startX = e.clientX
@@ -74,7 +74,7 @@ export default async ({ store }) => {
         }
       }
 
-      function doDrag (e) {
+      function doDrag(e) {
         width = (startWidth + e.clientX - startX) + 'px'
         el.style.maxWidth = el.style.minWidth = el.style.width = width
         emit(vnode, 'xcresizing', width)
@@ -82,7 +82,7 @@ export default async ({ store }) => {
         // p.style.height = (startHeight + e.clientY - startY) + 'px';
       }
 
-      function stopDrag (e) {
+      function stopDrag(e) {
         resizer.classList.remove('primary')
         document.body.style.cursor = ''
         document.documentElement.removeEventListener('mousemove', doDrag, false)
diff --git a/packages/nc-gui/plugins/hotjar.js b/packages/nc-gui/plugins/hotjar.js
index 03435fced3..134ccd1ae0 100644
--- a/packages/nc-gui/plugins/hotjar.js
+++ b/packages/nc-gui/plugins/hotjar.js
@@ -1,8 +1,8 @@
 // import isDev from "@/helpers/xutils";
 
 // if (!isDev()) {
-(function (h, o, t, j, a, r) {
-  h.hj = h.hj || function () {
+(function(h, o, t, j, a, r) {
+  h.hj = h.hj || function() {
     (h.hj.q = h.hj.q || []).push(arguments)
   }
   h._hjSettings = { hjid: 2297736, hjsv: 6 }
diff --git a/packages/nc-gui/plugins/localStorage.js b/packages/nc-gui/plugins/localStorage.js
index fd628fbaf0..7755ad9b63 100644
--- a/packages/nc-gui/plugins/localStorage.js
+++ b/packages/nc-gui/plugins/localStorage.js
@@ -61,7 +61,7 @@ const ls = new SecureLS({ isCompression: false })
 //   }
 // }
 
-export default async ({ store, $vuetify: { theme } }) => {
+export default async({ store, $vuetify: { theme } }) => {
   /**
    *
    */
@@ -100,7 +100,7 @@ export default async ({ store, $vuetify: { theme } }) => {
 
   createPersistedState({
     fetchBeforeUse: true,
-    async rehydrated (store) {
+    async rehydrated(store) {
       window.rehydrated = true
       console.log(store.state.windows)
       console.log('Date difference ', await store.dispatch('windows/ActGetExpiryDate'))
diff --git a/packages/nc-gui/plugins/projectLoader.js b/packages/nc-gui/plugins/projectLoader.js
index cc351e23db..5c00639852 100644
--- a/packages/nc-gui/plugins/projectLoader.js
+++ b/packages/nc-gui/plugins/projectLoader.js
@@ -1,4 +1,4 @@
-export default async ({ store, redirect, $axios, $toast }) => {
+export default async({ store, redirect, $axios, $toast }) => {
   await store.dispatch('plugins/pluginPostInstall', 'Branding')
   if (window.location.search &&
     /\bscope=|\bstate=/.test(window.location.search) &&
diff --git a/packages/nc-gui/plugins/tawk.js b/packages/nc-gui/plugins/tawk.js
index 6b838da870..84fb38adfe 100644
--- a/packages/nc-gui/plugins/tawk.js
+++ b/packages/nc-gui/plugins/tawk.js
@@ -1,6 +1,6 @@
 // eslint-disable-next-line camelcase,no-unused-vars,no-use-before-define,no-var
 var Tawk_API = Tawk_API || {}; const Tawk_LoadStart = new Date();
-(function () {
+(function() {
   const s1 = document.createElement('script'); const s0 = document.getElementsByTagName('script')[0]
   s1.async = true
   s1.src = 'https://embed.tawk.to/5d81b8de9f6b7a4457e23ba7/default'
diff --git a/packages/nc-gui/plugins/xutils.js b/packages/nc-gui/plugins/xutils.js
index 296c2b06e7..d579f73d40 100644
--- a/packages/nc-gui/plugins/xutils.js
+++ b/packages/nc-gui/plugins/xutils.js
@@ -1,8 +1,8 @@
 import Vue from 'vue'
 
 const xUtilsPlugin = {}
-xUtilsPlugin.install = function (Vue, options) {
-  Vue.prototype.$xutils = function () {
+xUtilsPlugin.install = function(Vue, options) {
+  Vue.prototype.$xutils = function() {
     return {}
   }
   // {
diff --git a/packages/nc-gui/store/admin.js b/packages/nc-gui/store/admin.js
index 48d554bb58..5877482626 100644
--- a/packages/nc-gui/store/admin.js
+++ b/packages/nc-gui/store/admin.js
@@ -11,7 +11,7 @@ const state = () => ({
 // modified state vars
 const getters = {
 
-  GtrUsers (state) {
+  GtrUsers(state) {
     return state.users
   }
 
@@ -20,7 +20,7 @@ const getters = {
 // state variables are modified here
 const mutations = {
 
-  MutSetUsers (state, users) {
+  MutSetUsers(state, users) {
     // console.log('in MutPlusCounter', users);
     state.users = users
   }
@@ -31,7 +31,7 @@ const mutations = {
 const actions = {
 
   /** ************** START : users admin ****************/
-  async ActGetUsers ({ commit }) {
+  async ActGetUsers({ commit }) {
     console.log('in action ActGetUsers')
     try {
       const usersPromise = await axios.get('/api/users')
@@ -42,7 +42,7 @@ const actions = {
     }
   },
 
-  async ActGetUser ({ commit }, data) {
+  async ActGetUser({ commit }, data) {
     try {
       const usersPromise = await axios.get('/api/users/' + data)
       console.log(usersPromise)
@@ -54,11 +54,11 @@ const actions = {
     }
   },
 
-  ActUpdateUser ({ commit }) {
+  ActUpdateUser({ commit }) {
     console.log('in action signout')
   },
 
-  ActDeleteUser ({ commit }) {
+  ActDeleteUser({ commit }) {
     console.log('in action signout')
   }
   /** ************** END : users admin ****************/
diff --git a/packages/nc-gui/store/apiClient.js b/packages/nc-gui/store/apiClient.js
index 7bfefe0f82..de89fecd94 100644
--- a/packages/nc-gui/store/apiClient.js
+++ b/packages/nc-gui/store/apiClient.js
@@ -36,51 +36,51 @@ export const state = () => ({
 
 export const mutations = {
 
-  MutApiFilePathsAdd (state, args) {
+  MutApiFilePathsAdd(state, args) {
     state.projectApiFilePaths = {
       ...state.projectApiFilePaths,
       [state.currentProjectKey]: [...state.projectApiFilePaths[state.currentProjectKey], args]
     }
   },
 
-  MutApiFilePathsRemove (state, index) {
+  MutApiFilePathsRemove(state, index) {
     state.projectApiFilePaths[state.currentProjectKey].splice(index, 1)
     Vue.set(state.projectApiFilePaths, state.currentProjectKey, [...state.projectApiFilePaths[state.currentProjectKey]])
   },
 
-  MutListAdd (state, args) {
+  MutListAdd(state, args) {
     state.list.unshift(args)
     if (state.list.length > 500) {
       state.list.pop()
     }
   },
 
-  MutListRemove (state, index) {
+  MutListRemove(state, index) {
     // find index and set status
     state.list.splice(index, 1)
     // state.list = [...state.list]
   },
-  MutList (state, list) {
+  MutList(state, list) {
     state.projectApiFilePaths[state.currentProjectKey] = list
   },
-  MutCurrentProjectKey (state, currentProjectKey) {
+  MutCurrentProjectKey(state, currentProjectKey) {
     state.currentProjectKey = currentProjectKey
   },
-  MutActiveEnvironment (state, { projectId, env }) {
+  MutActiveEnvironment(state, { projectId, env }) {
     state.activeEnvironment[projectId] = env
   }
 
 }
 
 export const getters = {
-  GtrCurrentApiFilePaths (state) {
+  GtrCurrentApiFilePaths(state) {
     return state.projectApiFilePaths[state.currentProjectKey]
   }
 }
 
 export const actions = {
 
-  async send ({ commit, state }, { apiDecoded, api }) {
+  async send({ commit, state }, { apiDecoded, api }) {
     const a = { ...apiDecoded }
     let t, t1, t2
     try {
@@ -181,7 +181,7 @@ export const actions = {
     return a.response
   },
 
-  async loadApiCollectionForProject ({ commit, state }, { projectName, projectId }) {
+  async loadApiCollectionForProject({ commit, state }, { projectName, projectId }) {
     const key = projectName + '__' + projectId
     commit('MutCurrentProjectKey', key)
     if (!(key in state.projectApiFilePaths)) {
diff --git a/packages/nc-gui/store/apiClientSwagger.js b/packages/nc-gui/store/apiClientSwagger.js
index 91c8431a30..3a0771dd2e 100644
--- a/packages/nc-gui/store/apiClientSwagger.js
+++ b/packages/nc-gui/store/apiClientSwagger.js
@@ -9,49 +9,49 @@ export const state = () => ({
 
 export const mutations = {
 
-  MutApiFilePathsAdd (state, args) {
+  MutApiFilePathsAdd(state, args) {
     state.projectApiFilePaths = {
       ...state.projectApiFilePaths,
       [state.currentProjectKey]: [...state.projectApiFilePaths[state.currentProjectKey], args]
     }
   },
 
-  MutApiFilePathsRemove (state, index) {
+  MutApiFilePathsRemove(state, index) {
     state.projectApiFilePaths[state.currentProjectKey].splice(index, 1)
     state.projectApiFilePaths[state.currentProjectKey] = [...state.projectApiFilePaths[state.currentProjectKey]]
   },
 
-  MutListAdd (state, args) {
+  MutListAdd(state, args) {
     state.list.unshift(args)
     if (state.list.length > 500) { state.list.pop() }
   },
 
-  MutListRemove (state, index) {
+  MutListRemove(state, index) {
     // find index and set status
     state.list.splice(index, 1)
     // state.list = [...state.list]
   },
-  MutList (state, list) {
+  MutList(state, list) {
     state.projectApiFilePaths[state.currentProjectKey] = list
   },
-  MutCurrentProjectKey (state, currentProjectKey) {
+  MutCurrentProjectKey(state, currentProjectKey) {
     state.currentProjectKey = currentProjectKey
   },
-  MutActiveEnvironment (state, { env }) {
+  MutActiveEnvironment(state, { env }) {
     Vue.set(state.activeEnvironment, state.currentProjectKey, env)
   }
 
 }
 
 export const getters = {
-  GtrCurrentApiFilePaths (state) {
+  GtrCurrentApiFilePaths(state) {
     return state.projectApiFilePaths[state.currentProjectKey]
   }
 }
 
 export const actions = {
 
-  async send ({ commit, state, rootGetters }, { apiDecoded, api }) {
+  async send({ commit, state, rootGetters }, { apiDecoded, api }) {
     const apiMeta = { ...apiDecoded }
     // let t, t1, t2
 
@@ -123,7 +123,7 @@ export const actions = {
     // };
   },
 
-  async loadApiCollectionForProject ({ commit, state }, { projectName = '__default', projectId = '__id' }) {
+  async loadApiCollectionForProject({ commit, state }, { projectName = '__default', projectId = '__id' }) {
     const key = projectName + '__' + projectId
     commit('MutCurrentProjectKey', key)
     if (!(key in state.projectApiFilePaths)) {
diff --git a/packages/nc-gui/store/apiServer.js b/packages/nc-gui/store/apiServer.js
index a836cdeada..d5cd2ed565 100644
--- a/packages/nc-gui/store/apiServer.js
+++ b/packages/nc-gui/store/apiServer.js
@@ -6,7 +6,7 @@ export const state = () => ({
 
 export const mutations = {
 
-  MutAddServer (state, args) {
+  MutAddServer(state, args) {
     args.alive = true
     state.servers[args.key] = args
     state.servers = { ...state.servers }
@@ -15,7 +15,7 @@ export const mutations = {
     console.log('MutAddServer', state.servers)
   },
 
-  MutRemoveServer (state, args) {
+  MutRemoveServer(state, args) {
     console.log('MutRemoveServer', args)
 
     if (args.key in state.servers) {
@@ -25,7 +25,7 @@ export const mutations = {
     }
   },
 
-  MutCloudUrl (state, args) {
+  MutCloudUrl(state, args) {
     if (args.key in state.servers) {
       const temp = state.servers
       state.servers[args.key].cloudUrl = args.cloudUrl
@@ -40,7 +40,7 @@ export const getters = {}
 
 export const actions = {
 
-  async start ({ commit, state, rootState }, args) {
+  async start({ commit, state, rootState }, args) {
     commit('notification/MutToggleProgressBar', true, { root: true })
 
     try {
@@ -59,7 +59,7 @@ export const actions = {
     }
   },
 
-  async stop ({ commit, state, rootState }, args) {
+  async stop({ commit, state, rootState }, args) {
     commit('notification/MutToggleProgressBar', true, { root: true })
 
     try {
@@ -77,7 +77,7 @@ export const actions = {
     }
   },
 
-  async getCloudUrl ({ commit, state, rootState }, args) {
+  async getCloudUrl({ commit, state, rootState }, args) {
     commit('notification/MutToggleProgressBar', true, { root: true })
 
     try {
@@ -94,7 +94,7 @@ export const actions = {
     }
   },
 
-  async cloudSendNotification ({ commit, state, rootState }, args) {
+  async cloudSendNotification({ commit, state, rootState }, args) {
     commit('notification/MutToggleProgressBar', true, { root: true })
 
     try {
diff --git a/packages/nc-gui/store/graphqlClient.js b/packages/nc-gui/store/graphqlClient.js
index 9cdde3cee3..7ff9b23d23 100644
--- a/packages/nc-gui/store/graphqlClient.js
+++ b/packages/nc-gui/store/graphqlClient.js
@@ -15,12 +15,12 @@ export const state = () => ({
 
 export const mutations = {
 
-  MutListAdd (state, args) {
+  MutListAdd(state, args) {
     state.list.unshift(args)
     if (state.list.length > 500) { state.list.pop() }
   },
 
-  MutListRemove (state, index) {
+  MutListRemove(state, index) {
     state.list.splice(index, 1)
   }
 }
diff --git a/packages/nc-gui/store/meta.js b/packages/nc-gui/store/meta.js
index 3af6386e8a..8bc833cdd2 100644
--- a/packages/nc-gui/store/meta.js
+++ b/packages/nc-gui/store/meta.js
@@ -4,19 +4,19 @@ export const state = () => ({
 })
 
 export const mutations = {
-  MutMeta (state, { key, value }) {
+  MutMeta(state, { key, value }) {
     state.metas = { ...state.metas, [key]: value }
   },
-  MutLoading (state, { key, value }) {
+  MutLoading(state, { key, value }) {
     state.loading = { ...state.loading, [key]: value }
   },
-  MutClear (state) {
+  MutClear(state) {
     state.metas = {}
   }
 }
 
 export const actions = {
-  async ActLoadMeta ({ state, commit, dispatch }, { tn, env, dbAlias, force }) {
+  async ActLoadMeta({ state, commit, dispatch }, { tn, env, dbAlias, force }) {
     if (!force && state.loading[tn]) {
       return await new Promise((resolve) => {
         const unsubscribe = this.app.store.subscribe((s) => {
diff --git a/packages/nc-gui/store/notification.js b/packages/nc-gui/store/notification.js
index e4cdf1b9ee..3676c553d8 100644
--- a/packages/nc-gui/store/notification.js
+++ b/packages/nc-gui/store/notification.js
@@ -13,13 +13,13 @@ export const state = () => ({
 
 export const mutations = {
 
-  MutListAdd (state, args) {
+  MutListAdd(state, args) {
     console.log(state)
     args.time = Date.now()
     state.list.unshift(args)
   },
 
-  MutListRemove (state, args) {
+  MutListRemove(state, args) {
     // find index and set status
     const index = state.list.findIndex(n => n.status === 'pending' &&
       n.type === args.type &&
@@ -32,14 +32,14 @@ export const mutations = {
     state.list = [...state.list]
   },
 
-  MutListClearFinished (state, args) {
+  MutListClearFinished(state, args) {
     let len = state.list.length
     while (len--) {
       if (state.list[len].status !== 'pending') { state.list.splice(len, 1) }
     }
   },
 
-  MutToggleProgressBar (state, status) {
+  MutToggleProgressBar(state, status) {
     console.log('MutToggleProgressBar', status)
     if (status) { state.showProgressBar.push(1) } else { state.showProgressBar.pop() }
   }
diff --git a/packages/nc-gui/store/outputs.js b/packages/nc-gui/store/outputs.js
index fe4c8e02eb..92cc68e296 100644
--- a/packages/nc-gui/store/outputs.js
+++ b/packages/nc-gui/store/outputs.js
@@ -4,11 +4,11 @@ export const state = () => ({
 })
 
 export const mutations = {
-  MutClear (state) {
+  MutClear(state) {
     state.list = []
     state.headers = []
   },
-  MutListSet (state, args) {
+  MutListSet(state, args) {
     let list = args.result
     if (args.sqlUi) { list = args.sqlUi.handleRawOutput(args.result, args.headers) }
     state.list = [...list]
diff --git a/packages/nc-gui/store/panelSize.js b/packages/nc-gui/store/panelSize.js
index 9062a5e3a8..b37fa00559 100644
--- a/packages/nc-gui/store/panelSize.js
+++ b/packages/nc-gui/store/panelSize.js
@@ -5,7 +5,7 @@ export const state = () => ({
 })
 
 export const mutations = {
-  MutSize (state, args) {
+  MutSize(state, args) {
     state[args.type] = { ...state[args.type], size: args.size }
   }
 }
diff --git a/packages/nc-gui/store/plugins.js b/packages/nc-gui/store/plugins.js
index b5f6c95228..1824117254 100644
--- a/packages/nc-gui/store/plugins.js
+++ b/packages/nc-gui/store/plugins.js
@@ -2,19 +2,19 @@
 export const state = () => ({})
 
 export const mutations = {
-  mutPluginDetails (state, { title, settings }) {
+  mutPluginDetails(state, { title, settings }) {
     state[title] = settings
   }
 }
 
 export const getters = {
-  brandName (state) {
+  brandName(state) {
     if (state.Branding && state.Branding.title) {
       return state.Branding.title
     }
     return 'NocoDB'
   },
-  brandLogo (state) {
+  brandLogo(state) {
     if (state.Branding && state.Branding.logo && state.Branding.logo.length) {
       const images = JSON.parse(state.Branding.logo)
       if (images && images.length) { return images[0].url }
@@ -24,7 +24,7 @@ export const getters = {
 }
 
 export const actions = {
-  async pluginPostInstall ({ commit, state }, title) {
+  async pluginPostInstall({ commit, state }, title) {
     try {
       this.plugin = await this.dispatch('sqlMgr/ActSqlOp', [null, 'xcPluginRead', {
         title
diff --git a/packages/nc-gui/store/snackbar.js b/packages/nc-gui/store/snackbar.js
index b78a5436d8..0c0dcd4677 100644
--- a/packages/nc-gui/store/snackbar.js
+++ b/packages/nc-gui/store/snackbar.js
@@ -3,7 +3,7 @@ export const state = () => ({
 })
 
 export const mutations = {
-  setSnack (state, snack) {
+  setSnack(state, snack) {
     state.snack = snack
   }
 }
diff --git a/packages/nc-gui/store/sqlClient.js b/packages/nc-gui/store/sqlClient.js
index fe703c58ec..75ac4e60f9 100644
--- a/packages/nc-gui/store/sqlClient.js
+++ b/packages/nc-gui/store/sqlClient.js
@@ -49,59 +49,59 @@ export const state = () => ({
 
 export const mutations = {
 
-  MutSqlFilePathsAdd (state, args) {
+  MutSqlFilePathsAdd(state, args) {
     state.projectSqlFilePaths = {
       ...state.projectSqlFilePaths,
       [state.currentProjectKey]: [...state.projectSqlFilePaths[state.currentProjectKey], args]
     }
   },
 
-  MutSqlFilePathsRemove (state, index) {
+  MutSqlFilePathsRemove(state, index) {
     state.projectSqlFilePaths[state.currentProjectKey].splice(index, 1)
     state.projectSqlFilePaths[state.currentProjectKey] = [...state.projectSqlFilePaths[state.currentProjectKey]]
   },
 
-  MutList (state, list) {
+  MutList(state, list) {
     state.projectSqlFilePaths[state.currentProjectKey] = list
   },
-  MutCurrentProjectKey (state, currentProjectKey) {
+  MutCurrentProjectKey(state, currentProjectKey) {
     state.currentProjectKey = currentProjectKey
   },
-  MutListAdd (state, args) {
+  MutListAdd(state, args) {
     state.list.unshift(args)
     if (state.list.length > 500) { state.list.pop() }
   },
 
-  MutListRemove (state, index) {
+  MutListRemove(state, index) {
     // find index and set status
     state.list.splice(index, 1)
     state.list = [...state.list]
   },
-  MutListRemoveItem (state, item) {
+  MutListRemoveItem(state, item) {
     state.list = state.list.filter(query => item.query !== query.query)
   },
-  MutSetClipboardQuery (state, clipboardQuery) {
+  MutSetClipboardQuery(state, clipboardQuery) {
     state.clipboardQuery = clipboardQuery
   },
-  MutSetEditorByIndex (state, { editor, index }) {
+  MutSetEditorByIndex(state, { editor, index }) {
     state.editors[index] = editor
     state.editors = [...state.editors]
   },
-  MutSetEditors (state, editors) {
+  MutSetEditors(state, editors) {
     state.editors = editors.map(editor => ({ ...editor }))
   }
 
 }
 
 export const getters = {
-  GtrCurrentSqlFilePaths (state) {
+  GtrCurrentSqlFilePaths(state) {
     return state.projectSqlFilePaths[state.currentProjectKey]
   }
 }
 
 export const actions = {
 
-  async executeQuery ({ commit, state, rootState }, { envs, query }) {
+  async executeQuery({ commit, state, rootState }, { envs, query }) {
     // const sqlMgr = rootState.sqlMgr.sqlMgr
     let result
     // const type = SqlQueryParser.getType(query);
@@ -189,7 +189,7 @@ export const actions = {
     //   return a.response;
     // }
   },
-  async loadSqlCollectionForProject ({ commit, state }, { projectName, projectId }) {
+  async loadSqlCollectionForProject({ commit, state }, { projectName, projectId }) {
     const key = projectName + '__' + projectId
     commit('MutCurrentProjectKey', key)
     if (!(key in state.projectSqlFilePaths)) {
diff --git a/packages/nc-gui/store/sqlMgr.js b/packages/nc-gui/store/sqlMgr.js
index 0bcf28727f..8406e4e843 100644
--- a/packages/nc-gui/store/sqlMgr.js
+++ b/packages/nc-gui/store/sqlMgr.js
@@ -1,4 +1,4 @@
-function translateUiToLibCall (args, op, opArgs) {
+function translateUiToLibCall(args, op, opArgs) {
   const data = {
     type: null,
     module: null,
@@ -261,7 +261,7 @@ export const state = () => ({
 })
 
 export const mutations = {
-  set (state, sqlMgrSingleton) {
+  set(state, sqlMgrSingleton) {
     state.sqlMgr = sqlMgrSingleton
   }
 
@@ -291,7 +291,7 @@ export const actions = {
   //   return state.sqlMgr;
   // },
 
-  async ActSqlOpPlus ({ commit, state, dispatch, rootState }, [args, op, opArgs]) {
+  async ActSqlOpPlus({ commit, state, dispatch, rootState }, [args, op, opArgs]) {
     const params = {}
     if (this.$router.currentRoute && this.$router.currentRoute.params && this.$router.currentRoute.params.project_id) {
       params.project_id = this.$router.currentRoute.params.project_id
@@ -354,7 +354,7 @@ export const actions = {
     }
   },
 
-  async ActSqlOp ({ commit, state, rootState, dispatch }, [args, op, opArgs, cusHeaders, cusAxiosOptions, queryParams]) {
+  async ActSqlOp({ commit, state, rootState, dispatch }, [args, op, opArgs, cusHeaders, cusAxiosOptions, queryParams]) {
     const params = {}
     if (this.$router.currentRoute && this.$router.currentRoute.params && this.$router.currentRoute.params.project_id) {
       params.project_id = this.$router.currentRoute.params.project_id
@@ -409,7 +409,7 @@ export const actions = {
     }
   },
 
-  async ActUpload ({ commit, state, rootState }, [args, op, opArgs, file, cusHeaders, cusAxiosOptions]) {
+  async ActUpload({ commit, state, rootState }, [args, op, opArgs, file, cusHeaders, cusAxiosOptions]) {
     try {
       const params = {}
       if (this.$router.currentRoute && this.$router.currentRoute.params && this.$router.currentRoute.params.project_id) {
diff --git a/packages/nc-gui/store/tabs.js b/packages/nc-gui/store/tabs.js
index 85ebb8fcd0..438dc1d100 100644
--- a/packages/nc-gui/store/tabs.js
+++ b/packages/nc-gui/store/tabs.js
@@ -7,20 +7,20 @@ export const state = () => ({
 })
 
 export const mutations = {
-  add (state, tab) {
+  add(state, tab) {
     console.log('tabs:', tab)
     if (state.list.length >= 8) {
       state.list.shift()
     }
     state.list = [...state.list, tab]
   },
-  remove (state, index) {
+  remove(state, index) {
     state.list.splice(index, 1)
   },
-  clear (state, index) {
+  clear(state, index) {
     state.list = []
   },
-  active (state, index) {
+  active(state, index) {
     console.log('> > > > active', state, index)
     if (state.list[index]) {
       state.activeTabCtx = { ...state.list[index] }
@@ -34,10 +34,10 @@ export const mutations = {
       })
     }
   },
-  list (state, list) {
+  list(state, list) {
     Vue.set(state, 'list', list)
   },
-  activeTabCtx (state, activeTabCtx) {
+  activeTabCtx(state, activeTabCtx) {
     let list = [...state.list]
     console.log('> > > > activeTabCtx', state, activeTabCtx)
 
@@ -57,25 +57,25 @@ export const mutations = {
 }
 
 export const getters = {
-  list (state) {
+  list(state) {
     console.log('> > > > list', state)
     return state.list
   },
-  activeTab (state) {
+  activeTab(state) {
     console.log('> > > > gtr activeTab', state.activeTab)
     return state.activeTab
   },
-  activeTabCtx (state) {
+  activeTabCtx(state) {
     console.log('> > > > gtr activeTabCtx', state.activeTabCtx)
     return state.activeTabCtx
   }
 }
 
 export const actions = {
-  async changeActiveTab ({ commit, state }, index) {
+  async changeActiveTab({ commit, state }, index) {
     commit('active', index)
   },
-  async loadDefaultTabs ({ commit, state, rootGetters, dispatch, rootState }, load) {
+  async loadDefaultTabs({ commit, state, rootGetters, dispatch, rootState }, load) {
     const tabs = []
 
     if ('name' in this.$router.currentRoute.query &&
@@ -242,7 +242,7 @@ export const actions = {
     commit('list', tabs)
   },
 
-  removeTableTab ({ commit, state }, nodes) {
+  removeTableTab({ commit, state }, nodes) {
     const tabs = JSON.parse(JSON.stringify(state.list))
     const tabIndex = state.list.findIndex(
       el =>
@@ -253,7 +253,7 @@ export const actions = {
     tabs.splice(tabIndex, 1)
     commit('list', tabs)
   },
-  removeViewTab ({ commit, state }, nodes) {
+  removeViewTab({ commit, state }, nodes) {
     const tabs = JSON.parse(JSON.stringify(state.list))
     const tabIndex = state.list.findIndex(
       el =>
@@ -264,7 +264,7 @@ export const actions = {
     tabs.splice(tabIndex, 1)
     commit('list', tabs)
   },
-  removeFunctionTab ({ commit, state }, nodes) {
+  removeFunctionTab({ commit, state }, nodes) {
     const tabs = JSON.parse(JSON.stringify(state.list))
     const tabIndex = state.list.findIndex(
       el =>
@@ -275,7 +275,7 @@ export const actions = {
     tabs.splice(tabIndex, 1)
     commit('list', tabs)
   },
-  removeProcedureTab ({ commit, state }, nodes) {
+  removeProcedureTab({ commit, state }, nodes) {
     const tabs = JSON.parse(JSON.stringify(state.list))
     const tabIndex = state.list.findIndex(
       el =>
@@ -286,7 +286,7 @@ export const actions = {
     tabs.splice(tabIndex, 1)
     commit('list', tabs)
   },
-  removeSequenceTab ({ commit, state }, nodes) {
+  removeSequenceTab({ commit, state }, nodes) {
     const tabs = JSON.parse(JSON.stringify(state.list))
     const tabIndex = state.list.findIndex(
       el =>
@@ -297,7 +297,7 @@ export const actions = {
     tabs.splice(tabIndex, 1)
     commit('list', tabs)
   },
-  removeTabsByName ({ commit, state }, item) {
+  removeTabsByName({ commit, state }, item) {
     let tabs = JSON.parse(JSON.stringify(state.list))
     tabs = tabs.filter((el) => {
       if (
@@ -313,7 +313,7 @@ export const actions = {
     commit('list', tabs)
   },
 
-  ActAddTab ({ commit, state, rootState }, item) {
+  ActAddTab({ commit, state, rootState }, item) {
     if (rootState.users.ui_ability.rules.maxTabs <= state.list.length) {
       this.commit('snackbar/setSnack', `Free plan limits to ${rootState.users.ui_ability.rules.maxTabs} tabs. Please <a href="https://nocodb.com/pricing" style="color: white;font-weight: bold;">upgrade</a> your plan for unlimited tabs.`)
       return
diff --git a/packages/nc-gui/store/tempProjects.js b/packages/nc-gui/store/tempProjects.js
index 30dd09eff5..b18b335b5d 100644
--- a/packages/nc-gui/store/tempProjects.js
+++ b/packages/nc-gui/store/tempProjects.js
@@ -74,27 +74,27 @@ export const state = () => ({
 })
 
 export const mutations = {
-  add (state, tempProject) {
+  add(state, tempProject) {
     console.log('data from form', tempProject)
     state.list.push(tempProject)
   },
-  update (state, { tempProject }) {},
-  remove (state, { tempProject }) {
+  update(state, { tempProject }) {},
+  remove(state, { tempProject }) {
     state.list.splice(state.list.indexOf(tempProject), 1)
   },
-  list (state, tempProjects) {
+  list(state, tempProjects) {
     state.list = tempProjects
   }
 }
 
 export const getters = {
-  list (state) {
+  list(state) {
     return state.list
   }
 }
 
 export const actions = {
-  createProject ({ commit, state }, data) {
+  createProject({ commit, state }, data) {
     // async ops
     commit('add', data)
   }
diff --git a/packages/nc-gui/store/users.js b/packages/nc-gui/store/users.js
index c73b4d4f30..f9b7f234d1 100644
--- a/packages/nc-gui/store/users.js
+++ b/packages/nc-gui/store/users.js
@@ -30,26 +30,26 @@ export const state = () => ({
 // modified state vars
 export const getters = {
 
-  GtrCounter (state) {
+  GtrCounter(state) {
     return state.counter
   },
 
-  GtrUser (state) {
+  GtrUser(state) {
     return state.user
   },
-  GtrToken (state) {
+  GtrToken(state) {
     return state.token
   },
 
-  GtrSocialAuthCalled (state) {
+  GtrSocialAuthCalled(state) {
     return state.social_auth_called
   },
 
-  GtrPaidUser (state) {
+  GtrPaidUser(state) {
     return state.paidUser
   },
 
-  GtrIsAuthenticated (state, getters, rootState) {
+  GtrIsAuthenticated(state, getters, rootState) {
     return rootState.project.projectInfo &&
       (rootState.project.projectInfo.authType === 'none' ||
         (rootState.project.projectInfo.authType === 'jwt' && state.user) ||
@@ -57,13 +57,13 @@ export const getters = {
       )
   },
 
-  GtrIsAdmin (state) {
+  GtrIsAdmin(state) {
     // return (state.authType === 'jwt' && state.user && state.user.roles && (state.user.roles.creator || state.user.roles.owner)) || (state.authType === 'masterKey' && state.masterKey) || state.authType === 'none'
     return (state.user && state.user.roles && (state.user.roles.creator || state.user.roles.owner)) ||
       (state.projectRole && (state.projectRole.creator || state.projectRole.owner))
   },
 
-  GtrIsUIAllowed (state) {
+  GtrIsUIAllowed(state) {
     const rolePermissions = process.env.EE ? rolePermissionsEE : rolePermissionsCE
     return (page) => {
       const user = state.user
@@ -83,7 +83,7 @@ export const getters = {
     }
   },
 
-  GtrRole (state) {
+  GtrRole(state) {
     return state.user && state.user.roles && (['owner',
       'creator',
       'editor',
@@ -100,45 +100,45 @@ export const mutations = {
   //   state.counter += 1
   // },
 
-  MutSetUser (state, user) {
+  MutSetUser(state, user) {
     // console.log('in MutPlusCounter', user);
 
     state.user = user && user.email ? user : null
   },
-  MutProjectRole (state, role) {
+  MutProjectRole(state, role) {
     // console.log('in MutPlusCounter', user);
 
     state.projectRole = role
   },
-  MutSetToken (state, token) {
+  MutSetToken(state, token) {
     state.token = token
   },
-  MutUiAbility (state, uiAbility) {
+  MutUiAbility(state, uiAbility) {
     state.ui_ability = uiAbility
   },
 
-  MutSetSocialAuthCalled (state, called) {
+  MutSetSocialAuthCalled(state, called) {
     // console.log('in MutPlusCounter', user);
     state.social_auth_called = called
   },
 
-  MutSetProjectToNull (state) {
+  MutSetProjectToNull(state) {
     state.project = null
     state.projectTree = null
   },
 
-  MutSetPaidUser (state, isPaid) {
+  MutSetPaidUser(state, isPaid) {
     state.paidUser = isPaid
   },
 
-  MutAuthType (state, authType) {
+  MutAuthType(state, authType) {
     state.authType = authType
   },
 
-  MutMasterKey (state, masterKey) {
+  MutMasterKey(state, masterKey) {
     state.masterKey = masterKey
   },
-  MutPreviewAs (state, previewAs) {
+  MutPreviewAs(state, previewAs) {
     state.previewAs = previewAs
   }
 
@@ -147,14 +147,14 @@ export const mutations = {
 // mutation are performed via actions
 export const actions = {
 
-  ActPlusCounter ({ commit }) {
+  ActPlusCounter({ commit }) {
     // console.log('in action');
     commit('MutPlusCounter')
   },
 
-  ActPollSession ({ commit, getters, rootGetters }, todo) {
+  ActPollSession({ commit, getters, rootGetters }, todo) {
     console.log('Within action : ActPollSession')
-    setInterval(async () => {
+    setInterval(async() => {
       console.log('Poll section : ')
       if (getters.GtrUser) {
         try {
@@ -188,7 +188,7 @@ export const actions = {
     }, process.env.pollingInterval)
   },
 
-  async ActNewRefferalLink ({ state, commit }) {
+  async ActNewRefferalLink({ state, commit }) {
     // console.log('ActNewRefferalLink');
     try {
       const profits = await this.$axios.post('/referral')
@@ -200,7 +200,7 @@ export const actions = {
     }
   },
 
-  async ActGetUrl ({ state, commit }, urlParamObj) {
+  async ActGetUrl({ state, commit }, urlParamObj) {
     // console.log('url:', urlParamObj['url']);
     // console.log('params:', urlParamObj['params']);
     try {
@@ -213,7 +213,7 @@ export const actions = {
     }
   },
 
-  async ActPostUrl ({ state, commit }, urlParamObj) {
+  async ActPostUrl({ state, commit }, urlParamObj) {
     try {
       const value = await this.$axios.post(urlParamObj.url, urlParamObj.body)
       // console.log(value);
@@ -225,7 +225,7 @@ export const actions = {
   },
 
   /** ************** START : authentication ****************/
-  async ActSignUp ({ commit, dispatch }, data) {
+  async ActSignUp({ commit, dispatch }, data) {
     let err = null
     try {
       if (!data.ignore_subscribe) {
@@ -244,7 +244,7 @@ export const actions = {
     return err
   },
 
-  async ActSignIn ({ commit, dispatch }, data) {
+  async ActSignIn({ commit, dispatch }, data) {
     // console.log('in action signin');
     let err = null
     try {
@@ -271,7 +271,7 @@ export const actions = {
     return err
   },
 
-  async ActSignOut ({ commit }) {
+  async ActSignOut({ commit }) {
     // console.log('in action signout');
 
     let err = null
@@ -302,7 +302,7 @@ export const actions = {
   /** ************** END : authentication ****************/
 
   /** ************** START : password reset-recovery ****************/
-  async ActPasswordForgot ({ commit }, data) {
+  async ActPasswordForgot({ commit }, data) {
     try {
       await this.$axios.post('/auth/password/forgot', data)
     } catch (e) {
@@ -310,7 +310,7 @@ export const actions = {
     }
   },
 
-  async ActGetPasswordReset ({ commit }, query) {
+  async ActGetPasswordReset({ commit }, query) {
     // console.log('in action ActGetPasswordReset', query);
 
     try {
@@ -323,7 +323,7 @@ export const actions = {
     }
   },
 
-  async ActPostPasswordReset ({ commit }, data) {
+  async ActPostPasswordReset({ commit }, data) {
     try {
       const resetPromise = await this.$axios.post('/auth/password/reset/' + data.token, data)
       commit('MutSetUser', resetPromise.data)
@@ -332,7 +332,7 @@ export const actions = {
     }
   },
 
-  async ActPostPasswordChange ({ commit }, data) {
+  async ActPostPasswordChange({ commit }, data) {
     try {
       await this.$axios.post('/user/password/change', data)
     } catch (e) {
@@ -340,7 +340,7 @@ export const actions = {
     }
   },
 
-  async ActGetSubscriptionsList ({ commit }, data) {
+  async ActGetSubscriptionsList({ commit }, data) {
     try {
       const res = await this.$axios.get('/subscription/')
       console.log(res)
@@ -352,7 +352,7 @@ export const actions = {
   },
   /** ************** END : password reset-recovery ****************/
 
-  async ActGetUserDetails ({ commit, state }) {
+  async ActGetUserDetails({ commit, state }) {
     try {
       const user = await this.$axios.get('/user/me', {
         headers: {
@@ -365,7 +365,7 @@ export const actions = {
     }
   },
 
-  async ActGetProjectUserDetails ({ commit, state }, projectId) {
+  async ActGetProjectUserDetails({ commit, state }, projectId) {
     try {
       const user = await this.$axios.get('/user/me?project_id=' + projectId, {
         headers: {
@@ -378,7 +378,7 @@ export const actions = {
     }
   },
 
-  async ActGetUserUiAbility ({ commit, state }) {
+  async ActGetUserUiAbility({ commit, state }) {
     try {
       const uiAbility = await this.$axios.get('/ui_ability')
 
@@ -399,15 +399,15 @@ export const actions = {
   },
 
   /** ************** START : social auth ****************/
-  ActAuthFb ({ commit }) {
+  ActAuthFb({ commit }) {
     // console.log('in action signout');
   },
 
-  ActAuthFbCbk ({ commit }) {
+  ActAuthFbCbk({ commit }) {
     // console.log('in action signout');
   },
 
-  async ActAuthGoogle ({ commit, rootState }) {
+  async ActAuthGoogle({ commit, rootState }) {
     // console.log('in action ActAuthGoogle', rootState);
 
     try {
@@ -434,31 +434,31 @@ export const actions = {
     }
   },
 
-  ActAuthGoogleCbk ({ commit }) {
+  ActAuthGoogleCbk({ commit }) {
     // console.log('in action signout');
   },
 
-  ActAuthPaypal ({ commit }) {
+  ActAuthPaypal({ commit }) {
     // console.log('in action signout');
   },
 
-  ActAuthPaypalCbk ({ commit }) {
+  ActAuthPaypalCbk({ commit }) {
     // console.log('in action signout');
   },
 
-  ActAuthTwitter ({ commit }) {
+  ActAuthTwitter({ commit }) {
     // console.log('in action signout');
   },
 
-  ActAuthTwitterCbk ({ commit }) {
+  ActAuthTwitterCbk({ commit }) {
     // console.log('in action signout');
   },
-  async ActGetAuthType ({ commit }) {
+  async ActGetAuthType({ commit }) {
     const { type, firstUser } = (await this.$axios.get('/auth/type')).data
     commit('MutAuthType', type)
     return { type, firstUser }
   },
-  async ActVerifyMasterKey ({ commit }, secret) {
+  async ActVerifyMasterKey({ commit }, secret) {
     return (await this.$axios({
       url: '/auth/admin/verify',
       baseURL: `${this.$axios.defaults.baseURL}/dashboard`,
diff --git a/packages/nc-gui/store/windows.js b/packages/nc-gui/store/windows.js
index 87b1d56673..9dad4ec2b4 100644
--- a/packages/nc-gui/store/windows.js
+++ b/packages/nc-gui/store/windows.js
@@ -41,56 +41,56 @@ export const state = () => ({
 })
 
 export const mutations = {
-  MutApiLoading (state, status) {
+  MutApiLoading(state, status) {
     state.apiLoading = status
   },
-  MutAutoApplyFilter (state, v) {
+  MutAutoApplyFilter(state, v) {
     state.autoApplyFilter = v
   },
-  MutToggleLogWindow (state, show) {
+  MutToggleLogWindow(state, show) {
     state.logWindow = !state.logWindow
   },
-  MutScreensaver (state, show) {
+  MutScreensaver(state, show) {
     state.screensaver = show
   },
-  MutToggleDarkMode (state, status) {
+  MutToggleDarkMode(state, status) {
     if (typeof status !== 'boolean') {
       status = !state.darkTheme
     }
     state.darkTheme = status
   },
-  MutToggleGaEnabled (state, isEnabled) {
+  MutToggleGaEnabled(state, isEnabled) {
     state.isGaEnabled = isEnabled
   },
-  MutToggleErrorReportingEnabled (state, isEnabled) {
+  MutToggleErrorReportingEnabled(state, isEnabled) {
     state.isErrorReportingEnabled = isEnabled
   },
-  MutToggleTelemetryEnabled (state, isEnabled) {
+  MutToggleTelemetryEnabled(state, isEnabled) {
     state.isTelemetryEnabled = isEnabled
   },
-  MutSetTheme (state, { theme, themeName }) {
+  MutSetTheme(state, { theme, themeName }) {
     state.themeName = themeName
     state.theme = theme
   },
-  MutToggleTheme (state) {
+  MutToggleTheme(state) {
     const keys = Object.keys(themes)
     const index = keys.indexOf(state.themeName) + 1
     state.themeName = keys[index]
     state.theme = themes[state.themeName]
   },
-  MutSetCustomTheme (state, theme) {
+  MutSetCustomTheme(state, theme) {
     state.customTheme = theme
   },
-  MutLanguage (state, language) {
+  MutLanguage(state, language) {
     state.language = language
   },
-  MutToggleTreeviewWindow (state, show) {
+  MutToggleTreeviewWindow(state, show) {
     state.treeWindow = !state.treeWindow
   },
-  MutToggleOutputWindow (state, show) {
+  MutToggleOutputWindow(state, show) {
     state.outputWindow = !state.outputWindow
   },
-  MutToggleLogWindowFromTab (state, { client, status }) {
+  MutToggleLogWindowFromTab(state, { client, status }) {
     if (client) {
       state.clientDisabledLogWindow = status
       state.logWindow = false
@@ -98,86 +98,86 @@ export const mutations = {
       state.logWindow = true
     }
   },
-  MutShowTour (state, { page, status = false }) {
+  MutShowTour(state, { page, status = false }) {
     state.showTour = { ...state.showTour, [page]: status }
   },
-  MutStartedDate (state, date) {
+  MutStartedDate(state, date) {
     state.expiryDate = date
   },
-  MutPollingIncrementBy (state, val = 1) {
+  MutPollingIncrementBy(state, val = 1) {
     state.pollingFailedMaxRetry += val
   },
-  MutPollingSet (state, val = 0) {
+  MutPollingSet(state, val = 0) {
     state.pollingFailedMaxRetry = val
   },
-  MutToggleScaffoldOnSave (state, status) {
+  MutToggleScaffoldOnSave(state, status) {
     if (typeof status === 'boolean') {
       state.scaffoldOnSave = status
     } else {
       state.scaffoldOnSave = !state.scaffoldOnSave
     }
   },
-  MutStat (state, stats) {
+  MutStat(state, stats) {
     for (const key in stats) {
       stats[key] += state.stats[key] || 0
     }
     state.stats = { ...state.stats, ...stats }
   },
-  MutResetStats (state) {
+  MutResetStats(state) {
     for (const key in state.stats) {
       state.stats[key] = 0
     }
     state.stats = { ...state.stats }
   },
-  MutVersion (state, version) {
+  MutVersion(state, version) {
     state.version = version
   },
 
-  MutCheckForUpdate (state, checkForUpdate) {
+  MutCheckForUpdate(state, checkForUpdate) {
     state.checkForUpdate = checkForUpdate
   },
-  MutDownloadAndUpdateRelease (state, downloadAndUpdateRelease) {
+  MutDownloadAndUpdateRelease(state, downloadAndUpdateRelease) {
     state.downloadAndUpdateRelease = downloadAndUpdateRelease
   },
-  MutIsComp (state, isComp) {
+  MutIsComp(state, isComp) {
     state.isComp = isComp
   },
-  MutMetatables (state, show) {
+  MutMetatables(state, show) {
     state.metatables = show
   },
-  MutNc (state, nc) {
+  MutNc(state, nc) {
     state.nc = nc
   },
-  MutMiniSponsorCard (state, miniSponsorCard) {
+  MutMiniSponsorCard(state, miniSponsorCard) {
     state.miniSponsorCard = miniSponsorCard
   }
 }
 
 export const getters = {
-  GtrNoOfDaysLeft (state) {
+  GtrNoOfDaysLeft(state) {
     // const passedDays = moment().diff(state.startedDate, 'days');
     // return passedDays > 30 ? 0 : 30 - passedDays;
   },
-  GtrHasTrialPeriodExpired (state) {
+  GtrHasTrialPeriodExpired(state) {
     // const passedDays = moment().diff(state.startedDate, 'days');
     // return passedDays > 30;
   },
-  GtrMaxPollingRetryExceeded (state) {
+  GtrMaxPollingRetryExceeded(state) {
     return state.pollingFailedMaxRetry >= process.env.pollingFailedMaxRetry
   },
-  GtrShouldWork (state) {
+  GtrShouldWork(state) {
     return () => state.isComp ? Math.floor(Math.random() * 1000) % 5 === 0 : true
   }
 }
 
 export const actions = {
-  ActGetExpiryDate ({ state, commit }, args) {
+  ActGetExpiryDate({ state, commit }, args) {
     // if (!state.startedDate) {
     //   commit('MutStartedDate', moment().format())
     // }
     // return moment().diff(state.startedDate, 'days') // 1
   },
-  ActToggleDarkMode ({ state, commit, rootState }, status) {
+  ActToggleDarkMode({ state, commit, rootState }, status) {
     //
     // const prepareToastMessage = () => {
     //   if (rootState.users.user && rootState.users.user.email) {
@@ -200,7 +200,7 @@ export const actions = {
     // }
     commit('MutToggleDarkMode', status)
   },
-  ActCheckMaxTable ({ state, commit, rootState }, { tableIndex }) {
+  ActCheckMaxTable({ state, commit, rootState }, { tableIndex }) {
     const prepareToastMessage = () => {
       return `You are allowed to access only ${rootState.users.ui_ability.rules.maxTables} tables.<br/>
 You can either upgrade or <a href="#/referral" style="color: white;font-weight: bold;">refer</a> us. `
@@ -214,7 +214,7 @@ You can either upgrade or <a href="#/referral" style="color: white;font-weight:
     }
     return true
   },
-  ActSetTheme ({ state, commit, rootState }, { theme, themeName, custom }) {
+  ActSetTheme({ state, commit, rootState }, { theme, themeName, custom }) {
     if (custom) {
       commit('MutSetCustomTheme', theme)
     } else {
diff --git a/packages/nc-gui/xc.js b/packages/nc-gui/xc.js
index 9de15a6622..dd4d9fd8b8 100644
--- a/packages/nc-gui/xc.js
+++ b/packages/nc-gui/xc.js
@@ -1,5 +1,5 @@
 // eslint-disable-next-line no-unused-vars
-function initApp (config) {
+function initApp(config) {
   const nuxtApp = document.createElement('div')
   nuxtApp.id = '__nuxt'