{"id":26011,"library":"notifystr","title":"notifystr","description":"A simple Vue.js 2.0+ notification/toaster component supporting module bundlers like webpack/rollup and SCSS. Currently at version 1.1.0 (no recent updates, single release). It provides four toast types (success, warning, danger, info) with configurable duration. Minimalistic compared to alternatives like vue-toastification or vue-notification, offering a lightweight solution without extra flags or advanced customization. The package requires manual SCSS compilation and has no active maintenance.","status":"maintenance","version":"1.1.0","language":"javascript","source_language":"en","source_url":"https://github.com/Onefivefournine/notifystr","tags":["javascript","vue","notifications","toaster"],"install":[{"cmd":"npm install notifystr","lang":"bash","label":"npm"},{"cmd":"yarn add notifystr","lang":"bash","label":"yarn"},{"cmd":"pnpm add notifystr","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency for Vue 2.0+","package":"vue","optional":false}],"imports":[{"note":"Default import only; ESM-style import is required.","wrong":"const notifystr = require('notifystr')","symbol":"notifystr","correct":"import notifystr from 'notifystr'"},{"note":"Plugins are not supported; use component registration.","wrong":"Vue.use(notifystr)","symbol":"Vue.component","correct":"Vue.component('notifystr', notifystr)"},{"note":"Method calls are on the instance, not a function.","wrong":"this.$notifystr('success', title, message, duration)","symbol":"$notifystr","correct":"this.$notifystr.success(title, message, duration)"}],"quickstart":{"code":"import Vue from 'vue';\nimport notifystr from 'notifystr';\nVue.component('notifystr', notifystr);\n\n// In template: <notifystr></notifystr>\n\n// Call anywhere:\nthis.$notifystr.success('Hello', 'World', 3000);\nthis.$notifystr.danger('Error', 'Something broke', 5000);","lang":"javascript","description":"Shows component registration and usage of $notifystr methods with toast types."},"warnings":[{"fix":"Use Vue.component('notifystr', notifystr) instead.","message":"notifystr is not a plugin; cannot use Vue.use(). Must register as a component.","severity":"gotcha","affected_versions":">=1.0"},{"fix":"Ensure only one <notifystr> tag exists in your app.","message":"The component must be placed only once in the template; multiple instances cause duplicate toasts.","severity":"gotcha","affected_versions":">=1.0"},{"fix":"Switch to a Vue 3 compatible notification library like vue-toastification.","message":"Only Vue 2.x is supported; no Vue 3 compatibility.","severity":"deprecated","affected_versions":">=1.0"},{"fix":"Ensure your build pipeline compiles SCSS files from node_modules.","message":"SCSS compilation is required; failure to include SCSS will result in missing styles.","severity":"breaking","affected_versions":">=1.0"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Use Vue.component('notifystr', notifystr) instead.","cause":"Attempting Vue.use(notifystr) which is only for plugins.","error":"Vue.use is not a function"},{"fix":"Register component globally and add <notifystr></notifystr> to your root template.","cause":"Component not registered or placed in template.","error":"this.$notifystr is undefined"},{"fix":"Run npm install notifystr --save and ensure it's in dependencies.","cause":"Package not installed or not in node_modules.","error":"Cannot find module 'notifystr'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}