vue3-storage-secure

Getting Started

$3

``sh


install with yarn

yarn add vue3-storage-secure

install with npm

npm install vue3-storage-secure
`

$3

The main version Supports Vue 3.x only

Usage

$3

Register
`js
import Vue3Storage from "vue3-storage-secure";

const app = createApp(App);
// 1. app.use(Vue3Storage)
// 2. app.use(Vue3Storage, { namespace: "jarvis_" })

// namespace: 命名空间，secureKey: 加密盐值
app.use(Vue3Storage, { namespace: "jarvis_", secureKey: "246810" })
`

$3


use Global ComponentCustomProperties `this.$storage`

`vue


`

You can still use it like this:
``vue



``

You can still use it like this:
`vue

`

Use promise
`js


`

Storage API

`ts
export interface StorageInterface {
/**
* Asynchronous storage
* @param option
*/
getStorage(option: GetStorageOption): Promise>;

/**
* Synchronous storage
*
* @param key
*
*/
getStorageSync(key: string): T | undefined;

getSecureStorageSync(key: string): T | undefined;

/**
* Synchronously obtain the storage content of the corresponding key
*
* @param key
* @param data
* @param expire
*/
setStorageSync(key: string, data: any, expire?: number): void;

/**
* 同步设置加密的存储内容
* @param key 本地缓存中指定的 key
* @param data 需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。
* @param expire 失效时间
*/
setSecureStorageSync(key: string, data: any, expire?: number): void;

/**
* Asynchronously obtain the storage content of the corresponding key
*
* @param option
*/
setStorage(option: SetStorageOption): Promise;

/**
* Determine whether the data has expired
* @param key
*/
isExpire(key: string): boolean;

/**
* Correspondingly obtained key name index
* @param index
*/
key(index: number): string | null;

/**
* Determine whether the key name exists
*
* @param key
*/
hasKey(key: string): boolean;

/**
* Asynchronously remove the specified key from the local cache
*
* @param option
*/
removeStorage(option: RemoveStorageOption): Promise;

/**
* Synchronously remove the specified key from the local cache
*
* @param name
*/
removeStorageSync(name: string): void;

/**
* Get current storage information asynchronously
*
* @param option
*/
getStorageInfo(option?: GetStorageInfoSuccessCallbackOption): Promise;

/* Get current storage information synchronously /
getStorageInfoSync(): GetStorageInfoOption;

/**
* Clean up local data cache asynchronously
* @param option
*/
clearStorage(option?: ClearStorageOption): Promise;

/**
* Synchronously clean the local data cache
*/
clearStorageSync(): void;

/**
* Set storage namespace
* @param namespace
*/
config(namespace?: string): void;
}
``

⚖️ License

MIT