The vue plugin that attaches electron-json-storage APIs to the Vue object, making them accessible to all components.

Overview

vue-electron-storage

A vue plugin that wraps electron-json-storage APIs to the Vue object.

js-standard-style

Installing

Install using NPM

npm install vue-electron-json-storage --save

Include using webpack or browserify

main.js

import Vue from 'vue'
import VueElectronJSONStorage from 'vue-electron-json-storage'

Vue.use(VueElectronJSONStorage)

Using the plugin

This plugin will attach electron-json-storage APIs to the Vue object itself, so accessing all APIs is dead simple. All official documentation from electron-json-storage can be used and accessed from this.$storage.

So instead of...

const storage = require('electron-json-storage')

export default {
  methods: {
    getName () {
      storage.get('name', (err, data) => {
        if (err) {
          console.error(err)
        } else {
          console.log(data)
        }
      })
    }
  }
}

Now you can...

export default {
  methods: {
    getName () {
      this.$storage.get('name', (err, data) => {
        if (err) {
          console.error(err)
        } else {
          console.log(data)
        }
      })
    }
  }
}

Now you might be thinking, "Is it really that annoying to simply require electron to access it?" Probably not, but it can get cumbersome to have to include it in every component file that needs it. In the end, attaching electron-json-storage directly to Vue just makes sense.

You might also like...
vue-idb - Lists and huge lists management with IndexedDB (Dexie.js) only or automatically created and extendible vuex modules

vue-idb IndexedDB wrapper for Vuejs based on Dexie Install npm install vue-idb --save Usage import Vue from 'vue' import VueIdb from 'vue-idb' Vue.us

A todo web app built in Vue.js using LocalStorage.
A todo web app built in Vue.js using LocalStorage.

Todo app built in Vue.js using LocalStorage https://todo-app-vuejs-cli.netlify.app Project setup npm install Compiles and hot-reloads for development

:boom: Vue plugin for work with local storage, session storage and memory storage from Vue context
:boom: Vue plugin for work with local storage, session storage and memory storage from Vue context

vue-ls Vue plugin for work with local storage, session storage and memory storage from Vue context jsFiddle Example Vue 1.x Vue 2.x Install CDN Recomm

An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.

The boilerplate for making electron applications built with vue (pretty much what it sounds like). Overview The aim of this project is to remove the n

Vue3 plugin for work with local storage and session storage from Vue context,Inspired by Vue-ls

Vue3 plugin for work with local storage and session storage from Vue context,Inspired by Vue-ls

Vue.js plugin for local storage and session storage (1.8 kb min+gz) :floppy_disk:

Vue Web Storage A minimalistic Vue.js plugin for web storage Version matrix Vue.js version Package version Branch 2.x 5.x 5.x 3.x 6.x master Features

Manage your videos, add any metadata to them and play them.
Manage your videos, add any metadata to them and play them.

Manage your videos, add any metadata to them and play them.

Vuetiful-components - Let's Practice making Components with Vue & Yarn berry🙆🏻‍♀️

vuetiful-components Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build

A module for nuxtjs that make define and use variables in component easier by use js object or json file.

nuxt-global-var A module for nuxtjs that make defining and using variables in component easier by using js object or json file. How to use Install Wit

data table simplify! -- vuetable is a Vue.js component that will automatically request (JSON) data from the server and display them nicely in html table with swappable/extensible pagination component.

Please Note! This is the previous version that works with Vue 1.x. The most up-to-date version is the Vuetable-2. If you like it, please star the Vuet

Npm which compares json files to each other and displays them in a table
Npm which compares json files to each other and displays them in a table

🇺🇸 compare-json-translations Description This npm compares all .json files and allows the user to quickly find missing or duplicate values in those

One component to link them all 🔗

VueLink - One component to link them all! Lightweight wrapper component for external and vue-router links. 🔥 Features Tiny functional component SSR-s

One component to pick them all 👊🏼
One component to pick them all 👊🏼

This project has been forked from emoji-mart which was written for React Emoji Mart (Vue) is a Slack-like customizable emoji picker component for VueJ

⚡ An Electron & Nuxt.js / Vue.js quick start boilerplate with vue-cli scaffolding, electron-builder, unit/e2e testing, vue-devtools
⚡ An Electron & Nuxt.js / Vue.js quick start boilerplate with vue-cli scaffolding, electron-builder, unit/e2e testing, vue-devtools

Overview The boilerplate for making electron applications built with vue / nuxt. Currently runs with: Electron v12 Electron Builder v22 Vue v2 Nuxt v2

A small electron based pdf reader to test out the capabilities of Vue.js, Electron and PDF.js.
A small electron based pdf reader to test out the capabilities of Vue.js, Electron and PDF.js.

A small electron based pdf reader to test out the capabilities of Vue.js, Electron and PDF.js.

⚡️Starter template with Vite2 Vue3 and Electron 11.x /使用 Vite2 Vue3 以及 Electron 11.x 打造的快速启动模版。

vite-electron-quick 👻 A fast Simple Vite2 Vue3 and Electron 11.x template. ⚡️ If you want to fast create a Vite 2 + Vue 3 + Electron 11.x project: 🚀

⏳ vue3 + electron + ts = electron template

还在开发中,欢迎提交 PR 共建! ⚡️ 简介 完全基于 v3-admin 的 Electron 项目模板,文档也请参考 v3-admin 的文档。 ⌛ 功能 - 用户管理 - 登录 - 注销 - 权限验证 - 页面权限 - 指令权限 - 多环境 - development

Kanban board application made with Electron, Electron-Store, NuxtJS and TailwindCSS
Kanban board application made with Electron, Electron-Store, NuxtJS and TailwindCSS

Kanban board application made with Electron, Electron-Store, NuxtJS and TailwindCSS. Intended for offline usage only, web version available in Productivity Suite.

Owner
Adam Bradford
Principal Engineer @RedVentures Inventing is my passion & automation, my muse. By day I build the Internet, by night I get schwifty
Adam Bradford
Vue.js plugin for local storage and session storage (1.8 kb min+gz) :floppy_disk:

Vue Web Storage A minimalistic Vue.js plugin for web storage Version matrix Vue.js version Package version Branch 2.x 5.x 5.x 3.x 6.x master Features

Ankur Kumar 85 Nov 24, 2021
a reactive storage plugin for vue 👀🔭

vue-storage-watcher the real reactive watcher for localStorge. I search a few days for a lib to watch the ls, but failed. you can use this tiny ls wra

Vincent Guo 60 Nov 21, 2022
An automatic storage plugin for Vue2, persist the data with localStorage

vue-auto-storage An automatic storage plugin for Vue2, persist the data with localStorage. Demo Try it out Requirements Vue.js 2.x IE9 + Advantages Si

null 84 Feb 11, 2022
A Cross-browser storage for Vue.js and Nuxt.js, with plugins support and easy extensibility based on Store.js.

Vue.js Warehouse A Cross-browser storage for Vue.js and Nuxt.js, with plugins support and easy extensibility based on Store.js. This plugin will pick

Julio Marquez 169 Nov 3, 2022
The coolest and easiest way to manage your user's preferences on the client side with your preferred storage.

Vue Preferences The coolest and easiest way to manage your user's preferences on the client side with your preferred storage. Motivation Many times ha

Streaver 101 Dec 22, 2022
Allows the components to save and load their data across the browser sessions.

VueStorage Allows the components to save and load their data across the browser sessions. Works for Vue 2 & 3. demo Try it out! dependencies VueDemi s

Sergej Sintschilin 53 Nov 16, 2022
vue-universal-cookies Isomorphic cookies plugin for Vue.js / Nuxt.js supports Browser, Express, http (node).

vue-universal-cookies / nuxt-universal-cookies Isomorphic cookies plugin for Vue.js / Nuxt.js supports Browser, Express, http (node). Install in Nuxt.

Shuma Yoshioka 28 Jun 21, 2022
The Vue plugin for work with LocalStorage from Vue context

vue-local-storage The Vue plugin for work with LocalStorage from Vue context, with cookie fallback. Introduction vue-local-storage is wrapper for work

Radyushin & Company 24 Apr 22, 2020
The Vue plugin for work with LocalStorage from Vue context, with cookie fallback

vue-local-storage The Vue plugin for work with LocalStorage from Vue context, with cookie fallback. Introduction vue-local-storage is wrapper for work

Radyushin & Company 24 Apr 22, 2020
Vue.js localStorage plugin with types support

VueLocalStorage LocalStorage plugin inspired by Vue typed props which take a care of typecasting for Vue.js 1 and 2 with SSR support. Install npm inst

Alexander Avakov 669 Nov 29, 2022