@vue-composable/web

@vue-composable/web

This package contains Web API

vue-next

For vue-next support please check @next

Installing

# install with yarn
yarn add @vue/composition-api @vue-composable/web

# install with npm
npm install @vue/composition-api @vue-composable/web

Documentation

Check our documentation

Event

• Event - Attach event listener to a DOM element
• Mouse Move - Attach mousemove listener to a DOM element
• Resize - Attach resize listener to a DOM element
• Scroll - Attach scroll listener to a DOM element

MISC

• matchMedia - Reactive matchMedia
• breakpoint - reactive breakpoints based on window.innerWidth

Storage

• WebStorage - Reactive access to Storage API, useLocalStorage and useSessionStorage use this
• storage - uses localStorage or on safari private it uses sessionStorage
• localStorage - Reactive access to a localStorage
• sessionStorage - Reactive access to a sessionStorage

Web

• Fetch - reactive fetch wrapper
• WebSocket - reactive WebSocket wrapper
• IntersectionObserver - reactive IntersectionObserver
• NetworkInformation - reactive NetworkInformation wrapper
• Online - reactive navigator.onLine wrapper
• PageVisibility - reactive Page Visibility API
• Language - reactive NavigatorLanguage

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b feat/new-composable
3. Commit your changes: git commit -am 'feat(composable): add a new composable'
4. Push to the branch: git push origin feat/new-composable
5. Submit a pull request

License

MIT

Changelog

1.0.0-dev.6 (2020-01-19)

Features

• add language (#87) (a48af30)
• add online (#89) (c47b7e7)
• add visibilityState (#88) (3b86c6b)
• Improve storage and add sessionStorage and webStorage (#98) (2618f52)