search

GLinBoy / MessageCentral

A service to handle messages (email, SMS, notification) for microservice environment
Apache License 2.0
5 stars 0 forks source link

Update <router-link> to use v-slot #713

Open GLinBoy opened 1 year ago

GLinBoy commented 1 year ago
Warnning message ``` [vue-router] 's tag prop is deprecated and has been removed in Vue Router 4. Use the v-slot API to remove this warning: https://next.router.vuejs.org/guide/migration/#removal-of-event-and-tag-props-in-router-link. warn @ vue-router.esm.js:16 render @ vue-router.esm.js:1186 Vue._render @ vue.esm.js:2496 updateComponent @ vue.esm.js:2931 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.get @ vue.esm.js:4085 Watcher @ vue.esm.js:4075 mountComponent @ vue.esm.js:2948 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:9208 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:11755 init @ vue.esm.js:4825 createComponent @ vue.esm.js:6483 createElm @ vue.esm.js:6437 patch @ vue.esm.js:6987 Vue._update @ vue.esm.js:2826 updateComponent @ vue.esm.js:2931 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.get @ vue.esm.js:4085 Watcher @ vue.esm.js:4075 mountComponent @ vue.esm.js:2948 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:9208 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:11755 init @ vue.esm.js:4825 createComponent @ vue.esm.js:6483 createElm @ vue.esm.js:6437 createChildren @ vue.esm.js:6556 createElm @ vue.esm.js:6460 patch @ vue.esm.js:6987 Vue._update @ vue.esm.js:2826 updateComponent @ vue.esm.js:2931 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.get @ vue.esm.js:4085 Watcher @ vue.esm.js:4075 mountComponent @ vue.esm.js:2948 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:9208 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:11755 init @ vue.esm.js:4825 createComponent @ vue.esm.js:6483 createElm @ vue.esm.js:6437 createChildren @ vue.esm.js:6556 createElm @ vue.esm.js:6460 createChildren @ vue.esm.js:6556 createElm @ vue.esm.js:6460 patch @ vue.esm.js:6987 Vue._update @ vue.esm.js:2826 updateComponent @ vue.esm.js:2931 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.get @ vue.esm.js:4085 Watcher @ vue.esm.js:4075 mountComponent @ vue.esm.js:2948 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:9208 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:11755 init @ vue.esm.js:4825 createComponent @ vue.esm.js:6483 createElm @ vue.esm.js:6437 updateChildren @ vue.esm.js:6732 patchVnode @ vue.esm.js:6825 updateChildren @ vue.esm.js:6699 patchVnode @ vue.esm.js:6825 patch @ vue.esm.js:6993 Vue._update @ vue.esm.js:2830 updateComponent @ vue.esm.js:2931 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.get @ vue.esm.js:4085 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.run @ vue.esm.js:4161 flushSchedulerQueue @ vue.esm.js:3165 (anonymous) @ vue.esm.js:3793 flushCallbacks @ vue.esm.js:3715 Promise.then (async) timerFunc @ vue.esm.js:3740 nextTick @ vue.esm.js:3805 queueWatcher @ vue.esm.js:3250 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.update @ vue.esm.js:4152 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Dep.notify @ vue.esm.js:782 reactiveSetter @ vue.esm.js:1019 authenticate @ account-store.ts:30 wrappedMutationHandler @ vuex.esm.js:844 commitIterator @ vuex.esm.js:466 (anonymous) @ vuex.esm.js:465 _withCommit @ vuex.esm.js:624 commit @ vuex.esm.js:464 boundCommit @ vuex.esm.js:409 (anonymous) @ account.service.ts:35 Promise.then (async) (anonymous) @ account.service.ts:34 __webpack_modules__../src/main/webapp/app/account/account.service.ts.AccountService.retrieveAccount @ account.service.ts:31 __webpack_modules__../src/main/webapp/app/account/account.service.ts.AccountService.hasAnyAuthorityAndCheckAuth @ account.service.ts:71 __webpack_modules__../node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/main/webapp/app/core/jhi-navbar/jhi-navbar.component.ts?vue&type=script&lang=ts&.JhiNavbar.hasAnyAuthority @ jhi-navbar.component.ts:64 render @ jhi-navbar.vue?e1d2:198 Vue._render @ vue.esm.js:2496 updateComponent @ vue.esm.js:2931 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.get @ vue.esm.js:4085 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.run @ vue.esm.js:4161 flushSchedulerQueue @ vue.esm.js:3165 (anonymous) @ vue.esm.js:3793 flushCallbacks @ vue.esm.js:3715 Promise.then (async) timerFunc @ vue.esm.js:3740 nextTick @ vue.esm.js:3805 queueWatcher @ vue.esm.js:3250 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.update @ vue.esm.js:4152 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Dep.notify @ vue.esm.js:782 reactiveSetter @ vue.esm.js:1019 proxySetter @ vue.esm.js:4230 (anonymous) @ jhi-navbar.component.ts:67 Promise.then (async) __webpack_modules__../node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/main/webapp/app/core/jhi-navbar/jhi-navbar.component.ts?vue&type=script&lang=ts&.JhiNavbar.hasAnyAuthority @ jhi-navbar.component.ts:65 render @ jhi-navbar.vue?e1d2:198 Vue._render @ vue.esm.js:2496 updateComponent @ vue.esm.js:2931 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.get @ vue.esm.js:4085 Watcher @ vue.esm.js:4075 mountComponent @ vue.esm.js:2948 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:9208 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:11755 init @ vue.esm.js:4825 createComponent @ vue.esm.js:6483 createElm @ vue.esm.js:6437 createChildren @ vue.esm.js:6556 createElm @ vue.esm.js:6460 createChildren @ vue.esm.js:6556 createElm @ vue.esm.js:6460 patch @ vue.esm.js:6987 Vue._update @ vue.esm.js:2826 updateComponent @ vue.esm.js:2931 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.get @ vue.esm.js:4085 Watcher @ vue.esm.js:4075 mountComponent @ vue.esm.js:2948 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:9208 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:11755 init @ vue.esm.js:4825 createComponent @ vue.esm.js:6483 createElm @ vue.esm.js:6437 patch @ vue.esm.js:7025 Vue._update @ vue.esm.js:2826 updateComponent @ vue.esm.js:2931 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Watcher.get @ vue.esm.js:4085 Watcher @ vue.esm.js:4075 mountComponent @ vue.esm.js:2948 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:9208 __webpack_modules__../node_modules/vue/dist/vue.esm.js.Vue.$mount @ vue.esm.js:11755 Vue._init @ vue.esm.js:4639 Vue @ vue.esm.js:5677 ./src/main/webapp/app/main.ts @ main.ts:77 __webpack_require__ @ bootstrap:24 (anonymous) @ startup:6 (anonymous) @ startup:6 ```
GLinBoy commented 1 year ago

https://stackoverflow.com/a/67674858/2670847 image

https://next.router.vuejs.org/guide/migration/index.html#removal-of-event-and-tag-props-in-router-link