Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

logux/vue-devtools

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

About

Vue devtools plugin for debugging Logux applications

Topics

Resources

License

Stars

Watchers

Forks

AltStyle によって変換されたページ (->オリジナル) /