useWebNotification

v0.0.15testeddemo

Reactive, SSR-safe wrapper around the Web Notification API with permission handling and `onClick`/`onShow`/`onError`/`onClose` event hooks.

Source Tests

Examples

const { show, isSupported, onClick } = useWebNotification({
  title: 'Hello',
  body: 'You have a new message',
  icon: '/icon.png',
});
onClick(() => console.log('clicked'));
if (isSupported.value)
  show();

// Override options per call
const { show } = useWebNotification();
show({ title: 'Override', body: 'Per-call body' });

Demo

Loading demo…

Signature

export function useWebNotification(
  options: UseWebNotificationOptions ={ ... }

Parameters

Parameter	Type	Default	Description
`options`?	`UseWebNotificationOptions`	`{}`	Default notification options plus behavior flags

Returns

UseWebNotificationReturn`isSupported`, `notification`, `permissionGranted`, `show`, `close`, `ensurePermissionGranted`, and the `onClick`/`onShow`/`onError`/`onClose` hooks