From 81c2f85fd2990cff57376ae20c930b9eacb39a34 Mon Sep 17 00:00:00 2001 From: Cal Abel Date: Mon, 20 Apr 2020 14:05:39 -0400 Subject: [PATCH 1/3] update to babel 7.9 vuetify-cli 2.0 --- .eslintrc.js | 20 +- babel.config.js | 11 +- examples/cms/config/crud.js | 2 +- examples/cms/registerServiceWorker.js | 1 + examples/cms/routes/app/Index.vue | 2 +- examples/cms/routes/app/router.js | 2 +- .../routes/administration/store/actions.js | 2 +- .../routes/administration/store/getters.js | 2 +- .../app/routes/administration/store/index.js | 2 +- .../routes/administration/store/mutations.js | 2 +- .../app/routes/administration/store/state.js | 2 +- .../routes/app/routes/blog/store/actions.js | 2 +- .../routes/app/routes/blog/store/getters.js | 2 +- .../cms/routes/app/routes/blog/store/index.js | 2 +- .../routes/app/routes/blog/store/mutations.js | 2 +- .../cms/routes/app/routes/blog/store/state.js | 2 +- .../routes/app/routes/cms/store/actions.js | 2 +- .../routes/app/routes/cms/store/getters.js | 2 +- .../cms/routes/app/routes/cms/store/index.js | 2 +- .../routes/app/routes/cms/store/mutations.js | 2 +- .../cms/routes/app/routes/cms/store/state.js | 2 +- .../cms/routes/app/routes/store/router.js | 2 +- .../routes/app/routes/store/store/actions.js | 2 +- .../routes/app/routes/store/store/getters.js | 2 +- .../routes/app/routes/store/store/index.js | 2 +- .../app/routes/store/store/mutations.js | 2 +- .../routes/app/routes/store/store/state.js | 2 +- examples/crm/config/crud.js | 2 +- examples/crm/registerServiceWorker.js | 1 + examples/crm/routes/app/Index.vue | 2 +- examples/crm/routes/app/router.js | 2 +- .../app/routes/administration/router.js | 2 +- .../routes/administration/store/actions.js | 2 +- .../routes/administration/store/getters.js | 2 +- .../app/routes/administration/store/index.js | 2 +- .../routes/administration/store/mutations.js | 2 +- .../app/routes/administration/store/state.js | 2 +- examples/crm/routes/app/routes/crm/router.js | 2 +- .../routes/app/routes/crm/store/actions.js | 2 +- .../routes/app/routes/crm/store/getters.js | 2 +- .../crm/routes/app/routes/crm/store/index.js | 2 +- .../routes/app/routes/crm/store/mutations.js | 2 +- .../crm/routes/app/routes/crm/store/state.js | 2 +- examples/empty/config/main.js | 23 +- examples/sandbox/routes/App.vue | 6 +- examples/sandbox/routes/Crud.vue | 4 +- examples/simple-crud/config/main.js | 27 +- examples/simple-crud/locales/pl/alerts.js | 17 + examples/simple-crud/locales/pl/datatable.js | 46 + examples/simple-crud/locales/pl/details.js | 31 + examples/simple-crud/locales/pl/index.js | 19 + .../simple-crud/locales/pl/item-elements.js | 31 + examples/simple-crud/locales/pl/login.js | 12 + examples/simple-crud/locales/pl/profile.js | 30 + examples/simple-crud/locales/pl/routes.js | 17 + package-lock.json | 11382 ++++++++-------- package.json | 66 +- src/plugins/http.js | 4 +- src/plugins/ie.js | 3 +- src/plugins/vuetify.js | 2 +- src/store/mutations.js | 2 +- src/utils/auth/store/actions.js | 6 +- src/utils/crud/components/Crud.vue | 11 +- .../crud/components/CrudTreeClientMode.vue | 8 +- src/utils/crud/components/FileDetails.vue | 2 +- src/utils/crud/components/ImageContainer.vue | 2 +- .../crud/components/ItemDetailsField.vue | 2 +- .../crud/components/field-types/Select.vue | 2 +- src/utils/crud/helpers/functions.js | 2 +- src/utils/crud/mixins/crud-instance.js | 2 +- .../mixins/table-client-mode-filtering.js | 2 +- src/utils/crud/store/getters.js | 14 +- 72 files changed, 6163 insertions(+), 5723 deletions(-) create mode 100644 examples/simple-crud/locales/pl/alerts.js create mode 100644 examples/simple-crud/locales/pl/datatable.js create mode 100644 examples/simple-crud/locales/pl/details.js create mode 100644 examples/simple-crud/locales/pl/index.js create mode 100644 examples/simple-crud/locales/pl/item-elements.js create mode 100644 examples/simple-crud/locales/pl/login.js create mode 100644 examples/simple-crud/locales/pl/profile.js create mode 100644 examples/simple-crud/locales/pl/routes.js diff --git a/.eslintrc.js b/.eslintrc.js index bc479c7..08b22be 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -11,31 +11,39 @@ module.exports = { 'comma-dangle': ['error', 'always-multiline'], 'array-element-newline': [ 'error', { - "multiline": true, - "minItems": 2, + multiline: true, + minItems: 2, }, ], 'array-bracket-newline': [ 'error', { - "multiline": true, - "minItems": 2, + multiline: true, + minItems: 2, }, ], 'array-bracket-spacing': ['error', 'never'], 'object-curly-newline': [ 'error', { - 'consistent': true, + consistent: true, }, ], 'object-curly-spacing': ['error', 'always'], }, + parser: "vue-eslint-parser", + parserOptions: { - parser: 'babel-eslint', + parser: "babel-eslint", + sourceType: "module", + ecmaVersion: 2017, }, extends: [ 'plugin:vue/essential', '@vue/standard', ], + + plugins: [ + 'vue', + ], } diff --git a/babel.config.js b/babel.config.js index 8070333..c155f3e 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,3 +1,12 @@ module.exports = { - presets: ['@vue/app'], + presets: [ + [ + '@babel/preset-env', + { + useBuiltIns: 'usage', + corejs: 3, + }, + ], + // '@vue/app', + ], } diff --git a/examples/cms/config/crud.js b/examples/cms/config/crud.js index b41d1fe..4399b86 100644 --- a/examples/cms/config/crud.js +++ b/examples/cms/config/crud.js @@ -17,7 +17,7 @@ export default { return param.substring(0, 10) }, timeFromTimestamp: (param) => { - let tmp = param || '' + const tmp = param || '' return tmp.substring(0, 5) }, datetimeFromTimestamp: (param) => { diff --git a/examples/cms/registerServiceWorker.js b/examples/cms/registerServiceWorker.js index 2237faf..75f0489 100644 --- a/examples/cms/registerServiceWorker.js +++ b/examples/cms/registerServiceWorker.js @@ -7,6 +7,7 @@ if (process.env.NODE_ENV === 'production') { ready () { console.log( 'App is being served from cache by a service worker.\n' + + // eslint-disable-next-line comma-dangle 'For more details, visit https://goo.gl/AFskqB' ) }, diff --git a/examples/cms/routes/app/Index.vue b/examples/cms/routes/app/Index.vue index 0963b7e..3bf7157 100644 --- a/examples/cms/routes/app/Index.vue +++ b/examples/cms/routes/app/Index.vue @@ -201,7 +201,7 @@ export default { 'userInfo', ]), year () { - let year = new Date() + const year = new Date() return year.getFullYear() }, }, diff --git a/examples/cms/routes/app/router.js b/examples/cms/routes/app/router.js index 1cd0db1..bda3556 100644 --- a/examples/cms/routes/app/router.js +++ b/examples/cms/routes/app/router.js @@ -8,7 +8,7 @@ import storeRoutes from './routes/store/router' import Administration from './routes/administration/Index.vue' import administrationRoutes from './routes/administration/router' -let appRoutes = [ +const appRoutes = [ { path: 'home', name: 'home', diff --git a/examples/cms/routes/app/routes/administration/store/actions.js b/examples/cms/routes/app/routes/administration/store/actions.js index a1abcf1..62e62c4 100644 --- a/examples/cms/routes/app/routes/administration/store/actions.js +++ b/examples/cms/routes/app/routes/administration/store/actions.js @@ -1,4 +1,4 @@ -let actions = { +const actions = { // permissions // user permissions diff --git a/examples/cms/routes/app/routes/administration/store/getters.js b/examples/cms/routes/app/routes/administration/store/getters.js index ba6038f..9fa68b1 100644 --- a/examples/cms/routes/app/routes/administration/store/getters.js +++ b/examples/cms/routes/app/routes/administration/store/getters.js @@ -1,4 +1,4 @@ -let getters = { +const getters = { // permissions // user permissions diff --git a/examples/cms/routes/app/routes/administration/store/index.js b/examples/cms/routes/app/routes/administration/store/index.js index 079427f..8ca7241 100644 --- a/examples/cms/routes/app/routes/administration/store/index.js +++ b/examples/cms/routes/app/routes/administration/store/index.js @@ -3,7 +3,7 @@ import getters from './getters' import mutations from './mutations' import actions from './actions' -let administration = { +const administration = { namespaced: true, state, getters, diff --git a/examples/cms/routes/app/routes/administration/store/mutations.js b/examples/cms/routes/app/routes/administration/store/mutations.js index dd1e532..b12e70b 100644 --- a/examples/cms/routes/app/routes/administration/store/mutations.js +++ b/examples/cms/routes/app/routes/administration/store/mutations.js @@ -1,4 +1,4 @@ -let mutations = { +const mutations = { // permissions // user permissions diff --git a/examples/cms/routes/app/routes/administration/store/state.js b/examples/cms/routes/app/routes/administration/store/state.js index 418b6d0..2481b7a 100644 --- a/examples/cms/routes/app/routes/administration/store/state.js +++ b/examples/cms/routes/app/routes/administration/store/state.js @@ -1,4 +1,4 @@ -let state = { +const state = { // permissions // user permissions diff --git a/examples/cms/routes/app/routes/blog/store/actions.js b/examples/cms/routes/app/routes/blog/store/actions.js index 874b058..fe116ed 100644 --- a/examples/cms/routes/app/routes/blog/store/actions.js +++ b/examples/cms/routes/app/routes/blog/store/actions.js @@ -1,4 +1,4 @@ -let actions = { +const actions = { } export default actions diff --git a/examples/cms/routes/app/routes/blog/store/getters.js b/examples/cms/routes/app/routes/blog/store/getters.js index 482dae9..0070a57 100644 --- a/examples/cms/routes/app/routes/blog/store/getters.js +++ b/examples/cms/routes/app/routes/blog/store/getters.js @@ -1,4 +1,4 @@ -let getters = { +const getters = { } export default getters diff --git a/examples/cms/routes/app/routes/blog/store/index.js b/examples/cms/routes/app/routes/blog/store/index.js index 0583ba6..7ff6021 100644 --- a/examples/cms/routes/app/routes/blog/store/index.js +++ b/examples/cms/routes/app/routes/blog/store/index.js @@ -3,7 +3,7 @@ import getters from './getters' import mutations from './mutations' import actions from './actions' -let blog = { +const blog = { namespaced: true, state, getters, diff --git a/examples/cms/routes/app/routes/blog/store/mutations.js b/examples/cms/routes/app/routes/blog/store/mutations.js index a39d5f6..962987b 100644 --- a/examples/cms/routes/app/routes/blog/store/mutations.js +++ b/examples/cms/routes/app/routes/blog/store/mutations.js @@ -1,4 +1,4 @@ -let mutations = { +const mutations = { } export default mutations diff --git a/examples/cms/routes/app/routes/blog/store/state.js b/examples/cms/routes/app/routes/blog/store/state.js index 48f9da9..053cf22 100644 --- a/examples/cms/routes/app/routes/blog/store/state.js +++ b/examples/cms/routes/app/routes/blog/store/state.js @@ -1,4 +1,4 @@ -let state = { +const state = { } diff --git a/examples/cms/routes/app/routes/cms/store/actions.js b/examples/cms/routes/app/routes/cms/store/actions.js index 874b058..fe116ed 100644 --- a/examples/cms/routes/app/routes/cms/store/actions.js +++ b/examples/cms/routes/app/routes/cms/store/actions.js @@ -1,4 +1,4 @@ -let actions = { +const actions = { } export default actions diff --git a/examples/cms/routes/app/routes/cms/store/getters.js b/examples/cms/routes/app/routes/cms/store/getters.js index 482dae9..0070a57 100644 --- a/examples/cms/routes/app/routes/cms/store/getters.js +++ b/examples/cms/routes/app/routes/cms/store/getters.js @@ -1,4 +1,4 @@ -let getters = { +const getters = { } export default getters diff --git a/examples/cms/routes/app/routes/cms/store/index.js b/examples/cms/routes/app/routes/cms/store/index.js index 60555cf..dbe1d6c 100644 --- a/examples/cms/routes/app/routes/cms/store/index.js +++ b/examples/cms/routes/app/routes/cms/store/index.js @@ -3,7 +3,7 @@ import getters from './getters' import mutations from './mutations' import actions from './actions' -let cms = { +const cms = { namespaced: true, state, getters, diff --git a/examples/cms/routes/app/routes/cms/store/mutations.js b/examples/cms/routes/app/routes/cms/store/mutations.js index a39d5f6..962987b 100644 --- a/examples/cms/routes/app/routes/cms/store/mutations.js +++ b/examples/cms/routes/app/routes/cms/store/mutations.js @@ -1,4 +1,4 @@ -let mutations = { +const mutations = { } export default mutations diff --git a/examples/cms/routes/app/routes/cms/store/state.js b/examples/cms/routes/app/routes/cms/store/state.js index 48f9da9..053cf22 100644 --- a/examples/cms/routes/app/routes/cms/store/state.js +++ b/examples/cms/routes/app/routes/cms/store/state.js @@ -1,4 +1,4 @@ -let state = { +const state = { } diff --git a/examples/cms/routes/app/routes/store/router.js b/examples/cms/routes/app/routes/store/router.js index 14cc9ea..1f39f53 100644 --- a/examples/cms/routes/app/routes/store/router.js +++ b/examples/cms/routes/app/routes/store/router.js @@ -4,7 +4,7 @@ import TransactionProducts from './routes/transaction-products/Index.vue' import Transactions from './routes/transactions/Index.vue' import Customers from './routes/customers/Index.vue' -let storeRoutes = [ +const storeRoutes = [ { path: 'sections', name: 'store-sections', diff --git a/examples/cms/routes/app/routes/store/store/actions.js b/examples/cms/routes/app/routes/store/store/actions.js index 874b058..fe116ed 100644 --- a/examples/cms/routes/app/routes/store/store/actions.js +++ b/examples/cms/routes/app/routes/store/store/actions.js @@ -1,4 +1,4 @@ -let actions = { +const actions = { } export default actions diff --git a/examples/cms/routes/app/routes/store/store/getters.js b/examples/cms/routes/app/routes/store/store/getters.js index 482dae9..0070a57 100644 --- a/examples/cms/routes/app/routes/store/store/getters.js +++ b/examples/cms/routes/app/routes/store/store/getters.js @@ -1,4 +1,4 @@ -let getters = { +const getters = { } export default getters diff --git a/examples/cms/routes/app/routes/store/store/index.js b/examples/cms/routes/app/routes/store/store/index.js index 9c0a6b8..737e7f7 100644 --- a/examples/cms/routes/app/routes/store/store/index.js +++ b/examples/cms/routes/app/routes/store/store/index.js @@ -3,7 +3,7 @@ import getters from './getters' import mutations from './mutations' import actions from './actions' -let store = { +const store = { namespaced: true, state, getters, diff --git a/examples/cms/routes/app/routes/store/store/mutations.js b/examples/cms/routes/app/routes/store/store/mutations.js index a39d5f6..962987b 100644 --- a/examples/cms/routes/app/routes/store/store/mutations.js +++ b/examples/cms/routes/app/routes/store/store/mutations.js @@ -1,4 +1,4 @@ -let mutations = { +const mutations = { } export default mutations diff --git a/examples/cms/routes/app/routes/store/store/state.js b/examples/cms/routes/app/routes/store/store/state.js index 48f9da9..053cf22 100644 --- a/examples/cms/routes/app/routes/store/store/state.js +++ b/examples/cms/routes/app/routes/store/store/state.js @@ -1,4 +1,4 @@ -let state = { +const state = { } diff --git a/examples/crm/config/crud.js b/examples/crm/config/crud.js index 118329a..5733bbb 100644 --- a/examples/crm/config/crud.js +++ b/examples/crm/config/crud.js @@ -17,7 +17,7 @@ export default { return param.substring(0, 10) }, timeFromTimestamp: (param) => { - let tmp = param || '' + const tmp = param || '' return tmp.substring(0, 5) }, datetimeFromTimestamp: (param) => { diff --git a/examples/crm/registerServiceWorker.js b/examples/crm/registerServiceWorker.js index 2237faf..75f0489 100644 --- a/examples/crm/registerServiceWorker.js +++ b/examples/crm/registerServiceWorker.js @@ -7,6 +7,7 @@ if (process.env.NODE_ENV === 'production') { ready () { console.log( 'App is being served from cache by a service worker.\n' + + // eslint-disable-next-line comma-dangle 'For more details, visit https://goo.gl/AFskqB' ) }, diff --git a/examples/crm/routes/app/Index.vue b/examples/crm/routes/app/Index.vue index 6f02b59..1e876be 100644 --- a/examples/crm/routes/app/Index.vue +++ b/examples/crm/routes/app/Index.vue @@ -175,7 +175,7 @@ export default { 'userInfo', ]), year () { - let year = new Date() + const year = new Date() return year.getFullYear() }, }, diff --git a/examples/crm/routes/app/router.js b/examples/crm/routes/app/router.js index 02515d0..32c4d0b 100644 --- a/examples/crm/routes/app/router.js +++ b/examples/crm/routes/app/router.js @@ -4,7 +4,7 @@ import crmRoutes from './routes/crm/router' import Administration from './routes/administration/Index.vue' import administrationRoutes from './routes/administration/router' -let appRoutes = [ +const appRoutes = [ { path: 'home', name: 'home', diff --git a/examples/crm/routes/app/routes/administration/router.js b/examples/crm/routes/app/routes/administration/router.js index 4bf2de3..b7318d0 100644 --- a/examples/crm/routes/app/routes/administration/router.js +++ b/examples/crm/routes/app/routes/administration/router.js @@ -2,7 +2,7 @@ import Users from './routes/users/Index.vue' import Permissions from './routes/permissions/Index.vue' import UserPermissions from './routes/user-permissions/Index.vue' -let administrationRoutes = [ +const administrationRoutes = [ { path: 'users', name: 'users', diff --git a/examples/crm/routes/app/routes/administration/store/actions.js b/examples/crm/routes/app/routes/administration/store/actions.js index a1abcf1..62e62c4 100644 --- a/examples/crm/routes/app/routes/administration/store/actions.js +++ b/examples/crm/routes/app/routes/administration/store/actions.js @@ -1,4 +1,4 @@ -let actions = { +const actions = { // permissions // user permissions diff --git a/examples/crm/routes/app/routes/administration/store/getters.js b/examples/crm/routes/app/routes/administration/store/getters.js index ba6038f..9fa68b1 100644 --- a/examples/crm/routes/app/routes/administration/store/getters.js +++ b/examples/crm/routes/app/routes/administration/store/getters.js @@ -1,4 +1,4 @@ -let getters = { +const getters = { // permissions // user permissions diff --git a/examples/crm/routes/app/routes/administration/store/index.js b/examples/crm/routes/app/routes/administration/store/index.js index 079427f..8ca7241 100644 --- a/examples/crm/routes/app/routes/administration/store/index.js +++ b/examples/crm/routes/app/routes/administration/store/index.js @@ -3,7 +3,7 @@ import getters from './getters' import mutations from './mutations' import actions from './actions' -let administration = { +const administration = { namespaced: true, state, getters, diff --git a/examples/crm/routes/app/routes/administration/store/mutations.js b/examples/crm/routes/app/routes/administration/store/mutations.js index dd1e532..b12e70b 100644 --- a/examples/crm/routes/app/routes/administration/store/mutations.js +++ b/examples/crm/routes/app/routes/administration/store/mutations.js @@ -1,4 +1,4 @@ -let mutations = { +const mutations = { // permissions // user permissions diff --git a/examples/crm/routes/app/routes/administration/store/state.js b/examples/crm/routes/app/routes/administration/store/state.js index 418b6d0..2481b7a 100644 --- a/examples/crm/routes/app/routes/administration/store/state.js +++ b/examples/crm/routes/app/routes/administration/store/state.js @@ -1,4 +1,4 @@ -let state = { +const state = { // permissions // user permissions diff --git a/examples/crm/routes/app/routes/crm/router.js b/examples/crm/routes/app/routes/crm/router.js index bf12c87..d65d8eb 100644 --- a/examples/crm/routes/app/routes/crm/router.js +++ b/examples/crm/routes/app/routes/crm/router.js @@ -17,7 +17,7 @@ import PersonCommentTypes from './routes/person-comment-types/Index.vue' import Tasks from './routes/tasks/Index.vue' -let crmRoutes = [ +const crmRoutes = [ { path: 'companies', name: 'companies', diff --git a/examples/crm/routes/app/routes/crm/store/actions.js b/examples/crm/routes/app/routes/crm/store/actions.js index 45b7fbf..31bb643 100644 --- a/examples/crm/routes/app/routes/crm/store/actions.js +++ b/examples/crm/routes/app/routes/crm/store/actions.js @@ -1,3 +1,3 @@ -let actions = {} +const actions = {} export default actions diff --git a/examples/crm/routes/app/routes/crm/store/getters.js b/examples/crm/routes/app/routes/crm/store/getters.js index e0e4413..2789c7e 100644 --- a/examples/crm/routes/app/routes/crm/store/getters.js +++ b/examples/crm/routes/app/routes/crm/store/getters.js @@ -1,3 +1,3 @@ -let getters = {} +const getters = {} export default getters diff --git a/examples/crm/routes/app/routes/crm/store/index.js b/examples/crm/routes/app/routes/crm/store/index.js index b6eb13d..4569d18 100644 --- a/examples/crm/routes/app/routes/crm/store/index.js +++ b/examples/crm/routes/app/routes/crm/store/index.js @@ -3,7 +3,7 @@ import getters from './getters' import mutations from './mutations' import actions from './actions' -let crm = { +const crm = { namespaced: true, state, getters, diff --git a/examples/crm/routes/app/routes/crm/store/mutations.js b/examples/crm/routes/app/routes/crm/store/mutations.js index 0e50fac..decd719 100644 --- a/examples/crm/routes/app/routes/crm/store/mutations.js +++ b/examples/crm/routes/app/routes/crm/store/mutations.js @@ -1,2 +1,2 @@ -let mutations = {} +const mutations = {} export default mutations diff --git a/examples/crm/routes/app/routes/crm/store/state.js b/examples/crm/routes/app/routes/crm/store/state.js index 400960e..01ec3db 100644 --- a/examples/crm/routes/app/routes/crm/store/state.js +++ b/examples/crm/routes/app/routes/crm/store/state.js @@ -1,3 +1,3 @@ -let state = {} +const state = {} export default state diff --git a/examples/empty/config/main.js b/examples/empty/config/main.js index b1c6ea4..ea73a55 100644 --- a/examples/empty/config/main.js +++ b/examples/empty/config/main.js @@ -1 +1,22 @@ -export default {} +export default { + title: 'Your App', + locales: [ + { + name: 'en', + text: 'English', + }, + ], + defaultLocale: 'en', + iconfont: 'md', + primaryTheme: 'dark', + secondaryTheme: 'dark', + theme: { + primary: '#AB47BC', + secondary: '#424242', + accent: '#82B1FF', + error: '#FF5252', + info: '#2196F3', + success: '#4CAF50', + warning: '#FFC107', + }, +} diff --git a/examples/sandbox/routes/App.vue b/examples/sandbox/routes/App.vue index 58fc0a4..68d2a11 100644 --- a/examples/sandbox/routes/App.vue +++ b/examples/sandbox/routes/App.vue @@ -514,9 +514,9 @@ export default { title="${this.toolbarTitle}" titleLink="${this.toolbarTitleLink}" ${this.toolbarShowLogo ? ` logo="${this.toolbarLogo}"` : ` - :showLogo="false"`} ${this.toolbarProfileBtn ? `` : ` - :profileBtn="false"`} ${this.toolbarLocalesBtn ? `` : ` - :loclesBtn="false"`} ${this.toolbarLogoutBtn ? `` : ` + :showLogo="false"`} ${this.toolbarProfileBtn ? '' : ` + :profileBtn="false"`} ${this.toolbarLocalesBtn ? '' : ` + :loclesBtn="false"`} ${this.toolbarLogoutBtn ? '' : ` :logoutBtn="false"`} > ${this.toolbarLeftSlot ? `