StoredSettings

What are stored Settings?

They are a Vue mixin for component settings, that should be stored in the localStorage.

What can I do with it?

You can use this to ease storing and retrieving data properties of your Vue Components.

Take a look at a bit further down to see how to integrate them.

Getting Started

Installation

# with npm
npm install --save stored-settings

# with yarn
yarn add stored-settings

Integration to a Vue Component

Assuming you want to use Vue SFCs, you can integrate stored settings

import StoredSettings from 'stored-settings'

export default {
  /* ... */
  mixins: [
    StoredSettings(/* key-prefix */ 'my-settings', {
      /* define similar to props */
      showHelp: {
        type: Boolean
      },
    })
  ]
}

This will set up a data Element containing showHelp. When changing showHelp, the value will be written to the localStorage at my-settings.showHelp.

Configuration

Supported Data Types

Basically any Data with a JSON representation can be stored/retrieved from the store. The Limits of the used store still apply though.

As basic supported types you can use:

| Type | default | |-----------|---------| | Boolean | false | | Number | 0 | | String | '' | | Array | [] | | Object | {} | | Date | null |

Fine grained (de-)serialization

You can provide your own functions to (de-)serialize the stored values.

• serialize(value: T): String will be used to serialize a T value before storing it as String
• parse(value: String): T will be used to deserialize the String back to the locally used T

Beside that you can also overwrite the toJSON if you provide your own class.

F.A.Q.

What is it good for?

It's meant to be a small helper to move information form data to the localStorage.

How does it compare to other libraries?

How should I know, I'm just using this one.