https://github.com/idevelopthings/class-stores-plugin

Vue dev tools plugin for class stores
https://github.com/idevelopthings/class-stores-plugin

Last synced: 5 months ago
JSON representation

Vue dev tools plugin for class stores

• Host: GitHub
• URL: https://github.com/idevelopthings/class-stores-plugin
• Owner: iDevelopThings
• Created: 2021-12-15T11:03:06.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-02-23T23:25:11.000Z (almost 4 years ago)
• Last Synced: 2025-02-26T01:32:00.778Z (12 months ago)
• Language: JavaScript
• Size: 134 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# Vue Class Stores - Dev Tools Plugin

### Usage:

```shell

npm install class-stores-plugin

yarn add class-stores-plugin

```

```javascript

import Vue               from 'vue';

import ClassStoresPlugin from 'class-stores-plugin';

Vue.use(ClassStoresPlugin);

const app = new Vue({}).$mount(document.getElementById('app'));

```

I had some scenarios where the above doesn't work, if this is the case, you can do it this way:

```javascript

import Vue             from 'vue';

import {setupDevtools} from 'class-stores-plugin';

const app = new Vue({}).$mount(document.getElementById('app'));

setupDevtools(app);

```

## Viewing Class Stores

In vue devtools, click the dropdown and select "Class Stores"

![vue-dev-tools-access.png](repo/vue-dev-tools-access.png)

Select your class store, and you can now see your state, methods & getters :)

![img.png](repo/devtools.png)