diff --git a/package-lock.json b/package-lock.json index b6ca259c6..4efa7fafb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -51,9 +51,9 @@ }, "dependencies": { "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true } } @@ -111,9 +111,9 @@ } }, "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true }, "yallist": { @@ -142,9 +142,9 @@ }, "dependencies": { "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true } } @@ -161,9 +161,9 @@ }, "dependencies": { "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true } } @@ -183,9 +183,9 @@ }, "dependencies": { "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true } } @@ -1246,9 +1246,9 @@ }, "dependencies": { "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true } } @@ -1609,6 +1609,25 @@ "rimraf": "^3.0.2" } }, + "@ntohq/buefy-next": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/@ntohq/buefy-next/-/buefy-next-0.1.0.tgz", + "integrity": "sha512-47kqY9zl/kqw72AwHA2lLk44BFgQDvGnGyWrLmxsS88RpH8Dhw3ECH4+fPK+CYSIsL6V6og13BtxWG//nlpKzA==", + "requires": { + "@babel/runtime": "7.18.9", + "bulma": "0.9.4" + }, + "dependencies": { + "@babel/runtime": { + "version": "7.18.9", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.18.9.tgz", + "integrity": "sha512-lkqXDcvlFT5rvEjiu6+QYO+1GXrEHRo2LOtS7E4GtX5ESIZOgepqsZBVIj6Pv+a6zqsya9VCgiK1KAK4BvJDAw==", + "requires": { + "regenerator-runtime": "^0.13.4" + } + } + } + }, "@polka/url": { "version": "1.0.0-next.21", "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz", @@ -2736,14 +2755,6 @@ "update-browserslist-db": "^1.0.11" } }, - "buefy": { - "version": "0.9.23", - "resolved": "https://registry.npmjs.org/buefy/-/buefy-0.9.23.tgz", - "integrity": "sha512-zkmTOUDlh7xx0ID8cSw3Wtm97nkTGU992TcIBBTC41rjKHjJTyQn9fYr8oqvVaCTLNVJmdPnnjDCuYZtHoDEog==", - "requires": { - "bulma": "0.9.4" - } - }, "buffer-from": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", @@ -5918,8 +5929,7 @@ "regenerator-runtime": { "version": "0.13.11", "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", - "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", - "dev": true + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" }, "regenerator-transform": { "version": "0.15.1", @@ -7049,11 +7059,6 @@ "@vue/shared": "3.3.4" } }, - "vue-apexcharts": { - "version": "1.6.2", - "resolved": "https://registry.npmjs.org/vue-apexcharts/-/vue-apexcharts-1.6.2.tgz", - "integrity": "sha512-9HS3scJwWgKjmkcWIf+ndNDR0WytUJD8Ju0V2ZYcjYtlTLwJAf2SKUlBZaQTkDmwje/zMgulvZRi+MXmi+WkKw==" - }, "vue-countup-v3": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/vue-countup-v3/-/vue-countup-v3-1.3.0.tgz", @@ -7117,6 +7122,11 @@ "resolved": "https://registry.npmjs.org/vue-the-mask/-/vue-the-mask-0.11.1.tgz", "integrity": "sha512-UquSfnSWejD0zAfcD+3jJ1chUAkOAyoxya9Lxh9acCRtrlmGcAIvd0cQYraWqKenbuZJUdum+S174atv2AuEHQ==" }, + "vue3-apexcharts": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/vue3-apexcharts/-/vue3-apexcharts-1.4.4.tgz", + "integrity": "sha512-TH89uZrxGjaDvkaYAISvj8+k6Bf1rUKFillc8oJirs5XZEPiwM1ELKZQ786wz0rfPqkSHHny2lqqUCK7Rw+LcQ==" + }, "vuedraggable": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz", @@ -7409,9 +7419,9 @@ "dev": true }, "word-wrap": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz", - "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==", + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz", + "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==", "dev": true }, "wrap-ansi": { diff --git a/package.json b/package.json index 7ac8a2751..395683276 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,7 @@ "apexcharts": "^3.41.0", "axios": "^1.4.0", "blurhash": "^2.0.5", - "buefy": "^0.9.23", + "@ntohq/buefy-next": "^0.1.0", "bulma": "^0.9.4", "conditioner-core": "^2.3.3", "countup.js": "^2.7.0", @@ -32,7 +32,7 @@ "react-dom": "^17.0.2", "swiper": "^8.4.5", "vue": "^3.3.4", - "vue-apexcharts": "^1.6.2", + "vue3-apexcharts": "^1.4.4", "vue-countup-v3": "^1.3.0", "vue-router": "^4.2.4", "vue-the-mask": "^0.11.1", diff --git a/src/views/admin/components/edition/item-edition-form.vue b/src/views/admin/components/edition/item-edition-form.vue index c62f42564..3a46e1c15 100644 --- a/src/views/admin/components/edition/item-edition-form.vue +++ b/src/views/admin/components/edition/item-edition-form.vue @@ -1066,10 +1066,10 @@ export default { }); // Sets feedback variables - eventBusItemMetadata.$emitter.$on('isUpdatingValue', (status) => { + eventBusItemMetadata.$emitter.on('isUpdatingValue', (status) => { this.isUpdatingValues = status; }); - eventBusItemMetadata.$emitter.$on('hasErrorsOnForm', (hasErrors) => { + eventBusItemMetadata.$emitter.on('hasErrorsOnForm', (hasErrors) => { if (hasErrors) this.formErrorMessage = this.formErrorMessage ? this.formErrorMessage : this.$i18n.get('info_errors_in_form'); else @@ -1078,10 +1078,10 @@ export default { this.cleanLastUpdated(); // Updates variables for metadata navigation from compound childs - eventBusItemMetadata.$emitter.$on('isOnFirstMetadatumOfCompoundNavigation', (isOnFirstMetadatumOfCompoundNavigation) => { + eventBusItemMetadata.$emitter.on('isOnFirstMetadatumOfCompoundNavigation', (isOnFirstMetadatumOfCompoundNavigation) => { this.isOnFirstMetadatumOfCompoundNavigation = isOnFirstMetadatumOfCompoundNavigation }); - eventBusItemMetadata.$emitter.$on('isOnLastMetadatumOfCompoundNavigation', (isOnLastMetadatumOfCompoundNavigation) => { + eventBusItemMetadata.$emitter.on('isOnLastMetadatumOfCompoundNavigation', (isOnLastMetadatumOfCompoundNavigation) => { this.isOnLastMetadatumOfCompoundNavigation = isOnLastMetadatumOfCompoundNavigation }); @@ -1094,10 +1094,10 @@ export default { this.isMobileSubheaderOpen = true; }, beforeUnmount () { - eventBusItemMetadata.$emitter.$off('isUpdatingValue'); - eventBusItemMetadata.$emitter.$off('hasErrorsOnForm'); - eventBusItemMetadata.$emitter.$off('isOnFirstMetadatumOfCompoundNavigation'); - eventBusItemMetadata.$emitter.$off('isOnLastMetadatumOfCompoundNavigation'); + eventBusItemMetadata.$emitter.off('isUpdatingValue'); + eventBusItemMetadata.$emitter.off('hasErrorsOnForm'); + eventBusItemMetadata.$emitter.off('isOnFirstMetadatumOfCompoundNavigation'); + eventBusItemMetadata.$emitter.off('isOnLastMetadatumOfCompoundNavigation'); window.removeEventListener('resize', this.handleWindowResize); if (typeof this.swiper.destroy == 'function') this.swiper.destroy(); diff --git a/src/views/admin/components/edition/item-form-footer-buttons.vue b/src/views/admin/components/edition/item-form-footer-buttons.vue index 4223cd5ea..df265a909 100644 --- a/src/views/admin/components/edition/item-form-footer-buttons.vue +++ b/src/views/admin/components/edition/item-form-footer-buttons.vue @@ -206,13 +206,13 @@ export default { 'onDiscard', ], mounted() { - this.$parent.$emitter.$on('toggleItemEditionFooterDropdown', () => { + this.$parent.$emitter.on('toggleItemEditionFooterDropdown', () => { if (this.$refs && this.$refs['item-edition-footer-dropdown']) this.$refs['item-edition-footer-dropdown'].toggle(); }); }, beforeUnmount() { - this.$parent.$emitter.$off('toggleItemEditionFooterDropdown'); + this.$parent.$emitter.off('toggleItemEditionFooterDropdown'); }, methods: { openItemCreationStatusDialog() { diff --git a/src/views/admin/components/filter-types/checkbox/Checkbox.vue b/src/views/admin/components/filter-types/checkbox/Checkbox.vue index 00204cb78..3f11860a7 100644 --- a/src/views/admin/components/filter-types/checkbox/Checkbox.vue +++ b/src/views/admin/components/filter-types/checkbox/Checkbox.vue @@ -107,10 +107,10 @@ this.loadOptions(); }, created() { - this.$eventBusSearch.$emitter.$on('hasToReloadFacets', this.reloadOptions); + this.$eventBusSearch.$emitter.on('hasToReloadFacets', this.reloadOptions); }, beforeUnmount() { - this.$eventBusSearch.$emitter.$off('hasToReloadFacets', this.reloadOptions); + this.$eventBusSearch.$emitter.off('hasToReloadFacets', this.reloadOptions); }, methods: { reloadOptions(shouldReload) { diff --git a/src/views/admin/components/filter-types/selectbox/Selectbox.vue b/src/views/admin/components/filter-types/selectbox/Selectbox.vue index e32b760e2..cc22c23b7 100644 --- a/src/views/admin/components/filter-types/selectbox/Selectbox.vue +++ b/src/views/admin/components/filter-types/selectbox/Selectbox.vue @@ -55,10 +55,10 @@ this.loadOptions(); }, created() { - this.$eventBusSearch.$emitter.$on('hasToReloadFacets', this.reloadOptions); + this.$eventBusSearch.$emitter.on('hasToReloadFacets', this.reloadOptions); }, beforeUnmount() { - this.$eventBusSearch.$emitter.$off('hasToReloadFacets', this.reloadOptions); + this.$eventBusSearch.$emitter.off('hasToReloadFacets', this.reloadOptions); }, methods: { reloadOptions(shouldReload) { diff --git a/src/views/admin/components/filter-types/taxonomy/Checkbox.vue b/src/views/admin/components/filter-types/taxonomy/Checkbox.vue index 49ef893f7..cf0b42105 100644 --- a/src/views/admin/components/filter-types/taxonomy/Checkbox.vue +++ b/src/views/admin/components/filter-types/taxonomy/Checkbox.vue @@ -133,7 +133,7 @@ this.taxonomyId = this.filter.metadatum.metadata_type_object.options.taxonomy_id; this.taxonomy = this.filter.metadatum.metadata_type_object.options.taxonomy; } - this.$eventBusSearch.$emitter.$on('hasToReloadFacets', this.reloadOptions); + this.$eventBusSearch.$emitter.on('hasToReloadFacets', this.reloadOptions); }, mounted(){ if (!this.isUsingElasticSearch) @@ -145,7 +145,7 @@ if (this.getOptionsValuesCancel != undefined) this.getOptionsValuesCancel.cancel('Facet search Canceled.'); - this.$eventBusSearch.$emitter.$off('hasToReloadFacets', this.reloadOptions); + this.$eventBusSearch.$emitter.off('hasToReloadFacets', this.reloadOptions); }, methods: { ...mapGetters('search', [ diff --git a/src/views/admin/components/lists/collection-metadata-list.vue b/src/views/admin/components/lists/collection-metadata-list.vue index ed2fc59b2..31fdb6d3d 100644 --- a/src/views/admin/components/lists/collection-metadata-list.vue +++ b/src/views/admin/components/lists/collection-metadata-list.vue @@ -582,8 +582,8 @@ export default { mounted() { this.cleanMetadataSections(); - this.$eventBusMetadataList.$emitter.$on('addMetadatumViaButton', this.addMetadatumViaButton); - this.$eventBusMetadataList.$emitter.$on('addMetadataSectionViaButton', this.addMetadataSectionViaButton); + this.$eventBusMetadataList.$emitter.on('addMetadatumViaButton', this.addMetadatumViaButton); + this.$eventBusMetadataList.$emitter.on('addMetadataSectionViaButton', this.addMetadataSectionViaButton); this.collectionId = this.$route.params.collectionId; this.isLoadingMetadataSections = true; @@ -601,8 +601,8 @@ export default { if (this.metadataSearchCancel != undefined) this.metadataSearchCancel.cancel('Metadata search Canceled.'); - this.$eventBusMetadataList.$emitter.$off('addMetadatumViaButton', this.addMetadatumViaButton); - this.$eventBusMetadataList.$emitter.$off('addMetadataSectionViaButton', this.addMetadataSectionViaButton); + this.$eventBusMetadataList.$emitter.off('addMetadatumViaButton', this.addMetadatumViaButton); + this.$eventBusMetadataList.$emitter.off('addMetadataSectionViaButton', this.addMetadataSectionViaButton); }, methods: { ...mapActions('metadata', [ diff --git a/src/views/admin/components/lists/repository-metadata-list.vue b/src/views/admin/components/lists/repository-metadata-list.vue index 990cfd71a..bb23c5f2c 100644 --- a/src/views/admin/components/lists/repository-metadata-list.vue +++ b/src/views/admin/components/lists/repository-metadata-list.vue @@ -339,7 +339,7 @@ export default { mounted() { this.cleanMetadata(); this.loadMetadata(); - this.$eventBusMetadataList.$emitter.$on('addMetadatumViaButton', this.addMetadatumViaButton); + this.$eventBusMetadataList.$emitter.on('addMetadatumViaButton', this.addMetadatumViaButton); }, beforeUnmount() { // Cancels previous Request diff --git a/src/views/admin/components/lists/terms-list-hierarchical.vue b/src/views/admin/components/lists/terms-list-hierarchical.vue index 0fe6efbfc..74cf3da3b 100644 --- a/src/views/admin/components/lists/terms-list-hierarchical.vue +++ b/src/views/admin/components/lists/terms-list-hierarchical.vue @@ -321,12 +321,12 @@ export default { }, created() { this.fetchTerms(); - this.$parent.$emitter.$on('deleteSelectedTerms', this.deleteSelectedTerms); - this.$parent.$emitter.$on('updateSelectedTermsParent', this.updateSelectedTermsParent); + this.$parent.$emitter.on('deleteSelectedTerms', this.deleteSelectedTerms); + this.$parent.$emitter.on('updateSelectedTermsParent', this.updateSelectedTermsParent); }, beforeUnmount() { - this.$parent.$emitter.$off('deleteSelectedTerms', this.deleteSelectedTerms); - this.$parent.$emitter.$off('updateSelectedTermsParent', this.updateSelectedTermsParent); + this.$parent.$emitter.off('deleteSelectedTerms', this.deleteSelectedTerms); + this.$parent.$emitter.off('updateSelectedTermsParent', this.updateSelectedTermsParent); }, methods: { ...mapActions('taxonomy', [ diff --git a/src/views/admin/components/metadata-types/compound/Compound.vue b/src/views/admin/components/metadata-types/compound/Compound.vue index 59d171e63..4d7ab803b 100644 --- a/src/views/admin/components/metadata-types/compound/Compound.vue +++ b/src/views/admin/components/metadata-types/compound/Compound.vue @@ -181,14 +181,14 @@ } }, created() { - eventBusItemMetadata.$emitter.$on('hasRemovedItemMetadataGroup', this.laterUpdateIsRemovingGroup); - eventBusItemMetadata.$emitter.$on('focusPreviousChildMetadatum', this.focusPreviousChildMetadatum); - eventBusItemMetadata.$emitter.$on('focusNextChildMetadatum', this.focusNextChildMetadatum); + eventBusItemMetadata.$emitter.on('hasRemovedItemMetadataGroup', this.laterUpdateIsRemovingGroup); + eventBusItemMetadata.$emitter.on('focusPreviousChildMetadatum', this.focusPreviousChildMetadatum); + eventBusItemMetadata.$emitter.on('focusNextChildMetadatum', this.focusNextChildMetadatum); }, beforeUnmount() { - eventBusItemMetadata.$emitter.$off('hasRemovedItemMetadataGroup', this.laterUpdateIsRemovingGroup); - eventBusItemMetadata.$emitter.$off('focusPreviousChildMetadatum', this.focusPreviousChildMetadatum); - eventBusItemMetadata.$emitter.$off('focusNextChildMetadatum', this.focusNextChildMetadatum); + eventBusItemMetadata.$emitter.off('hasRemovedItemMetadataGroup', this.laterUpdateIsRemovingGroup); + eventBusItemMetadata.$emitter.off('focusPreviousChildMetadatum', this.focusPreviousChildMetadatum); + eventBusItemMetadata.$emitter.off('focusNextChildMetadatum', this.focusNextChildMetadatum); }, methods: { createChildMetadataGroups() { diff --git a/src/views/admin/components/metadata-types/geocoordinate/GeoCoordinate.vue b/src/views/admin/components/metadata-types/geocoordinate/GeoCoordinate.vue index e464d37fc..101b0030a 100644 --- a/src/views/admin/components/metadata-types/geocoordinate/GeoCoordinate.vue +++ b/src/views/admin/components/metadata-types/geocoordinate/GeoCoordinate.vue @@ -202,7 +202,7 @@ // We need to pass mapComponentRef here instead of creating it inside the function // otherwise the listener would conflict when multiple geo metadata are inserted. const mapComponentRef = 'map--' + this.itemMetadatumIdentifier; - eventBusItemMetadata.$emitter.$on('itemEditionFormResize', () => this.handleWindowResize(mapComponentRef)); + eventBusItemMetadata.$emitter.on('itemEditionFormResize', () => this.handleWindowResize(mapComponentRef)); }, mounted() { nextTick(() => { @@ -212,7 +212,7 @@ }, beforeUnmount() { const mapComponentRef = 'map--' + this.itemMetadatumIdentifier; - eventBusItemMetadata.$emitter.$off('itemEditionFormResize', () => this.handleWindowResize(mapComponentRef)); + eventBusItemMetadata.$emitter.off('itemEditionFormResize', () => this.handleWindowResize(mapComponentRef)); }, methods: { onUpdateFromLatitudeInput: _.debounce( function($event) { diff --git a/src/views/admin/components/metadata-types/tainacan-form-item.vue b/src/views/admin/components/metadata-types/tainacan-form-item.vue index 9fe6a4314..0baf78c83 100644 --- a/src/views/admin/components/metadata-types/tainacan-form-item.vue +++ b/src/views/admin/components/metadata-types/tainacan-form-item.vue @@ -218,7 +218,7 @@ }, created() { this.setInitialValues(); - eventBusItemMetadata.$emitter.$on('updateErrorMessageOf#' + (this.itemMetadatum.parent_meta_id ? this.itemMetadatum.metadatum.id + '-' + this.itemMetadatum.parent_meta_id : this.itemMetadatum.metadatum.id), (errors) => { + eventBusItemMetadata.$emitter.on('updateErrorMessageOf#' + (this.itemMetadatum.parent_meta_id ? this.itemMetadatum.metadatum.id + '-' + this.itemMetadatum.parent_meta_id : this.itemMetadatum.metadatum.id), (errors) => { let updatedErrorMessage = ''; if (errors && errors.errors && this.itemMetadatum && this.itemMetadatum.metadatum && (this.itemMetadatum.parent_meta_id ? (this.itemMetadatum.parent_meta_id == errors.parent_meta_id && this.itemMetadatum.metadatum.id == errors.metadatum_id) : this.itemMetadatum.metadatum.id == errors.metadatum_id)) { for (let error of errors.errors) { @@ -231,7 +231,7 @@ }, beforeUnmount() { if (this.itemMetadatum && this.itemMetadatum.metadatum) { - eventBusItemMetadata.$emitter.$off('updateErrorMessageOf#' + (this.itemMetadatum.parent_meta_id ? this.itemMetadatum.metadatum.id + '-' + this.itemMetadatum.parent_meta_id : this.itemMetadatum.metadatum.id)); + eventBusItemMetadata.$emitter.off('updateErrorMessageOf#' + (this.itemMetadatum.parent_meta_id ? this.itemMetadatum.metadatum.id + '-' + this.itemMetadatum.parent_meta_id : this.itemMetadatum.metadatum.id)); } }, mounted () { diff --git a/src/views/admin/components/navigation/tainacan-header.vue b/src/views/admin/components/navigation/tainacan-header.vue index b6c1b0db3..92b14f471 100644 --- a/src/views/admin/components/navigation/tainacan-header.vue +++ b/src/views/admin/components/navigation/tainacan-header.vue @@ -130,12 +130,12 @@ } }, created(){ - this.$root.$emitter.$on('openProcessesPopup', () => { + this.$root.$emitter.on('openProcessesPopup', () => { this.showProcesses = true; }); }, beforeUnmount() { - this.$root.$emitter.$off('openProcessesPopup'); + this.$root.$emitter.off('openProcessesPopup'); }, methods: { updateSearch() { diff --git a/src/views/admin/components/navigation/tainacan-title.vue b/src/views/admin/components/navigation/tainacan-title.vue index 401d82553..3c4f638f5 100644 --- a/src/views/admin/components/navigation/tainacan-title.vue +++ b/src/views/admin/components/navigation/tainacan-title.vue @@ -99,10 +99,10 @@ export default { document.title = this.$route.meta.title; this.pageTitle = document.title; - this.$root.$emitter.$on('onCollectionBreadCrumbUpdate', this.collectionBreadCrumbUpdate); + this.$root.$emitter.on('onCollectionBreadCrumbUpdate', this.collectionBreadCrumbUpdate); }, beforeUnmount() { - this.$root.$emitter.$on('onCollectionBreadCrumbUpdate', this.collectionBreadCrumbUpdate); + this.$root.$emitter.on('onCollectionBreadCrumbUpdate', this.collectionBreadCrumbUpdate); }, methods: { ...mapGetters('collection', [ diff --git a/src/views/admin/components/other/checkbox-radio-filter-input.vue b/src/views/admin/components/other/checkbox-radio-filter-input.vue index b1b419449..fd0db99e3 100644 --- a/src/views/admin/components/other/checkbox-radio-filter-input.vue +++ b/src/views/admin/components/other/checkbox-radio-filter-input.vue @@ -402,7 +402,7 @@ else this.isCheckboxListLoading = true; - this.$parent.$emitter.$on('updateTaxonomyInputs', ($event) => { + this.$parent.$emitter.on('updateTaxonomyInputs', ($event) => { if ($event.taxonomyId == this.taxonomy_id && $event.metadatumId == this.metadatumId) { this.finderColumns = []; this.optionName = ''; diff --git a/src/views/admin/components/other/checkbox-radio-metadata-input.vue b/src/views/admin/components/other/checkbox-radio-metadata-input.vue index 5fd03994f..d7c59d690 100644 --- a/src/views/admin/components/other/checkbox-radio-metadata-input.vue +++ b/src/views/admin/components/other/checkbox-radio-metadata-input.vue @@ -408,7 +408,7 @@ this.expandResultsSection = this.shouldBeginWithListExpanded; - this.$parent.$emitter.$on('updateTaxonomyInputs', ($event) => { + this.$parent.$emitter.on('updateTaxonomyInputs', ($event) => { if ($event.taxonomyId == this.taxonomy_id && $event.metadatumId == this.metadatumId) { this.finderColumns = []; this.optionName = ''; diff --git a/src/views/admin/components/search/filters-items-list.vue b/src/views/admin/components/search/filters-items-list.vue index 597cad4a8..00562e508 100644 --- a/src/views/admin/components/search/filters-items-list.vue +++ b/src/views/admin/components/search/filters-items-list.vue @@ -398,7 +398,7 @@ this.prepareFilters(); if (this.isUsingElasticSearch) - this.$eventBusSearch.$emitter.$on('isLoadingItems', this.updateIsLoadingItems); + this.$eventBusSearch.$emitter.on('isLoadingItems', this.updateIsLoadingItems); }, beforeUnmount() { // Cancels previous collection name Request @@ -414,7 +414,7 @@ this.filtersSearchCancel.cancel('Filters search Canceled.'); if (this.isUsingElasticSearch) - this.$eventBusSearch.$emitter.$off('isLoadingItems', this.updateIsLoadingItems); + this.$eventBusSearch.$emitter.off('isLoadingItems', this.updateIsLoadingItems); }, methods: { diff --git a/src/views/admin/js/admin-main.js b/src/views/admin/js/admin-main.js index 4963caaf5..e963d5720 100644 --- a/src/views/admin/js/admin-main.js +++ b/src/views/admin/js/admin-main.js @@ -28,7 +28,7 @@ import { Snackbar, Toast, Numberinput -} from 'buefy'; +} from '@ntohq/buefy-next'; import VTooltip from 'floating-vue'; import draggable from 'vuedraggable'; import VueTheMask from 'vue-the-mask'; diff --git a/src/views/admin/js/axios.js b/src/views/admin/js/axios.js index 85f922dc4..916b630c9 100644 --- a/src/views/admin/js/axios.js +++ b/src/views/admin/js/axios.js @@ -1,6 +1,6 @@ import axios from 'axios'; -import { SnackbarProgrammatic as Snackbar } from 'buefy'; -import { ModalProgrammatic as Modal } from 'buefy'; +import { SnackbarProgrammatic as Snackbar } from '@ntohq/buefy-next'; +import { ModalProgrammatic as Modal } from '@ntohq/buefy-next'; import CustomDialog from '../components/other/custom-dialog.vue' // Simpler version of the i18n plugin to translate error feedback messages diff --git a/src/views/admin/js/event-bus-item-metadata.js b/src/views/admin/js/event-bus-item-metadata.js index 40b16c4fe..308fb7a47 100644 --- a/src/views/admin/js/event-bus-item-metadata.js +++ b/src/views/admin/js/event-bus-item-metadata.js @@ -37,12 +37,12 @@ export const eventBusItemMetadata = createApp({ 'isUpdatingValue' ], created() { - this.$emitter.$on('input', this.updateValue); - this.$emitter.$on('removeCompoundGroup', this.removeItemMetadataGroup); + this.$emitter.on('input', this.updateValue); + this.$emitter.on('removeCompoundGroup', this.removeItemMetadataGroup); }, beforeUpdate() { - this.$emitter.$off('input', this.updateValue); - this.$emitter.$on('removeCompoundGroup', this.removeItemMetadataGroup); + this.$emitter.off('input', this.updateValue); + this.$emitter.on('removeCompoundGroup', this.removeItemMetadataGroup); }, methods : { updateValue({ itemId, metadatumId, values, parentMetaId, parentId }){ diff --git a/src/views/admin/js/event-bus-search.js b/src/views/admin/js/event-bus-search.js index f0aa8d8dc..025283c7a 100644 --- a/src/views/admin/js/event-bus-search.js +++ b/src/views/admin/js/event-bus-search.js @@ -29,20 +29,20 @@ export default { 'closeAdvancedSearch' ], created() { - this.$emitter.$on('input', data => { + this.$emitter.on('input', data => { if (data.taxonomy) this.addTaxquery(data); else this.addMetaquery(data); }); - this.$root.$emitter.$on('closeAdvancedSearch', () => { + this.$root.$emitter.on('closeAdvancedSearch', () => { this.$store.dispatch('search/setPage', 1); this.performAdvancedSearch({}); }); - this.$root.$emitter.$on('performAdvancedSearch', advancedSearchQuery => { + this.$root.$emitter.on('performAdvancedSearch', advancedSearchQuery => { this.$store.dispatch('search/setPage', 1); this.performAdvancedSearch(advancedSearchQuery); diff --git a/src/views/admin/pages/lists/items-page.vue b/src/views/admin/pages/lists/items-page.vue index 9c3dc4684..d08cb721c 100644 --- a/src/views/admin/pages/lists/items-page.vue +++ b/src/views/admin/pages/lists/items-page.vue @@ -851,7 +851,7 @@ this.$eventBusSearch.setCollectionId(this.collectionId); this.$eventBusSearch.updateStoreFromURL(); - this.$eventBusSearch.$emitter.$on('isLoadingItems', isLoadingItems => { + this.$eventBusSearch.$emitter.on('isLoadingItems', isLoadingItems => { if (isLoadingItems != this.isLoadingItems && this.$refs['items-page-container'] && this.$refs['search-control']) { @@ -864,7 +864,7 @@ this.isLoadingItems = isLoadingItems; }); - this.$eventBusSearch.$emitter.$on('hasFiltered', hasFiltered => { + this.$eventBusSearch.$emitter.on('hasFiltered', hasFiltered => { this.hasFiltered = hasFiltered; }); @@ -872,7 +872,7 @@ this.openAdvancedSearch = this.$route.query.advancedSearch; } - this.$root.$emitter.$on('openAdvancedSearch', (openAdvancedSearch) => { + this.$root.$emitter.on('openAdvancedSearch', (openAdvancedSearch) => { this.openAdvancedSearch = openAdvancedSearch; }); @@ -1396,14 +1396,14 @@ }, 750), removeEventListeners() { // Component - this.$emitter.$off(); + this.$emitter.off(); // Window window.removeEventListener('resize', this.hideFiltersOnMobile); // $root - this.$root.$emitter.$off('openAdvancedSearch'); + this.$root.$emitter.off('openAdvancedSearch'); // $eventBusSearch - this.$eventBusSearch.$emitter.$off('isLoadingItems'); - this.$eventBusSearch.$emitter.$off('hasFiltered'); + this.$eventBusSearch.$emitter.off('isLoadingItems'); + this.$eventBusSearch.$emitter.off('hasFiltered'); } } } diff --git a/src/views/admin/scss/tainacan-admin.scss b/src/views/admin/scss/tainacan-admin.scss index 8fd7d6ba9..121e44412 100644 --- a/src/views/admin/scss/tainacan-admin.scss +++ b/src/views/admin/scss/tainacan-admin.scss @@ -7,7 +7,7 @@ // Import Bulma and Buefy styles @import "../../assets/css/materialdesignicons.css"; @import "../../../../node_modules/bulma/bulma.sass"; -@import "../../../../node_modules/buefy/src/scss/buefy.scss"; +@import "../../../../node_modules/@ntohq/buefy-next/src/scss/buefy.scss"; // Import Tainacan custom styles @import "../scss/_tainacan-form.scss"; diff --git a/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue b/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue index e8512ef4b..a3a2b38b4 100644 --- a/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue +++ b/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue @@ -901,7 +901,7 @@ } } - this.$eventBusSearch.$emitter.$on('isLoadingItems', isLoadingItems => { + this.$eventBusSearch.$emitter.on('isLoadingItems', isLoadingItems => { this.isLoadingItems = isLoadingItems; @@ -915,7 +915,7 @@ })); }); - this.$eventBusSearch.$emitter.$on('hasFiltered', hasFiltered => { + this.$eventBusSearch.$emitter.on('hasFiltered', hasFiltered => { this.hasFiltered = hasFiltered; }); @@ -925,12 +925,12 @@ this.openAdvancedSearch = this.$route.query.advancedSearch; } - this.$root.$emitter.$on('openAdvancedSearch', (openAdvancedSearch) => { + this.$root.$emitter.on('openAdvancedSearch', (openAdvancedSearch) => { this.openAdvancedSearch = openAdvancedSearch; }); } - this.$eventBusSearch.$emitter.$on('startSlideshowFromItem', (index) => { + this.$eventBusSearch.$emitter.on('startSlideshowFromItem', (index) => { let currentQuery = this.$route.query; delete currentQuery['slideshow-from']; this.$router.replace({ query: currentQuery }).catch((error) => this.$console.log(error)); @@ -1456,16 +1456,16 @@ }, 500), removeEventListeners() { // Component - this.$emitter.$off(); + this.$emitter.off(); // Window if (!this.hideFilters) window.removeEventListener('resize', this.hideFiltersOnMobile); // $root if (!this.hideAdvancedSearch) - this.$root.$emitter.$off('openAdvancedSearch'); + this.$root.$emitter.off('openAdvancedSearch'); // $eventBusSearch - this.$eventBusSearch.$emitter.$off('isLoadingItems'); - this.$eventBusSearch.$emitter.$off('hasFiltered'); + this.$eventBusSearch.$emitter.off('isLoadingItems'); + this.$eventBusSearch.$emitter.off('hasFiltered'); }, } diff --git a/src/views/gutenberg-blocks/blocks/faceted-search/theme.js b/src/views/gutenberg-blocks/blocks/faceted-search/theme.js index f8753cebf..9374780ad 100644 --- a/src/views/gutenberg-blocks/blocks/faceted-search/theme.js +++ b/src/views/gutenberg-blocks/blocks/faceted-search/theme.js @@ -21,7 +21,7 @@ import { Toast, Pagination, Numberinput -} from 'buefy'; +} from '@ntohq/buefy-next'; import VTooltip from 'floating-vue'; import cssVars from 'css-vars-ponyfill'; import qs from 'qs'; diff --git a/src/views/gutenberg-blocks/blocks/faceted-search/theme.vue b/src/views/gutenberg-blocks/blocks/faceted-search/theme.vue index ebb528df3..e5f4ec000 100644 --- a/src/views/gutenberg-blocks/blocks/faceted-search/theme.vue +++ b/src/views/gutenberg-blocks/blocks/faceted-search/theme.vue @@ -51,18 +51,18 @@ export default { @import "./theme-search/scss/theme-basics.sass"; // Buefy imports - @import "../../../../../node_modules/buefy/src/scss/utils/_all.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_form.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_datepicker.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_checkbox.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_radio.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_tag.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_loading.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_dropdown.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_modal.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_dialog.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_notices.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_numberinput.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/utils/_all.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_form.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_datepicker.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_checkbox.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_radio.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_tag.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_loading.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_dropdown.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_modal.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_dialog.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_notices.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_numberinput.scss"; // Block level custom variables @import "../../../admin/scss/_custom_variables.scss"; diff --git a/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/item-submission-form.vue b/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/item-submission-form.vue index 086d7df35..38dfb930c 100644 --- a/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/item-submission-form.vue +++ b/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/item-submission-form.vue @@ -908,7 +908,7 @@ export default { // CREATING NEW ITEM SUBMISSION this.createNewItem(); - eventBusItemMetadata.$emitter.$on('hasErrorsOnForm', (hasErrors) => { + eventBusItemMetadata.$emitter.on('hasErrorsOnForm', (hasErrors) => { if (hasErrors) { if (Array.isArray(this.formErrors)) { for (let i = 0; i < this.metadataSectionCollapses.length; i++) @@ -968,7 +968,7 @@ export default { this.form.document_type = 'url'; }, beforeUnmount () { - eventBusItemMetadata.$emitter.$off('hasErrorsOnForm'); + eventBusItemMetadata.$emitter.off('hasErrorsOnForm'); }, methods: { ...mapActions('item', [ diff --git a/src/views/gutenberg-blocks/blocks/item-submission-form/theme.js b/src/views/gutenberg-blocks/blocks/item-submission-form/theme.js index d88f29de4..4a9afb1ca 100644 --- a/src/views/gutenberg-blocks/blocks/item-submission-form/theme.js +++ b/src/views/gutenberg-blocks/blocks/item-submission-form/theme.js @@ -21,7 +21,7 @@ import { Taginput, Snackbar, Steps -} from 'buefy'; +} from '@ntohq/buefy-next'; import VTooltip from 'floating-vue'; import cssVars from 'css-vars-ponyfill'; import VueTheMask from 'vue-the-mask'; diff --git a/src/views/gutenberg-blocks/blocks/item-submission-form/theme.vue b/src/views/gutenberg-blocks/blocks/item-submission-form/theme.vue index 6e7e854e5..4fa7ff0c8 100644 --- a/src/views/gutenberg-blocks/blocks/item-submission-form/theme.vue +++ b/src/views/gutenberg-blocks/blocks/item-submission-form/theme.vue @@ -43,20 +43,20 @@ export default { @import "./item-submission/scss/item-submission-basics.sass"; // Buefy imports - @import "../../../../../node_modules/buefy/src/scss/utils/_all.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_datepicker.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_checkbox.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_radio.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_switch.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_upload.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_tag.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_loading.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_dropdown.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_modal.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_dialog.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_notices.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_numberinput.scss"; - @import "../../../../../node_modules/buefy/src/scss/components/_steps.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/utils/_all.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_datepicker.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_checkbox.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_radio.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_switch.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_upload.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_tag.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_loading.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_dropdown.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_modal.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_dialog.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_notices.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_numberinput.scss"; + @import "../../../../../node_modules/@ntohq/buefy-next/src/scss/components/_steps.scss"; // Block level custom variables @import "../../../admin/scss/_custom_variables.scss"; diff --git a/src/views/reports/js/reports-main.js b/src/views/reports/js/reports-main.js index dc3176675..ae562af43 100644 --- a/src/views/reports/js/reports-main.js +++ b/src/views/reports/js/reports-main.js @@ -1,8 +1,8 @@ -import { createApp, h } from 'vue'; +import { createApp } from 'vue'; import store from '../../admin/js/store/store'; import router from './reports-router'; -import { Snackbar, Modal } from 'buefy'; -import VueApexCharts from 'vue-apexcharts'; +import { Snackbar, Modal } from '@ntohq/buefy-next'; +import VueApexCharts from 'vue3-apexcharts'; import cssVars from 'css-vars-ponyfill'; import { I18NPlugin, @@ -69,10 +69,7 @@ export default (element) => { } } - const VueReports = createApp({ - el: '#tainacan-reports-app', - render: () => h(ReportsPage) - }); + const VueReports = createApp(ReportsPage); VueReports.use(store); VueReports.use(router); @@ -95,7 +92,6 @@ export default (element) => { VueReports.component('collections-list-block', CollectionsListBlock); VueReports.component('activities-block', ActivitiesBlock); VueReports.component('activities-per-user-block', ActivitiesPerUserBlock); - VueReports.component('apexchart', VueApexCharts); // Changing title of pages router.beforeEach((to, from, next) => { @@ -104,6 +100,8 @@ export default (element) => { next(); }); + VueReports.mount('#tainacan-reports-app'); + // Initialize Ponyfill for Custom CSS properties cssVars({ // Options... diff --git a/src/views/roles/js/roles-main.js b/src/views/roles/js/roles-main.js index df51f0acd..7bc480dae 100644 --- a/src/views/roles/js/roles-main.js +++ b/src/views/roles/js/roles-main.js @@ -1,8 +1,8 @@ -import { createApp, h } from 'vue'; +import { createApp } from 'vue'; import store from '../../admin/js/store/store'; import router from './roles-router'; import FloatingVue from 'floating-vue'; -//import { Snackbar, Modal } from 'buefy'; +import { Snackbar, Modal } from '@ntohq/buefy-next'; import { I18NPlugin } from './wp-i18n-plugin'; @@ -18,25 +18,21 @@ export default (element) => { // Mount only if the div exists and it is not already mounted if ( pageElement && pageElement.classList && !pageElement.classList.contains('has-mounted') ) { - const VueRoles = createApp({ - el: '#tainacan-roles-app', - render: () => h(RolesPage) - }); + const VueRoles = createApp(RolesPage); VueRoles.use(I18NPlugin); VueRoles.use(FloatingVue, { popperTriggers: ['hover'], themes: { 'taianacan-tooltip': { - '$extend': 'tooltip', + $extend: 'tooltip', triggers: ['hover', 'focus', 'touch'], - autoHide: true, html: true, } } }); - // VueRoles.use(Snackbar); - // VueRoles.use(Modal); + VueRoles.use(Snackbar); + VueRoles.use(Modal); // Changing title of pages router.beforeEach((to, from, next) => {