@vue-composable/web

@vue-composable/web

This package contains Web API

Vue 3

This version is alpha with support for the vue3 (vue-next)

Check webpack vue3 example or CodeSandbox

Installing

# install with yarn
yarn add vue@next @vue-composable/web@next

# install with npm
npm install vue@next @vue-composable/web@next

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
• sharedRef - cross-tab reactive ref

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
• BroadcastChannel - reactive BroadcastChannel API
• Geolocation API

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