📅 You're Invited: Meet the Socket team at RSAC (April 28 – May 1).RSVP
Socket
Sign inDemoInstall
Socket

responsive-storage

Package Overview
Dependencies
Maintainers
1
Versions
16
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

responsive-storage

Responsive local storage, supports vue2 and vue3

2.2.0
latest
Source
npm
Version published
Maintainers
1
Created
Source

responsive-storage

Responsive local storage, supports vue2 and vue3

NPM version NPM Downloads

English | 简体中文

🤔 Original intention of development

  • In some scenarios, we need to store some variables and keep it responsive, there are many solutions, such as vuex, pinia, but they disappear after refreshing the page, in some cases I want them to exist locally without losing responsiveness, so was born responsive-storage

🚀 Features

  • Strong compatibility: supports both vue2 and vue3, no need to install additional dependencies
  • Fully tree-shaking: Comes with Tree-shaking, only packages the imported code
  • 🧪 Complete example: Currently we have added vue2, vue3 examples in the playgrounds folder , zero learning usage cost
  • 🦾 Extremely Light: The source code size is 1.76 KB, and the footprint of the package size in the project is only calculated in bits

📦 install

npm install responsive-storage
or
pnpm add responsive-storage

🦄 Usage

vue2

  • main.js
import Storage from "responsive-storage";
Vue.use(Storage, {
  // must pass
  version: 2, 
  // Namespace, optional, default `rs-` (not recommended if there is no special requirement)
  nameSpace: "xx_", 
  // The responsive object that needs to be stored (it should be noted here that if nameSpace is passed, the second parameter of the Storage.getData method must be passed and the value of nameSpace must be the same. If nameSpace is not passed, the second parameter of Storage.getData method parameters can be omitted) 
  memory: {
    starValue: Storage.getData("starValue", 'xx_') ?? 1
  }
});

Click to view the specific usage

vue3

  • main.ts
import { createApp } from "vue";
import App from "./App.vue";

import Storage from "responsive-storage";
const app = createApp(App);

app.use(Storage, {
  memory: {
    starValue: Storage.getData("starValue") ?? 1
  }
});

Click to view the specific usage

License

MIT © xiaoxian521-2022

Keywords

Vue2

FAQs

Package last updated on 13 Feb 2023

Did you know?

Socket

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.

Install

Related posts