open-index/open-npm huggingface dataset:
npm package: @jedm/platzom
Description: Traductor de idioma platzom
Author: Jorge Dominguez
Latest version: 0.1.0

# Platzom

Platzom es un idioma inventado para el [Curso de Fundamentos de JavaScript](https://platzi.com/js) de [Platzi](https://platzi.com), el mejor lugar de educación online

## Descripción del idioma

- Si la palabra termina con "ar", se le quitan esas dos letras
- Si la palabra inicia con Z, se le añade "pe" al final
- Si la palabra traducida tiene 10 o más letras, se debe partir en dos por la mitad y unir con un guión medio
- Por último, si la palabra original es un palíndromo, ninguna regla anterior cuenta y se devuelve la misma palabra pero intercalando letras mayúsculas y minúsculas

## Instalación

```
npm install platzom
```

## Uso

```
import platzom from 'platzom'

platzom("Programar") // Program
platzom("Zorro") // Zorrope
platzom("Zarpar") // Zarppe
platzom("abecedario") // abece-dario
platzom("sometemos") // SoMeTeMoS
```

## Créditos
- [Sacha Lifszyc](https://twitter.com/@slifszyc)

## Licencia

[MIT](https://opensource.org/licenses/MIT)
npm package: @jedmao/get
Description: Type-safe get function returns a nested value from an object.
Author: Jed Mao
Latest version: 1.0.1

# @jedmao/get

[![NPM version](http://img.shields.io/npm/v/@jedmao/get.svg?style=flat)](https://www.npmjs.org/package/@jedmao/get)
[![npm license](http://img.shields.io/npm/l/@jedmao/get.svg?style=flat-square)](https://www.npmjs.org/package/@jedmao/get)
[![Travis Build Status](https://img.shields.io/travis/jedmao/get.svg)](https://travis-ci.org/jedmao/get)
[![codecov](https://codecov.io/gh/jedmao/get/branch/master/graph/badge.svg)](https://codecov.io/gh/jedmao/get)
[![BundlePhobia Minified](https://badgen.net/bundlephobia/min/@jedmao/get?label=min)](https://bundlephobia.com/result?p=@jedmao/get)
[![BundlePhobia Minified + gzip](https://badgen.net/bundlephobia/minzip/@jedmao/get?label=min%2Bgzip)](https://bundlephobia.com/result?p=@jedmao/get)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![Unicorn Approved](https://img.shields.io/badge/unicorn-approved-ff69b4.svg)](https://twitter.com/sindresorhus/status/457989012528316416?ref_src=twsrc%5Etfw&ref_url=https%3A%2F%2Fwww.quora.com%2FWhat-does-the-unicorn-approved-shield-mean-in-GitHub)

[![npm](https://nodei.co/npm/@jedmao/get.svg?downloads=true)](https://nodei.co/npm/@jedmao/get/)

Type-safe get function returns a nested value from an object.

Types will be preserved up to 10 levels deep. After that, things start coming back as `any`. This is due to a depth limitation of TypeScript.

This library is tiny [![BundlePhobia Minified + gzip](https://badgen.net/bundlephobia/minzip/@jedmao/get?label=min%2Bgzip)](https://bundlephobia.com/result?p=@jedmao/get), despite how big it might look if you see the TypeScript source code. Most of what you see is type information, which disappears when compiled into JavaScript, but provides rich in-editor support (see below).

![screenshot](./screenshot.png)

## Installation

```bash
npm i @jedmao/get
```

## Usage

```ts
import get from '@jedmao/get'

const data = {
  a: {
    b: [{ c: 'd' }],
    e: undefined,
  },
}

get(data, ['a', 'b', 0, 'c']) // "d"
get(data, ['not-found' as any], 'defaultValue') // "defaultValue"
get(data, ['a', 'e'], 'defaultValue') // undefined
get(data, ['a', 'e']) || 'fallback' // "fallback"
```

Also works on functions. If you need to override the input type, you can use `get<T>` in TypeScript.
npm package: @jedmao/location
Description: A Location class that implements the Location interface of the Web API.
Author: Jed Mao
Latest version: 3.0.0

# @jedmao/location

<!-- markdownlint-disable -->
[![GitHub Actions](https://github.com/jedmao/location/workflows/Node%20CI/badge.svg?event=push)](https://github.com/jedmao/location/actions)
[![NPM version](http://img.shields.io/npm/v/@jedmao/location.svg)](https://www.npmjs.org/package/@jedmao/location)
[![npm license](http://img.shields.io/npm/l/@jedmao/location.svg)](https://www.npmjs.org/package/@jedmao/location)
[![codecov](https://codecov.io/gh/jedmao/location/branch/master/graph/badge.svg)](https://codecov.io/gh/jedmao/location)
[![BundlePhobia Minified](https://badgen.net/bundlephobia/min/@jedmao/location?label=min)](https://bundlephobia.com/result?p=@jedmao/location)
[![BundlePhobia Minified + gzip](https://badgen.net/bundlephobia/minzip/@jedmao/location?label=min%2Bgzip&)](https://bundlephobia.com/result?p=@jedmao/location)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![Unicorn Approved](https://img.shields.io/badge/unicorn-approved-ff69b4.svg)](https://twitter.com/sindresorhus/status/457989012528316416?ref_src=twsrc%5Etfw&ref_url=https%3A%2F%2Fwww.quora.com%2FWhat-does-the-unicorn-approved-shield-mean-in-GitHub)
<!-- markdownlint-restore -->

<!-- markdownlint-disable commands-show-output -->

A `LocationMock` class that extends [`URL`][] and implements the [`Location interface of the Web API`](https://developer.mozilla.org/en-US/docs/Web/API/Location). As always, with first-class TypeScript support!

## Installation

```bash
npm i --save-dev @jedmao/location
```

## Usage

```ts
import { LocationMock } from '@jedmao/location'

const loc = new LocationMock('http://foo.com/')
loc.assign('http://bar.com/')
loc.replace('http://baz.com/')
loc.reload()
```

Because this package extends [`URL`][], many features are provided for free. This means you can do this:

```ts
new LocationMock('http://jed:secret@test:42/foo?bar=baz#qux')
```

Which returns the following object:

```ts
LocationMock {
  href: 'http://jed:secret@test:42/foo?bar=baz#qux',
  origin: 'http://test:42',
  protocol: 'http:',
  username: 'jed',
  password: 'secret',
  host: 'test:42',
  hostname: 'test',
  port: '42',
  pathname: '/foo',
  search: '?bar=baz',
  searchParams: URLSearchParams { 'bar' => 'baz' },
  hash: '#qux' }
```

### Mocking

A common use for this package is to mock the `window.location`, which you can do in [Jest](https://jestjs.io/) like so:

```ts
const { location: savedLocation } = window

beforeAll(() => {
  delete window.location
})

beforeEach(() => {
  window.location = new LocationMock('http://test/')
})

afterAll(() => {
  window.location = savedLocation
})

it('assigns /login', () => {
  const assign = jest
    .spyOn(window.location, 'assign')
    .mockImplementationOnce(() => {})

  window.location.assign('/login')

  expect(assign).toHaveBeenCalledWith('/login')
})
```

[`url`]: https://developer.mozilla.org/en-US/docs/Web/API/URL
npm package: @jedmao/prisma2-sdl
Description: Parses a subset of the Prisma 2 schema definition language.
Author: Jed Mao
Latest version: 1.2.0

# @jedmao/prisma2-sdl

<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
[![GitHub Actions](https://github.com/jedmao/prisma2-sdl/workflows/master/badge.svg)](https://github.com/jedmao/prisma2-sdl/actions)
[![codecov](https://img.shields.io/codecov/c/gh/jedmao/prisma2-sdl?style=flat-square)](https://codecov.io/gh/jedmao/prisma2-sdl)
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=flat-square)](http://commitizen.github.io/cz-cli/)
[![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg?style=flat-square)](https://github.com/xojs/xo)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![types: TypeScript](https://img.shields.io/npm/types/typescript?style=flat-square)](https://typescriptlang.org)
<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- markdownlint-disable commands-show-output -->

Parses a subset of the Prisma 2 schema definition language.

## Scripts

The following [npm scripts](https://docs.npmjs.com/misc/scripts) are made
available to you in the project root. You can run each of them with
`npm run <script-name>`.

### build

Runs the [TypeScript][] compiler.

### test

Runs [AVA][] in
[watch mode](https://github.com/avajs/ava/blob/master/docs/recipes/watch-mode.md),
which attempts to run only on changed files.

### cover

Runs [AVA][] with
[coverage](https://github.com/avajs/ava/blob/master/docs/recipes/code-coverage.md),
dumping coverage results in `./coverage` and showing a text summary in the
console output.

### commit

Runs [Commitizen](http://commitizen.github.io/cz-cli/) commit wizard, ensuring
that your commit messages conform to
[Conventional Commits](https://www.conventionalcommits.org/).

### Tips

Use the [`git commit`](https://git-scm.com/docs/git-commit) command directly
with the
[`-n`, `--no-verify` option](https://git-scm.com/docs/git-commit#Documentation/git-commit.txt--n)
to bypasses the pre-commit and commit-msg hooks.

[ava]: https://github.com/avajs/ava
[typescript]: http://www.typescriptlang.org/
npm package: @jedmao/storage
Description: A Storage class that implements the Storage interface of the Web Storage API.
Author: Jed Mao
Latest version: 3.0.0

# @jedmao/storage

[![GitHub Actions](https://github.com/jedmao/storage/workflows/Node%20CI/badge.svg?event=push)](https://github.com/jedmao/storage/actions)
[![NPM version](http://img.shields.io/npm/v/@jedmao/storage.svg?style=flat)](https://www.npmjs.org/package/@jedmao/storage)
[![npm license](http://img.shields.io/npm/l/@jedmao/storage.svg?style=flat-square)](https://www.npmjs.org/package/@jedmao/storage)
[![codecov](https://codecov.io/gh/jedmao/storage/branch/master/graph/badge.svg)](https://codecov.io/gh/jedmao/storage)
[![BundlePhobia Minified](https://badgen.net/bundlephobia/min/@jedmao/storage?label=min)](https://bundlephobia.com/result?p=@jedmao/storage)
[![BundlePhobia Minified + gzip](https://badgen.net/bundlephobia/minzip/@jedmao/storage?label=min%2Bgzip)](https://bundlephobia.com/result?p=@jedmao/storage)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![Unicorn Approved](https://img.shields.io/badge/unicorn-approved-ff69b4.svg)](https://twitter.com/sindresorhus/status/457989012528316416?ref_src=twsrc%5Etfw&ref_url=https%3A%2F%2Fwww.quora.com%2FWhat-does-the-unicorn-approved-shield-mean-in-GitHub)

[![npm](https://nodei.co/npm/@jedmao/storage.svg?downloads=true)](https://nodei.co/npm/@jedmao/storage/)

A `Storage` class that implements the [Storage](https://developer.mozilla.org/en-US/docs/Web/API/Storage) interface of the [Web Storage API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API).

This class comes out-of-the-box with [TypeScript][] type annotations and [TSDoc](https://github.com/Microsoft/tsdoc#tsdoc) comments.

## Installation

```
$ npm install [--save[-dev]] @jedmao/storage
```

## Usage

```ts
import { Storage } from '@jedmao/storage'

const data = { bar: 42 }
const storage = new Storage()

storage.setItem('foo', data)
storage.getItem('foo') // "[object Object]"
storage.setItem('foo', JSON.stringify(data))
storage.getItem('foo') // "{"bar":42}"

storage.setItem('baz', 42)
storage.getItem('baz') // '42'
storage.key(1) // 'baz'
storage.length // 2

storage.removeItem('foo')
storage.length // 1

storage.clear()
storage.length // 0
```

[typescript]: http://www.typescriptlang.org/
npm package: @jedmao/tsconfig
Description: Base TypeScript configuration file.
Author: Jed Mao
Latest version: 0.3.0

# @jedmao/tsconfig

A base [TypeScript configuration file](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html).

## Installation

```
npm install --save-dev @jedmao/tsconfig
```

## Usage

**tsconfig.json**

```jsonc
{
	"extends": "@jedmao/tsconfig",
}
```
npm package: @jedmao/tslint
Description: Base TSLint configuration file.
Author: Jed Mao
Latest version: 0.4.2

# @jedmao/tslint

A base [TSLint](https://palantir.github.io/tslint/) configuration file.

## Installation

```
npm install --save-dev @jedmao/tslint typescript tslint
```

## Usage

**tslint.json**

```jsonc
{
	"extends": [
		"@jedmao/tslint"
	]
}
```
npm package: @jedmud/ansiwrap
Description: Fast single line wordwrap for colored strings with ANSI escape codes.
Author: Tanel Tammik
Latest version: 0.0.2

# AnsiWrap

Fast single line wordwrap for strings with ANSI escape codes.

Issues: https://github.com/jedmud/tui/issues

## Install

npm i @jedmud/ansiwrap

## Usage

AnsiWrap accepts a string without newline and carriage return characters. If your string has any, you need to split/clean the string before passing it to AnsiWrap.

```javascript
const ansiwrap = require('@jedmud/ansiwrap')

const columns = 50
const options = { hard: false, first: false }

const wrap = ansiwrap(columns, options)

const res = wrap(<A string with ANSI escape codes>)
```

## Options

**hard**

- Type: boolean
- Default: false

If set to true, words will be broken to match column size exactly.

**first**

- Type: boolean
- Default: false

If set to true, returns only the first line.
npm package: @jedrazb/querybox
Description: Lightweight embeddable search and chat widget powered by Elasticsearch
Author: jedrazb
Latest version: 0.1.6

<div align="center">

<img src="https://github.com/jedrazb/querybox/blob/main/assets/querybox-logo.svg" alt="QueryBox logo" width="400">

**Lightweight, embeddable search and AI chat widget powered by Elasticsearch**

[![npm version](https://img.shields.io/npm/v/@jedrazb/querybox?style=flat-square)](https://www.npmjs.com/package/@jedrazb/querybox)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square)](https://opensource.org/licenses/MIT)
[![TypeScript](https://img.shields.io/badge/TypeScript-5.0+-blue?style=flat-square&logo=typescript)](https://www.typescriptlang.org/)

[Demo](https://www.querybox.dev) · [Documentation](https://www.querybox.dev/docs) · [Get Started](https://www.querybox.dev/get-started)

</div>

---

## Installation

```bash
npm install @jedrazb/querybox
```

## Usage

```typescript
import QueryBox from "@jedrazb/querybox";
import "@jedrazb/querybox/dist/style.css";

const querybox = new QueryBox({
  apiEndpoint: "https://api.querybox.dev/{yoursite.com}/v1",
});

// Open search
document.getElementById("search-btn").onclick = () => querybox.search();

// Open chat
document.getElementById("chat-btn").onclick = () => querybox.chat();
```

## Documentation

For full documentation, visit: https://www.querybox.dev

## License

MIT © [jedrazb](https://github.com/jedrazb)
npm package: @jedrazb/react-google-places-autocomplete
Description: Google places autocomplete input for ReactJS.
Author: Nicolás Tinte
Latest version: 0.0.6

<p align="center">
  <a href="https://tintef.github.io/react-google-places-autocomplete" target="_blank">
    <img width="250"src="https://raw.githubusercontent.com/tintef/react-google-places-autocomplete/master/docs/static/img/logo.svg">
  </a>
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/react-google-places-autocomplete">
    <img src="https://img.shields.io/npm/v/react-google-places-autocomplete.svg"/>
    <img src="https://img.shields.io/npm/dm/react-google-places-autocomplete.svg"/>
  </a>
  <a href="https://travis-ci.org/tintef/react-google-places-autocomplete">
    <img src="https://www.travis-ci.com/Tintef/react-google-places-autocomplete.svg?branch=master" />
  </a>
  <a href="https://packagequality.com/#?package=react-google-places-autocomplete">
    <img src="https://npm.packagequality.com/shield/react-google-places-autocomplete.svg"/>
  </a>
  <a href="https://www.npmjs.com/package/react-google-places-autocomplete">
    <img src="https://img.shields.io/npm/l/react-google-places-autocomplete.svg" alt="License">
  </a>
</p>


# React Google Places Autocomplete

React component for easily use Google Places Autocomplete


## Getting started

Install the latest version:
```sh
npm install --save react-google-places-autocomplete
  or
yarn add react-google-places-autocomplete
```

Use the component!
```js
import React from 'react';
import GooglePlacesAutocomplete from 'react-google-places-autocomplete';

const Component = () => (
  <div>
    <GooglePlacesAutocomplete
      apiKey="****"
    />
  </div>
);

export default Component;
```

**Coming from v2? Check the [migration guide](https://tintef.github.io/react-google-places-autocomplete/docs/v2-to-v3)**

## Documentation

[**Read The Docs**](https://tintef.github.io/react-google-places-autocomplete)

## How to contribute?

1. Fork this repo
2. Clone your fork
3. Code 🤓
4. Test your changes

    For this, I like to use [yalc](https://github.com/whitecolor/yalc), as it allows to emulate the process of using npm/yarn.

    1. Install [yalc](https://github.com/whitecolor/yalc)
    2. Build project with `yarn build` or `npm run build`
    3. Publish the package with yalc: `yalc publish`
    4. Add the package to your test project `yalc add react-google-places-automocomplete`
    5. If needed, to update the package on your test project: `yalc update react-google-places-autocomplete`


5. Submit a PR!


<br />
<br />
<p align="center">
  Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a>
</p>
npm package: @jedwards1211/commitlint-config
Description: my commitlint config
Author: Andy Edwards
Latest version: 1.0.2

# commitlint-config

[![Build Status](https://travis-ci.org/jedwards1211/commitlint-config.svg?branch=master)](https://travis-ci.org/jedwards1211/commitlint-config)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)

my commitlint config

## Usage

```sh
npm install --save commitlint-config
```
npm package: @jedwards1211/parsefrcs
Description: parser for Chip Hopper's cave survey data formats
Author: Andy Edwards
Latest version: 1.6.0
Deprecated: has been replaced with @speleotica/frcsdata

# parsefrcs

[![CircleCI](https://circleci.com/gh/jedwards1211/parsefrcs.svg?style=svg)](https://circleci.com/gh/jedwards1211/parsefrcs)
[![Coverage Status](https://codecov.io/gh/jedwards1211/parsefrcs/branch/master/graph/badge.svg)](https://codecov.io/gh/jedwards1211/parsefrcs)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
[![npm version](https://badge.fury.io/js/parsefrcs.svg)](https://badge.fury.io/js/parsefrcs)

Parser for Chip Hopper's Cave survey data format
npm package: @jedwatson/react-color
Description: A Collection of Color Pickers from Sketch, Photoshop, Chrome & more
Author: case
Latest version: 1.3.8

# [React Color](http://casesandberg.github.io/react-color/)

* **7 Different Pickers** - Sketch, Photoshop, Chrome and many more

* **Popup or Block** - It can be used it as a popup or always visible

* **Make Your Own** - Use the building block components to make your own

![Sketch and Photoshop Color Picker Built in React](http://casesandberg.github.io/react-color/screenshot.png)

## Installation & Usage

```sh
npm install react-color --save
```

### Include the Component

```js
var React = require('react');
var ColorPicker = require('react-color');

class Component extends React.Component {

  render() {
    return <ColorPicker type="sketch" />;
  }
}
```

### Display It
Display the color picker popup on click, or don't define display and it will always be visible.

```js
var React = require('react');
var ColorPicker = require('react-color');

class Component extends React.Component {

  constructor() {
    super();
    this.state = {
      displayColorPicker: false,
    };
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {
    this.setState({ displayColorPicker: !this.state.displayColorPicker });
  }

  render() {
    return (
      <div>
        <button onClick={ this.handleClick }>Pick Color</button>
        <ColorPicker display={ this.state.displayColorPicker } type="sketch" />
      </div>
    );
  }
}
```

> 100% inline styles via [ReactCSS](http://reactcss.com/)
npm package: @jee-r/directus-extension-base64
Description: generate a base64 string from image
Author: Jee R
Latest version: 0.4.0

# Directus Extension: Base64 Image Encoder

This is a Directus extension that encodes uploaded images in base64 format. The extension takes an image file as input and returns its base64 encoded string.

## Installation

To install this extension, follow these steps:

1. Clone the repository to your local machine.
2. Navigate to the repository directory.
3. Run `npm install` to install the required dependencies.
4. Copy the entire repository folder to the `/extensions/custom` folder of your Directus installation.

## Usage

To use the extension, follow these steps:

1. Navigate to your Directus project.
2. Go to the settings page of the collection where you want to enable the extension.
3. Click on the "Extensions" tab.
4. Enable the "Base64 Image Encoder" extension.
5. Click on the "Save" button to save the changes.
After enabling the extension, uploaded images in the collection will be automatically encoded in base64 format.

## Configuration

This extension does not require any configuration.

## Development

To develop this extension further, follow these steps:

1. Clone the repository to your local machine.
2. Navigate to the repository directory.
3. Run `npm install` to install the required dependencies.
4. Run `npm run dev` to start the development server.
5. Make changes to the code as necessary.
6. Test the changes by uploading an image in the collection where the extension is enabled.
7. Commit the changes and create a pull request.

## Dependencies

This extension depends on the following packages:

- `@directus/extensions-sdk`
- `path`
- `sharp`

## Todo

- [ ] Explain why sharp path is Harcoded
`const sharp = require("/directus/node_modules/sharp");` 
spoiler: it's because we need to use sharp installed by directus
- [ ] Explain how using it in a flow  
- [x] Publish a package
    - [x] npmjs.com
    - [x] npm.pkg.github.com
- [x] CI/CD

## License

This extension is licensed under the MIT License. See the LICENSE file for more information.
npm package: @jeebey/vuex-class
Description: Binding helpers for Vuex and vue-class-component
Author: katashin
Latest version: 0.3.2

# vuex-class

[![vuex-class Dev Token](https://badge.devtoken.rocks/vuex-class)](https://devtoken.rocks/package/vuex-class)

Binding helpers for Vuex and vue-class-component

## Dependencies

- [Vue](https://github.com/vuejs/vue)
- [Vuex](https://github.com/vuejs/vuex)
- [vue-class-component](https://github.com/vuejs/vue-class-component)

## Installation

```bash
$ npm install --save vuex-class
# or
$ yarn add vuex-class
```

## Example

```js
import Vue from 'vue'
import Component from 'vue-class-component'
import {
  State,
  Getter,
  Action,
  Mutation,
  namespace
} from 'vuex-class'

const someModule = namespace('path/to/module')

@Component
export class MyComp extends Vue {
  @State('foo') stateFoo
  @State(state => state.bar) stateBar
  @Getter('foo') getterFoo
  @Action('foo') actionFoo
  @Mutation('foo') mutationFoo
  @someModule.Getter('foo') moduleGetterFoo

  // If the argument is omitted, use the property name
  // for each state/getter/action/mutation type
  @State foo
  @Getter bar
  @Action baz
  @Mutation qux

  created () {
    this.stateFoo // -> store.state.foo
    this.stateBar // -> store.state.bar
    this.getterFoo // -> store.getters.foo
    this.actionFoo({ value: true }) // -> store.dispatch('foo', { value: true })
    this.mutationFoo({ value: true }) // -> store.commit('foo', { value: true })
    this.moduleGetterFoo // -> store.getters['path/to/module/foo']
  }
}
```

## Issue Reporting Guideline

### Questions

For general usage question which is not related to vuex-class should be posted to [StackOverflow](https://stackoverflow.com/) or other Q&A forum. Such questions will be closed without an answer.

### Bug Reports

Please make sure to provide minimal and self-contained reproduction when you report a bug. Otherwise the issue will be closed immediately.

## License

MIT