Skip to content

Vue devtools plugin for debugging Logux applications

License

Notifications You must be signed in to change notification settings

logux/vue-devtools

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Aug 4, 2023
3c46e54 · Aug 4, 2023

History

33 Commits
Apr 25, 2021
Apr 28, 2021
Feb 21, 2021
Feb 21, 2021
Jun 5, 2021
May 30, 2021
Feb 21, 2021
Aug 4, 2023
Feb 28, 2021
Apr 25, 2021
Jun 8, 2021
Jun 8, 2021
Apr 25, 2021
Feb 28, 2021
Jun 8, 2021

Repository files navigation

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.

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

Logux Vue Devtools screenshot in Chrome

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: {}
    }
  })
}