open-index/open-npm huggingface dataset:
npm package: @kiki.im.dev/nuxt-kuetify
Description: My personal custom components using Vuetify
Latest version: 0.0.10

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: my-module
- Description: My new Nuxt module
-->

# My Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

My new Nuxt module for doing amazing things.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->
- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

1. Add `my-module` dependency to your project

```bash
# Using pnpm
pnpm add -D my-module

# Using yarn
yarn add --dev my-module

# Using npm
npm install --save-dev my-module
```

2. Add `my-module` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: [
    'my-module'
  ]
})
```

That's it! You can now use My Module in your Nuxt app ✨

## Development

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
```

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/my-module

[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/my-module

[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/my-module

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @kiki.im.dev/nuxt-sanctum
Description: Access your sanctum auth through Nuxt app
Latest version: 0.0.5

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: my-module
- Description: My new Nuxt module
-->

# My Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

My new Nuxt module for doing amazing things.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->
- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

1. Add `my-module` dependency to your project

```bash
# Using pnpm
pnpm add -D my-module

# Using yarn
yarn add --dev my-module

# Using npm
npm install --save-dev my-module
```

2. Add `my-module` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: [
    'my-module'
  ]
})
```

That's it! You can now use My Module in your Nuxt app ✨

## Development

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
```

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/my-module

[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/my-module

[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/my-module

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @kiki.im.dev/zenstack-fetch
Description: Generate fetch function from ZModel schema file of ZenStack with ofetch
Author: Kiki Irwan Maulana
Latest version: 0.2.1

# ZenStack Fetch Plugin

ZenStack Fetch Plugin is a standard plugin of [ZenStack](https://github.com/zenstackhq/zenstack) to generate fetch from the ZModel schema with ofetch.

## Example

TBD

## Setup

```bash
npm i -D @kiki.im.dev/zenstack-fetch
```

add the plugin in your ZModel schema file

```ts
plugin fetch {
    provider = '@kiki.im.dev/zenstack-fetch'
}
```

run zenstack generate

```bash
npx zenstack generate
```

you will see the `schema.md` generated in the same folder of your ZModel schema file.

## Options

TBD

<!-- | Name     | Type    | Description                                       | Required | Default   |
| -------- | ------- | ------------------------------------------------- | -------- | --------- |
| output   | String  | Output file path (relative to the path of ZModel) | No       | schema.md |
| disabled | Boolean | Whether to run this plugin                        | No       | false     | -->

<!-- example:

```ts
plugin zenstackmd {
    provider = 'zenstack-fetch'
    output = 'docs/schema.md'
    disabled = true
}
``` -->

<!-- You can also disable it using env variable

```bash
DISABLE_ZENSTACK_MD=true
``` -->

## Local Development

TBD

<!-- ### Install

```bash
npm install
```

### Build

```bash
npm run build
```

After build, the plugin will be generated in `dist` folder. Then you can use it in your existing ZModel schema by setting the `provider` this `dist` folder

```ts
plugin zenstackmd {
    provider = '.../@kiki.im.dev/zenstack-fetch/dist'
}
```

`provider` could either by the absolute path or relative path to the running `zenstack` module. -->

### Run Sample

simply run `npm run dev` to see a more complicated result [schema.md](./schema.md) generated from [schema.zmodel](./schema.zmodel)
npm package: @kikiio2020/vue-crud-control
Description: An opinionated bootstrap-vue data table that loads a GET API end point and provision UI elements for the other CRUD actions.
Author: Daniel 'Kikiio' Leung
Latest version: 0.0.7

# vue-crud-control

<p align="center">
<img src="https://www.dropbox.com/s/610alplztngaqk2/vue-crud-control-screen1.png?raw=1">
</p>
<p>&nbsp;</p>

<p align="center"><b>
>> <a href='https://kikiio.com/project/vue-crud-control/' target="_blank">Documentation</a> <<
</b></p>

<p>&nbsp;</p>
<p align="center">
<img height="50" src="https://avatars1.githubusercontent.com/u/60078232?s=460&u=1f7794ddcbc148df9f6ea977d8af0b79ef0a0881&v=4">
</p>
npm package: @kikiio2020/vue-flipping-stepper
Description: <p align="center"> <img src="https://www.dropbox.com/s/gen0byhvkl0dy9f/flipping-stepper-basic-screen1.png?raw=1"> </p> <p>&nbsp;</p> <p align="center"><b> >> <a href='https://kikiio2020.github.io/vue-flipping-stepper/'>Documentation</a> << </b></p> <p>&nb
Author: Daniel 'Kikiio' Leung
Latest version: 0.0.21

# vue-flipping-stepper

<p align="center">
<img src="https://www.dropbox.com/s/gen0byhvkl0dy9f/flipping-stepper-basic-screen1.png?raw=1">
</p>
<p>&nbsp;</p>
<p align="center"><b>
>> <a href='https://kikiio2020.github.io/vue-flipping-stepper/'>Documentation</a> <<
</b></p>
<p>&nbsp;</p>
<p align="center">
<img height="50" src="https://avatars1.githubusercontent.com/u/60078232?s=460&u=1f7794ddcbc148df9f6ea977d8af0b79ef0a0881&v=4">
</p>
npm package: @kikiki_kiki/class-names
Description: Return css classnames string
Author: Mori Hayashi
Latest version: 1.0.0

[![NPM version](https://badgen.net/npm/v/@kikiki_kiki/class-names)](https://www.npmjs.com/package/https://badgen.net/npm/v/@kikiki_kiki/class-names)
[![Build Status](https://travis-ci.org/KiKiKi-KiKi/class-names.svg?branch=master)](https://travis-ci.org/KiKiKi-KiKi/class-names)
[![Coverage Status](https://coveralls.io/repos/github/KiKiKi-KiKi/class-names/badge.svg?branch=master)](https://coveralls.io/github/KiKiKi-KiKi/class-names?branch=master)
[![MIT License](http://img.shields.io/badge/license-MIT-green.svg?style=flat)](https://github.com/KiKiKi-KiKi/class-names/blob/master/package.json)

# classNames

`classNames` is a simple modulem, which returns  classnames string with merged arguments.

## install

```sh
$ npm install @kikiki_kiki/class-names
```

```js
import classNames from '@kikiki_kiki/class-names';
```

## useage

`classNames()` return merged arguments.

```js
classNames('foo');
// => "foo"

classNames('foo', 'bar');
// => "foo bar"

classNames('foo', 'bar', 'baz');
// => "foo bar baz"

classNames('foo', 'bar', 'foo');
// => "foo bar"
```

`classNames()` return Number to String
```js
classNames(1, 0, -1, 1.2, -2.3);
// => "1 0 -1 1.2 -2.3"
```

`classNames()` ignore `null`, `undefined`, `NaN`, `Boolean`
```js
classNames(null, undefined, NaN, true, false);
// => ""
```

### Array arguments

classNames map array value to class name strings
```js
classNames([]);
// => ""

classNames(['foo', 'bar', 'baz']);
// => "foo bar baz"

classNames('foo', ['bar', 'baz', 'foo']);
// => "foo bar baz"

classNames(['foo', 0, 'bar', null], ['baz', 1, 'foo']);
// => "foo 0 bar baz 1"
```

Nested Array arguments
```js
classNames(['foo', ['bar', 'baz'], 'bar']);
// => "foo bar baz"

classNames(['foo', ['bar', 'baz'], 'bar'], [0, [1, 3], 2, 3]);
// => "foo bar baz 0 1 3 2"
```

### Object arguments

`classNames` return true values key as a class name.
```js
classNames({
  foo: true,
  bar: false,
  baz: true,
});
// => "foo baz"

classNames('baz', {
  foo: true,
  bar: false,
  baz: true
});
// => "baz foo"

classNames(['foo', 'bar', {
  foo: true,
  bar: false,
  baz: true
});
// => "foo bar baz"
```

When argument is Function (Object).
```js
classNames( function() {return "foo"} );
// => ""

classNames( (function() { return "foo" })() );
// => "foo"
```

When argument is RegExp Object.
```js
classNames(/ab+c/i);
// => ""

const regex = new RegExp(/ab+c/, 'i');
classNames(regex);
// => ""
```
npm package: @kikiki_kiki/is-object
Description: Determine if the parameter is Object. Verifies if it not an array, null, function, Date, RegExp, Symbol and Class Object.
Author: KiKiKi KiKi
Latest version: 2.0.1

[![NPM version](https://badgen.net/npm/v/@kikiki_kiki/is-object)](https://www.npmjs.com/package/@kikiki_kiki/is-object)
![Build Status](https://github.com/KiKiKi-KiKi/is-object/actions/workflows/build.yml/badge.svg?branch=main)
[![coverage](https://kikiki-kiki.github.io/is-object/badges.svg)](https://github.com/KiKiKi-KiKi/is-object/actions)
[![MIT License](http://img.shields.io/badge/license-MIT-green.svg?style=flat)](https://github.com/KiKiKi-KiKi/is-object/blob/master/package.json)

# isObject

```typescript
function isObject(value?: unknown): value is Record<string, unknown>;
```

Determine if the parameter is Object (`{}`). Verifies if it not an array, `null`, `function`, `Date`, `RegExp`, `Symbol` and `Class Object`.

## :rocket: install

```sh
$ npm install @kikiki_kiki/is-object
```

## :rabbit: usage

```js
import isObject from '@kikiki_kiki/is-object';
```

## :rotating_light: test

```sh
$ npm run test
```

```js
isObject({});
// => true

isObject([]);
// => false

isObject(null);
// => false

isObject(undefined);
// => false

isObject(true);
// => false
isObject(false);
// => false

isObject(NaN);
// => false

isObject(1);
// => false
isObject(-1);
// => false

isObject('');
// => false
```

`function`, `Date`, `RegExp`, `Symbol`, `Class object` return `false`

function

```js
const func = function () {
  return true;
};
isObject(func);
// => false
```

Date

```js
const date = new Date();
isObject(date);
// => false
```

RegExp

```js
const regex1 = /\w+/;
expect(isObject(regex1)).toBe(false);
// => false

const regex2 = new RegExp('\\w+');
expect(isObject(regex2)).toBe(false);
// => false
```

Symbol

```js
const symbol1 = Symbol();
isObject(symbol1);
// => false

const symbol2 = Symbol({});
isObject(symbol2);
// => false
```

Class

```js
class MyClass {
  constructor() {}
}
const classObj = new MyClass();
isObject(classObj);
// => false
```
npm package: @kikikk/web3-modules
Description: My new Nuxt module
Latest version: 0.0.3

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: my-module
- Description: My new Nuxt module
-->

# My Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

My new Nuxt module for doing amazing things.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->
- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

1. Add `my-module` dependency to your project

```bash
# Using pnpm
pnpm add -D my-module

# Using yarn
yarn add --dev my-module

# Using npm
npm install --save-dev my-module
```

2. Add `my-module` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: [
    'my-module'
  ]
})
```

That's it! You can now use My Module in your Nuxt app ✨

## Development

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
```

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/my-module

[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/my-module

[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/my-module

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @kikilo/dictionary-quiz-pair-words
Description: > Description
Latest version: 1.5.0

# DictionaryQuizPairWords
 
> Description

<!-- ![](./assets/preview.png) -->

## Installation

```sh
$ npm install @kikilo/kikilo-dictionary-quiz-pair-words
```

## Usage

### Basic usage
```js
import DictionaryQuizPairWords from '@kikilo/dictionary-quiz-pair-words'

return (<DictionaryQuizPairWords />)
```


> **Find full description and more examples in the [demo page](#).**
npm package: @kikilo/kikilo-dictionary-quiz-sum
Description: QuizSum for practice your sums skills
Author: oscar.raig@gmail.com
Latest version: 1.13.0

# DictionaryQuizSum

> Description

<!-- ![](./assets/preview.png) -->

## Installation

```sh
$ npm install @kikilo/kikilo-dictionary-quiz-sum
```

## Usage

### Basic usage
```js
import DictionaryQuizSum from '@kikilo/kikilo-dictionary-quiz-sum'

return (<DictionaryQuizSum />)
```


> **Find full description and more examples in the [demo page](#).**