vuex-shared-mutations - Share vuex mutations between tabs/windows

  •        21

Share certain Vuex mutations across multiple tabs/windows using localStorage. When $store.commit is called, the plugin is invoked and saves the mutation object to localStorage. This triggers an storage event in all other tabs/windows (in the same browser, with the same site domain loaded), which then replays the mutation in that tab/window (during which the sync is turned off to disable recursion).

https://github.com/xanf/vuex-shared-mutations#readme

Tags
Implementation
License
Platform

   




Related Projects

vuex-i18n - Localization plugin for vue.js 2.0 using vuex as store

  •    Javascript

We are big fans of the awesome vue, vuex and vue-router libraries and were just looking for an easy to use internationalization plugin, employing as much of the "standard library" as possible. The main difference to other internationalization plugins is the ease of use and support for locales directly with the application or later from the server.

vuex-rest-api - A helper utility to simplify the usage of REST APIs with Vuex.

  •    Javascript

A Helper utility to simplify the usage of REST APIs with Vuex 2. Uses the popular HTTP client axios for requests. Works with websanova/vue-auth. If you want to connect a REST API with Vuex you'll find that there are a few repetitive steps. You need to request the data from the api (with an action) and set the state (via a mutation). This utility (for the sake of brevity called Vapi in the README) helps in creating the store by setting up the state, mutations and actions with a easy to follow pattern.

vuex-orm - The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.

  •    Javascript

Vuex ORM is a plugin for Vuex to enable Object-Relational Mapping access to the Vuex Store. Vuex ORM lets you create "normalized" data schema within Vuex Store with relationships such as "Has One" and "Belongs To Many" like any other usual ORM library. It also provides fluent API to get, search and update Store state. Vuex ORM is heavily inspired by Redux recipe of "Normalizing State Shape" and "Updating Normalized Data". Learn more about the concept and motivation of Vuex ORM at What Is Vuex ORM?.

vuex-loading - Complex Loader Management for Vue/Vuex Applications

  •    Vue

Multiple Process Loader Management for Vue and (optionally) Vuex.Even it's named as "vuex-loading", Vuex is now completely optional.


vue-wordpress-pwa - An offline-first SPA using Vue

  •    Javascript

This is the code for the FullStackWeekly website. You can use it as a starter pack for your WordPress site as well. Since WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource & Progressive Web App techniques to create an offline-first web client.

vuejs-wordpress-theme-starter - A WordPress theme with the guts ripped out and replaced with Vue.

  •    Javascript

A true WordPress theme with the guts ripped out and replaced with Vue. Based on the BlankSlate WP starter theme. Who's this for? When I started diving into using Vue in WordPress I found plenty of great starters for headless WordPress, but I had the added constraint of needing to run the front and backend on the same host, thus this project was created.

meal-prep - Source code for a 4-part series I wrote about Vue, Vue Router, Vuex and Vuetify

  •    Vue

This is the source code for a four-part series I wrote on creating a Vue.js application that also uses Vue-Router, Vuetify and Vuex. The articles take you through creating a Vue application and then adding on to it until you have created a fully functional meal delivery website. As I mentioned this source code is the final code created as part of four articles I wrote on creating a Vue.js application using Vue-Router, Vuex, Vuetify and Firebase. Here are links to each version of the articles: Part 1 - Covers creating the application and adding Vuetify for styling. Part 2 - Covers using Vue Router to add navigating between pages in the application. Part 3 - Covers adding Vuex for state management. Also we connect to a Recipes API to get content for our application. Part 4 - Covers using Firebase for Authentication. Users can create an account and order recipes. When they login to their account they will see their orders.

vue-tetris - Use Vue, Vuex, Immutable to code Tetris.使用 Vue, Vuex, Immutable 做俄罗斯方块

  •    Javascript

Use Vue, Vuex, Immutable to code Tetris.使用 Vue, Vuex, Immutable 做俄罗斯方块

vuex-router-sync - Effortlessly keep vue-router and vuex store in sync.

  •    Javascript

Effortlessly keep vue-router and vuex store in sync.

vue-acl - Access Control List plugin for VueJS 2.0

  •    Javascript

E.g: if isAdmin is not true the button 'Set admin permisson' is displayed.

vuex-class - Binding helpers for Vuex and vue-class-component

  •    TypeScript

Binding helpers for Vuex and vue-class-component

vivo-shop - 基于vue2.0实现的vivo移动端商城(vue+vuex-ruoter+vue-axios+webpack)

  •    Vue

基于vue2.0实现的vivo移动端商城(vue+vuex-ruoter+vue-axios+webpack)

vuex-persistedstate - 💾 Persist Vuex state with localStorage.

  •    Javascript

Persist Vuex state with localStorage. reducer <Function>: A function that will be called to reduce the state to persist based on the given paths. Defaults to include the values.

feathers-vuex - Integration of FeathersJS, Vue, and Nuxt for the artisan developer

  •    Javascript

feathers-vuex is a first class integration of the Feathers Client and Vuex. It implements many Redux best practices under the hood, eliminates a lot of boilerplate code, and still allows you to easily customize the Vuex store. NOTICE: this module is almost (but not quite) fully compatible with Feathers V4. The authentication module is written for Feathers V3. If you're going to use Feathers V4, please search the GitHub issues for "feathers crow authentication" for workarounds you can implement until this module is properly updated.

vuex-map-fields - Enable two-way data binding for form fields saved in a Vuex store

  •    Javascript

Enable two-way data binding for form fields saved in a Vuex store. The following example component shows the most basic usage, for mapping fields to the Vuex store using two-way data binding with v-model, without directly modifying the store itself, but using getter and setter functions internally (as it is described in the official Vuex documentation: Two-way Computed Property).






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.