Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
vue-toastify
Advanced tools
Readme
🔥Vue Toastify🔥
Simple and dependency free notification plugin.
npm i vue-toastify
import { createApp } from 'vue';
import plugin from 'vue-toastify';
import 'vue-toastify/index.css';
import type { Settings } from 'vue-toastify';
const app = createApp({ });
app.use<Settings>(plugin, { });
app.mount('#app');
useToast()
composableStyles include a 'dark'
(default) and a 'light'
theme. If you would like to create your own styles you may use the following helpers:
import { createVtTheme, getCssRules } from 'vue-toastify';
// this will create a stylesheet if doesn't exists and insert it into the head
createVtTheme('myThemeName', '#8f6b42');
// then you can set the theme of the status or the global settings
// alternatively, you can get an array of css rules using getCssRules
getCssRules('myThemeName', '#8f6b42').forEach(rule => {...});
// this will give you a good starting point to customise the theme
You may create some methods on the useToast()
so it will shortcut any repetition you may have in your app. To register them add a customNotifications
key to the settings when registering the plugin.
app.use<Settings>(plugin, {
customNotifications: {
authenticationError: {
body: 'Authentication error',
// ... rest of the toast options here
}
}
});
// then later you can use it as
useToast().authenticationError();
import type { ToastPluginAPI, CustomMethods } from 'vue-toastify';
declare module 'vue-toastify' {
interface MyMethods extends CustomMethods {
authenticationError(): string;
}
function useToast(): ToastPluginAPI & MyMethods;
}
The plugin emits events that you can listen to which allows for using callbacks at different points in the toast's lifecycle.
import { useVtEvents, useToast } from 'vue-toastify';
const toast = useToast().success({ body: 'Hello world', canTimeout: true });
useVtEvents().once('vtPaused', payload => {
if (payload.id === toast.id) {
// do something
}
})
FAQs
Simple and dependency free notification plugin.
The npm package vue-toastify receives a total of 1,496 weekly downloads. As such, vue-toastify popularity was classified as popular.
We found that vue-toastify demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.