anjaydo / vue-basic-alert Goto Github PK

Hi, is it possible to do text formatting? I tried:

 this.$refs.alert.showAlert(
          "success",
          `Account Created! <br /> Email Info: <b>{this.email}</b>`,
          "Success!",
          {
            iconSize: 50,
            iconType: "solid",
            position: "top center",
          }
        );

I've also tried replacing <br /> -> \n but it didn't work accordingly. Any idea??

I read the documentation, seems missing which version of Vue this component will work.

in my electron app(also use vue) we meet an error: Object(...) is not a function

the lib version: "vue-basic-alert": "^1.1.0",
i install it by npm install...

the full error message :
vue-router.esm.js?8c4f:2257 TypeError: Object(...) is not a function
at eval (vue-basic-alert.esm.js?8faa:3)
at Module../node_modules/vue-basic-alert/dist/vue-basic-alert.esm.js (about.js:732)
at webpack_require (app.js:854)
at fn (app.js:151)
at eval (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/calibration/CheckList.vue?vue&type=script&lang=js&:13)
at Module../node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/calibration/CheckList.vue?vue&type=script&lang=js& (about.js:179)
at webpack_require (app.js:854)
at fn (app.js:151)

thanks

Does this support for NuxtJS project? I tried installing it however I'm getting these errors:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree    
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/vue
npm ERR!   vue@"^2.6.14" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^3.0.5" from [email protected]
npm ERR! node_modules/vue-basic-alert
npm ERR!   vue-basic-alert@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\vince\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\vince\AppData\Local\npm-cache\_logs\2022-03-17T04_13_09_234Z-debug.log

Is it possible to show multiple alerts by stacking them on top of each other?