https://github.com/logux/vue-devtools
Vue devtools plugin for debugging Logux applications
https://github.com/logux/vue-devtools
client devtools logux plugin vue vue-devtools
Last synced: 10 months ago
JSON representation
Vue devtools plugin for debugging Logux applications
- Host: GitHub
- URL: https://github.com/logux/vue-devtools
- Owner: logux
- License: mit
- Created: 2021-02-21T12:58:37.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-08-04T22:32:48.000Z (almost 3 years ago)
- Last Synced: 2025-08-08T19:06:08.936Z (10 months ago)
- Topics: client, devtools, logux, plugin, vue, vue-devtools
- Language: JavaScript
- Homepage: https://logux.org/
- Size: 614 KB
- Stars: 8
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://logux.org/)**
* **[Issues](https://github.com/logux/logux/issues)**
and **[roadmap](https://github.com/orgs/logux/projects/1)**
* **[Projects](https://logux.org/guide/architecture/parts/)**
inside Logux ecosystem
This repository contains plugin for [Vue devtools](https://github.com/vuejs/vue-devtools) browser extension
for debugging Logux application based on Vue.
## Install
```sh
npm install --save-dev @logux/vue-devtools
```
## Usage
```js
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
```js
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: { … }
}
})
}
```