README.md

Logux Vue Devtools

Logux is a new way to connect client and server. Instead of sending HTTP requests (e.g., AJAX and GraphQL) it synchronizes log of operations between client, server, and other clients.

• Guide, recipes, and API
• Issues and roadmap
• Projects inside Logux ecosystem

This repository contains plugin for Vue devtools browser extension for debugging Logux application based on Vue.

Install

npm install --save-dev @logux/vue-devtools

Usage

import{createApp}from'vue'import{devtools}from'@logux/vue-devtools'import{client}from'./logux'letapp=createApp(…)app.use(devtools,client,{layers: {state: false},ignoreActions: ['user/add']})

Extend

Add custom event to the timeline

import{createApp}from'vue'import{devtools,actionLayerId}from'@logux/vue-devtools'import{client}from'./logux'letapp=createApp(…)app.use(devtools,client)if(devtools.api){devtools.api.addTimelineEvent({layerId: actionLayerId,event: {time: Date.now(),data: { … }}})}