ropbla9/vue-reactive-storage

Reactive layer for interacting with localStorage from Vue. Plugin for Vue 2.

vue-reactive-storage's Issues

Uglify Error

i get this warning when i try to "npm run build" in my "vue-cli pwa template" app.

ERROR in static/js/vendor.e94132c75cc782c7d66d.js from UglifyJs
Unexpected token name «key», expected punc «;» [./~/vue-reactivestorage/index.js:15,0][static/js/vendor.e94132c75cc782c7d66d.js:56346,21]

I know this is somehow connected to to limitations of Uglify.

But maybe somebody can help on that?

It is impossible to store falsy values

It is impossible to store values such as false or 0 using this plugin.

Change the || here to ??, or use .hasOwnProperty instead.

vue-reactive-storage/src/make-storage.js

Line 7 in 4c515e4

const value = local[key] || schema[key]

Vuex

How do you use this inside Vuex or Middleware ?

Release 1.3.1

Hi!
Has the current master been released to npmjs? Npmjs states version 1.3.0, while master package.json states 1.3.1.

swap store for store2

Hi @ropbla9 can this be extended to swap store for store2 which is a more advanced local / session storage api. It should also be possible to add values to localstorage without having to list the variables in the array and still have them reactive just like observables? I am looking to try something like that, will do a PR if it works

Unexpected let

Hi, there's a single let statement in the code that trips up uglify-js when I try to compile a project in webpack. It means I have to add a specific rule to test for this file and run babel on it in order for it to work.
Could the module be made ES5-compliant please?

Distribute production builds or not at all

This npm package's main file is defined to be dist/index.js, which is generated by webpack in development mode.

Run webpack with -p or set "mode": "production" in the config.

Or just set main in package.json to be src/index.js instead, and let the webpack of the users of the package build it.

Don't console.log in production

You are console.logging in production, user-facing environments. Why?

Please delete this line.

vue-reactive-storage/src/make-mixin.js

Line 8 in 4c515e4

console.log(`${vueKey} watcher executed...`)