notifystr

library1.1.0jsnpmunverified

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.

web-framework

npm install notifystr

github ↗package ↗

INSTALL

IMPORT

SIG · NOTIFYSTR

notifystr

web-frameworkjavascriptv1.1.0

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

notifystr

✓ import notifystr from 'notifystr'

✗ const notifystr = require('notifystr')

Default import only; ESM-style import is required.

Vue.component

✓ Vue.component('notifystr', notifystr)

✗ Vue.use(notifystr)

Plugins are not supported; use component registration.

$notifystr

✓ this.$notifystr.success(title, message, duration)

✗ this.$notifystr('success', title, message, duration)

Method calls are on the instance, not a function.

Shows component registration and usage of $notifystr methods with toast types.

import Vue from 'vue'; import notifystr from 'notifystr'; Vue.component('notifystr', notifystr); // In template: <notifystr></notifystr> // Call anywhere: this.$notifystr.success('Hello', 'World', 3000); this.$notifystr.danger('Error', 'Something broke', 5000);

Debug

Known issues

gotchanotifystr is not a plugin; cannot use Vue.use(). Must register as a component.

fix

Use Vue.component('notifystr', notifystr) instead.

affects: >=1.0

gotchaThe component must be placed only once in the template; multiple instances cause duplicate toasts.

fix

Ensure only one <notifystr> tag exists in your app.

affects: >=1.0

deprecatedOnly Vue 2.x is supported; no Vue 3 compatibility.

fix

Switch to a Vue 3 compatible notification library like vue-toastification.

affects: >=1.0

breakingSCSS compilation is required; failure to include SCSS will result in missing styles.

fix

Ensure your build pipeline compiles SCSS files from node_modules.

affects: >=1.0

Errors

Common errors & fixes

Vue.use is not a function

Attempting Vue.use(notifystr) which is only for plugins.

fix

Use Vue.component('notifystr', notifystr) instead.

this.$notifystr is undefined

Component not registered or placed in template.

fix

Register component globally and add <notifystr></notifystr> to your root template.

Cannot find module 'notifystr'

Package not installed or not in node_modules.

fix

Run npm install notifystr --save and ensure it's in dependencies.

Upgrade

Version history

1.1.0latest on npm

Audit

Dependencies

vuerequiredPeer dependency for Vue 2.0+

Agent activity

2 hits · last 30 days

node

Resources

githubhttps://github.com/Onefivefournine/notifystr ↗

packagehttps://www.npmjs.com/package/notifystr ↗