Storage
localStorage is a property that allows JavaScript sites and apps to save key-value pairs in a web browser with no expiration date.
sessionStorage allows you to store data in the browser depending on the system memory and the data stored in the browser until the browser is closed.
Storage is a class to add or remove item from local or session storage.
Installation
npm i @phoenix-cg/storage
Methods
| Method | Description |
|---|---|
| setItem(key, value) | Add key and value to localStorage
|
| getItem(key) | This is how you get items from localStorage
|
| removeItem(key) | Remove an item from localStorage
|
Usage
import { storageLocal, storageSession } from '@phoenix-cg/storage'
...
methods: {
clientMounted () {
const bannerShown = this.storageLocal.getItem('banner-shown')
if (showBanner) {
this.showBanner()
}
this.storageLocal.setItem('banner-shown', 1)
},
...
hideBanner () {
this.popupResetTimeoutId = setTimeout(() => {
this.storageLocal.getItem('banner-shown')
}, 100)
},
resetBanenr () {
this.storageLocal.removeItem('banner-shown')
}
}