open-index/open-npm huggingface dataset:
npm package: @socheatsok78/quick-bus-types
Description: ## Install
Author: Socheat Sok
Latest version: 0.2.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @socheatsok78/quick-bus-types

## Install

```sh
npm i --save-dev @socheatsok78/quick-bus-types
# or
yarn add -D @socheatsok78/quick-bus-types
```

## Usage

Add `./node_modules/@socheatsok78` to `tsconfig.json`, `compilerOptions.typeRoots` list.

```json
{
  "compilerOptions": {
    /* List of folders to include type definitions from. */
    "typeRoots": [
      "./node_modules/@socheatsok78"
    ]
}
```

or within your code

```js
/// <reference types="@socheatsok78/quick-bus-types" />

import Bus from '@condenast/quick-bus'
const bus = new Bus()
```
npm package: @socheatsok78/storybook-addon-vuetify
Description: 📓  Storybook's Vuetify 🐉 Addon
Author: Socheat Sok
Latest version: 0.1.9
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @socheatsok78/storybook-addon-vuetify

📓  Storybook's Vuetify 🐉 Addon

[![@npm][npm-badge]][npm-url]
[![license][license-badge]](LICENSE)


**Install**

```sh
yarn add -D @socheatsok78/storybook-addon-vuetify
```

**Usage**

Add `@socheatsok78/storybook-addon-vuetify` addon to `.storybook/main.js`

```js
module.exports = {
  addons: [
    '@socheatsok78/storybook-addon-vuetify'
  ]
}
```

Add `vueitfy` decorator to `.storybook/preview.js`

```js
import { withVuetify } from '@socheatsok78/storybook-addon-vuetify/dist/decorators'

export const decorators = [
  withVuetify
]
```

You can add `withThemeProvider` to use `vuetify` theme settings. But make sure to add `globalTypes` as shown.

```js
import { withVuetify, withThemeProvider } from '@socheatsok78/storybook-addon-vuetify/dist/decorators'

export const globalTypes = {
  theme: {
    name: 'Theme',
    description: 'Global theme for components',
    defaultValue: 'light',
    toolbar: {
      icon: 'circlehollow',
      items: ['light', 'dark']
    }
  }
}

export const decorators = [
  withThemeProvider,
  withVuetify
]
```

## License

Licensed under the [MIT License](LICENSE).

<!-- variables -->
[npm-badge]: https://img.shields.io/npm/dm/@socheatsok78/storybook-addon-vuetify
[npm-url]: https://npm.im/@socheatsok78/storybook-addon-vuetify
[license-badge]: https://img.shields.io/github/license/socheatsok78/storybook-addon-vuetify
npm package: @socheatsok78/tsconfig
Description: Shared TypeScript config for my @socheatsok78
Author: Socheat Sok
Latest version: 0.2.0

# tsconfig

> Shared TypeScript config for @socheatsok78  
> [What is a tsconfig.json
](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html)


## Install

```sh
yarn add -D @socheatsok78/tsconfig
```

## Usage

```jsonc
// tsconfig.json
{
  "extends": "@socheatsok78/tsconfig/tsconfig.json",
  "compilerOptions": {
    ...
  }
}
```
npm package: @socheatsok78/v-inputmask
Description: InputMask directive for Vue.js
Author: Socheat Sok
Latest version: 1.0.1

# v-inputmask

InputMask directive for Vue.js

## Install

```sh
npm i @socheatsok78/v-inputmask
# or
yarn add @socheatsok78/v-inputmask
```

## Usage

```vue
<template>
  <input v-inputmask="{ mask: '999-999-9999' }">
</template>
```

> Other options can be found on [Inputmask GitHub repo](https://github.com/RobinHerbots/Inputmask#usage).

## License
Licensed under the [MIT license](LICENSE)
npm package: @socheatsok78/vue-cli-plugin-bundlesize
Description: vue-cli plugin to add bundlesize, keep your bundle size in check
Author: Socheat Sok
Latest version: 0.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @socheatsok78/vue-cli-plugin-bundlesize

> vue-cli plugin to add bundlesize, keep your bundle size in check 📦

## Install

Install via **Vue CLI**:
```sh
vue add @socheatsok78/vue-cli-plugin-bundlesize
```

or install via **Package Manager**:
```sh
npm install --save-dev @socheatsok78/vue-cli-plugin-bundlesize
# or
yarn add -D @socheatsok78/vue-cli-plugin-bundlesize

# then run 
vue invoke @socheatsok78/vue-cli-plugin-bundlesize
```

## Configurations

Please see https://github.com/siddharthkp/bundlesize#readme for usage and configuration guide.

## License

Licensed under the [MIT License](LICENSE).
npm package: @socheatsok78/vue-cli-plugin-configure
Description: My Production configurations for Vue CLI
Author: Socheat Sok
Latest version: 0.1.0

# @socheatsok78/vue-cli-config-production

My Production configurations for Vue CLI

## Config

### integrity

- Type: `boolean`
- Default: `true` in production, `false` in development

See: https://cli.vuejs.org/config/#integrity

Set to `true` to enable [Subresource Integrity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity) (SRI) on `<link rel="stylesheet">` and `<script>` tags in generated HTML. If you are hosting your built files on a CDN, it is a good idea to enable this for additional security.

Also, when SRI is enabled, preload resource hints are disabled due to a [bug in Chrome](https://bugs.chromium.org/p/chromium/issues/detail?id=677022) which causes the resources to be downloaded twice.

### productionSourceMap

- Type: `boolean`
- Default: `false`

See: https://cli.vuejs.org/config/#productionsourcemap

Setting this to `false` can speed up production builds and I don't know why `@vue/cli` think it is a good idea to generate source map on production, [vuejs/vue-cli/issues/6891](https://github.com/vuejs/vue-cli/issues/6891).
npm package: @socheatsok78/vuetify-kbar
Description: A simple plug-n-play <kbd>cmd</kbd>+<kbd>k</kbd> interface for [Vuetify](http://vuetifyjs.com/).
Latest version: 0.1.0-next.15

# Vuetify `kBar`

A simple plug-n-play <kbd>cmd</kbd>+<kbd>k</kbd> interface for [Vuetify](http://vuetifyjs.com/).

[Live demo](https://socheat.dev/vuetify-kbar/)

> :warning::warning: This project is currently is in work-in-progress stage.

![Screen Shot 2021-10-31 at 8 27 36 PM](https://user-images.githubusercontent.com/4363857/139585888-5a2c6e9d-a57d-49fb-8421-b730ad1157ef.png)

## Guide

**Install**

```sh
$ npm install @socheatsok78/vuetify-kbar@next
# or
$ yarn add @socheatsok78/vuetify-kbar@next
```

**Usage**

```vue
<template>
  <v-app id="app">
    <v-kbar :actions="actions" />
  </v-app>
</template>

<script>
import { mdiClipboard } from '@mdi/js'

const actions = [
  {
    id: 'blog',
    name: 'Blog',
    description: '',
    shortcut: ['b'],
    keywords: 'writing words',
    perform: () => (window.location.pathname = 'blog')
  },
  {
    id: 'contact',
    name: 'Contact',
    shortcut: ['c'],
    keywords: 'email',
    perform: () => (window.location.pathname = 'contact')
  }
]

export default {
  name: 'App',
  components: {
    VKbar
  },
  data: () => ({
    actions: actions
  })
}
</script>

```

## Development

This project was created using `@vue/cli` service.

### Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Run your unit tests
```
yarn test:unit
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).