{"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,"search_vec":"'1.1.0':18 '2.0':5 'activ':67 'advanc':56 'altern':39 'bundler':10 'compar':37 'compil':63 'compon':7 'configur':34 'current':15 'custom':57 'danger':31 'durat':35 'extra':53 'flag':54 'four':26 'info':32 'javascript':69 'lightweight':50 'like':11,40 'mainten':68 'manual':61 'minimalist':36 'modul':9 'notif':47,71 'notification/toaster':6 'notifystr':1 'offer':48 'packag':59 'provid':25 'recent':20 'releas':23 'requir':60 'scss':14,62 'simpl':3 'singl':22 'solut':51 'success':29 'support':8 'toast':27 'toaster':72 'toastif':43 'type':28 'updat':21 'version':17 'vue':42,46,70 'vue-notif':45 'vue-toastif':41 'vue.js':4 'warn':30 'webpack/rollup':12 'without':52","created_at":"2026-05-01T13:47:43.983678+00:00","updated_at":"2026-05-01T13:47:43.983678+00:00","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,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":"","cli_version":null,"type":"library","homepage":null,"github":"https://github.com/Onefivefournine/notifystr","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/notifystr","openapi_spec":null,"status_page":null,"smithery":null,"categories":["web-framework"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-05-01","next_check":"2026-07-30","install_tag":null}}