@logux/vue-devtools

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
• Chat for any questions
• 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'

let app = 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'

let app = createApp(…)

app.use(devtools, client)

if (devtools.api) {
  devtools.api.addTimelineEvent({
    layerId: actionLayerId,
    event: {
      time: Date.now(),
      data: { … }
    }
  })
}

Changelog

0.2.0

• Added event titles and subtitles.
• More details in the event data.
• Grouping subscriptions.