open-index/open-npm huggingface dataset:
npm package: @nik3i/eslint-config
Description: Sharable ESLint Config
Author: Nik3i
Latest version: 1.0.0

[![npm version](https://img.shields.io/npm/v/@nik3i/eslint-config.svg)](https://www.npmjs.com/package/@nik3i/eslint-config)
[![npm downloads](https://img.shields.io/npm/dm/@nik3i/eslint-config.svg)](https://www.npmjs.com/package/@nik3i/eslint-config)
[![Release Workflow](https://img.shields.io/github/actions/workflow/status/Nik3i/eslint-config/release.yml?branch=main&label=release)](https://github.com/Nik3i/eslint-config/actions/workflows/release.yml)
[![semantic-release: conventionalcommits](https://img.shields.io/badge/semantic--release-conventionalcommits-e10079?logo=semantic-release)](https://github.com/semantic-release/semantic-release)

# eslint-config
Sharable ESLint Configs
npm package: @nik3i/prettier-config
Description: Prettier Sharable Config
Author: Nik3i
Latest version: 1.0.0

[![npm version](https://img.shields.io/npm/v/@nik3i/prettier-config.svg)](https://www.npmjs.com/package/@nik3i/prettier-config)
[![npm downloads](https://img.shields.io/npm/dm/@nik3i/prettier-config.svg)](https://www.npmjs.com/package/@nik3i/prettier-config)
[![Release Workflow](https://img.shields.io/github/actions/workflow/status/Nik3i/prettier-config/release.yml?branch=main&label=release)](https://github.com/Nik3i/prettier-config/actions/workflows/release.yml)
[![semantic-release: conventionalcommits](https://img.shields.io/badge/semantic--release-conventionalcommits-e10079?logo=semantic-release)](https://github.com/semantic-release/semantic-release)

# prettier-config
Sharable Prettier Configs
npm package: @nik3i/tsconfig
Description: Sharable TypeScript Config
Author: Nik3i
Latest version: 1.0.0

[![npm version](https://img.shields.io/npm/v/@nik3i/tsconfig.svg)](https://www.npmjs.com/package/@nik3i/tsconfig)
[![npm downloads](https://img.shields.io/npm/dm/@nik3i/tsconfig.svg)](https://www.npmjs.com/package/@nik3i/tsconfig)
[![Release Workflow](https://img.shields.io/github/actions/workflow/status/Nik3i/typescript-config/release.yml?branch=main&label=release)](https://github.com/Nik3i/typescript-config/actions/workflows/release.yml)
[![semantic-release: conventionalcommits](https://img.shields.io/badge/semantic--release-conventionalcommits-e10079?logo=semantic-release)](https://github.com/semantic-release/semantic-release)

# typescript-config
Sharable TypeScript Configs
npm package: @nik7212/nuxt2-auth-module
Description: Authentication module for Nuxt.js
Latest version: 5.0.1

<h1 align="center" >🔑 Auth Module</h1>
<p align="center">Zero-boilerplate authentication support for Nuxt 2!</p>
<p align="center">Fork with support publicRuntimeConfig</p>
<p align="center">
<br>
<a href="https://npmjs.com/package/@nik7212/nuxt2-auth-module">
    <img alt="" src="https://img.shields.io/npm/v/@nik7212/nuxt2-auth-module/latest.svg?style=flat-square">
</a>
</p>

## Nuxt 3 Support

Nuxt 3 comes with built-in utilities to support session and authentication. We are working on a new official module. 

Meanwhile, we recommend:

- [Nuxt Auth Utils](https://github.com/atinux/nuxt-auth-utils)
- [Sidebase Nuxt Auth](https://github.com/sidebase/nuxt-auth) based on next-auth
- [AuthJs Nuxt](https://github.com/Hebilicious/authjs-nuxt) based on Auth.js
- Implement your own auth using [Lucia](https://lucia-auth.com/guidebook/sign-in-with-username-and-password/nuxt/) or [Nuxt Auth Template](https://github.com/nuxt/examples/tree/main/auth/local)


## Nuxt 2 Installation and Usage

<a href="https://auth.nuxtjs.org">Read Documentation</a>

**🚧 please see [status page](http://auth.nuxtjs.org/status) in documentation.**

## Development

Running demo for development:

```bash
$ yarn install
$ yarn dev
```

Running tests for development:

```bash
$ yarn build
$ yarn nuxt build test/fixture
$ yarn jest
```

## License

[MIT License](./LICENSE) - Copyright (c) Nuxt Community
npm package: @nik7212/nuxt2-yandex-metrika
Description: NuxtJS Yandex.Metrika Module/Plugin
Author: Nikolay Boyko
Latest version: 1.4.0

# NuxtJS модуль/плагин для подключения Yandex.Metrika(Яндекс.Метрика)

Форк https://github.com/rkaliev/nuxtjs-yandex-metrika

Добавлен функционал для использования с publicRuntimeConfig
## Установка и настройка модуля/плагина

```code
npm i @nik7212/nuxt2-yandex-metrika
```

Необходимо в nuxt.config.js в секции modules добавить:

```code
modules: [
    [
      '@nik7212/nuxt2-yandex-metrika',
      {
        id: 'XXXXXX',
        webvisor: boolean,
        clickmap: boolean,
        debug: boolean,
        noJS: boolean,
        disabled: boolean,
      },
    ],
  ],
```

Модуль/Плагин активирует подгрузку скриптов Yandex.Metrika(Яндекс.Метрика) только в режиме production (process.env.NODE_ENV),
в режиме develop вместо подгрузки скриптов Yandex.Metrika(Яндекс.Метрика) используется mock Yandex.Metrika.

Параметр [noJS](https://yandex.ru/support/metrica/code/counter-initialize.html) отвечает за инициализацию счетчика через
```<noscript></noscript>``` и ```<img/>```.

Больше информации по Yandex.Metrika(Яндекс.Метрика):

* [Ссылка на документацию Yandex.Metrika(Яндекс.Метрика)](https://yandex.com/support/metrica/code/counter-initialize.html).

ID Yandex.Metrika(Яндекс.Метрика) можно задать как в настройках модуля в nuxt.config.js:

```code
modules: [
    [
      '@nik7212/nuxt2-yandex-metrika',
      {
        ...
        id: 'XXXXXX',
        ...
      },
    ],
  ],
```

либо можно задать переменные в publicRuntimeConfig в nuxt.config.js:

```code
publicRuntimeConfig: {
    yandexMetrika: {
        ...
        id: 'XXXXXX',
        ...
    },
},
```

Поле с которого забирать конфиг можно переопределить в useRuntimeConfig в параметрах модуля.


Модуль/Плагин можно запускать в режиме debug, используется mock Yandex.Metrika(Яндекс.Метрика) и происходит вывод в консоль ивентов и параметров:

```code
modules: [
    [
      '@nik7212/nuxt2-yandex-metrika',
      {
        ...
        debug: true,
        ...
      },
    ],
  ],
```

Так же можно использовать qs параметры:

```code
https://test.domain.ru/?_ym_debug=1
```

## Использование

После установки Yandex.Metrika(Яндекс.Метрика) доступна через this.$yandexMetrika.

Пример:

```code
methods: {
    /**
     * @param {string} eventName
     */
    sendYandexMetrikaEvent(eventName) {
      this.$yandexMetrika.reachGoal(eventName);
    },
```

Больше информации по Nuxt.js:

* [Ссылка на документацию Nuxt.js docs](https://nuxtjs.org).
* [Ссылка на документацию Nuxt.js Module docs](https://nuxtjs.org/api/internals-module-container#introduction).
npm package: @nik7212/vue-slider-component
Description: A highly customized slider component
Author: NightCatSama
Latest version: 3.2.25

![banner](https://raw.githubusercontent.com/NightCatSama/vue-slider-component/master/.github/banner.jpg)

[![downloads](https://img.shields.io/npm/dm/vue-slider-component.svg)][npm]
[![npm-version](https://img.shields.io/npm/v/vue-slider-component.svg)][npm]
[![license](https://img.shields.io/npm/l/express.svg)]()

> 🎚 A highly customized slider component

English | [简体中文][ch] | [Русский][ru]

## 🍉 Vue3.x

This is still in beta and may contain unexpected bugs, please use with caution.

#### install

```bash
$ yarn add vue-slider-component@next
# npm install vue-slider-component@next --save
```

#### Breaking Changes

- `value` -> `modelValue`. ([Official API Changes](https://v3-migration.vuejs.org/breaking-changes/v-model.html#v-model))

## ✨ Features

- 🍖 More customizable
- 👗 Multiple style themes
- 🐳 Support for more sliders
- 📌 Add marks
- 🎉 Support SSR
- 🍒 Support Typescript

## 📚 Documentation

Document: <https://nightcatsama.github.io/vue-slider-component>

Live Demo: <https://jsfiddle.net/NightCatSama/2xy72dod/10547/>

## 🎯 install

```bash
$ yarn add vue-slider-component
# npm install vue-slider-component --save
```

## 🚀 Usage

<details><summary>Vue 2</summary>

```vue
<template>
  <vue-slider v-model="value" />
</template>

<script>
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'

export default {
  components: {
    VueSlider,
  },

  data() {
    return {
      value: 0,
    }
  },
}
</script>
```

</details>

<details><summary>Vue 3</summary>

```vue
<template>
  <vue-slider v-model="value" />
</template>

<script setup>
import { reactive, toRefs } from 'vue'
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'

export default {
  setup() {
    const data = reactive({ value: 0 })
    return toRefs(data)
  },
}
</script>
```

</details>

## Changelog

Detailed changes for each release are documented in the [release notes](https://github.com/NightCatSama/vue-slider-component/blob/master/CHANGELOG.md).

## Support

If my code has helped you, please consider [buy me a coffee](https://www.buymeacoffee.com/nightcat) ☕.

## License

[MIT](https://github.com/NightCatSama/vue-slider-component/blob/master/LICENSE)

[npm]: https://www.npmjs.com/package/vue-slider-component
[en]: https://github.com/NightCatSama/vue-slider-component/blob/master/README.md
[ch]: https://github.com/NightCatSama/vue-slider-component/blob/master/README-CN.md
[ru]: https://github.com/NightCatSama/vue-slider-component/blob/master/README-RU.md
npm package: @nikadev/use-battery-status
Description: React hook for accessing battery status information
Author: Felix Jordan
Latest version: 1.0.9

![npm version](https://img.shields.io/npm/v/@nikadev/use-battery-status) [![Live Demo](https://img.shields.io/badge/demo-online-brightgreen)](https://nikadev-use-battery-status.vercel.app/) [![Can I Use Battery API](https://img.shields.io/badge/caniuse-battery%20status-blue)](https://caniuse.com/battery-status)

# use-battery-status

A React hook for accessing battery status information using the [Web Battery Status API](https://developer.mozilla.org/en-US/docs/Web/API/Battery_Status_API).

## Installation

```bash
npm install @nikadev/use-battery-status --save
# or
yarn add @nikadev/use-battery-status
```

## Usage

```tsx
import { useBatteryStatus } from '@nikadev/use-battery-status';

function App() {
  const { 
    isLoading,
    isSupported,
    level,
    charging,
    chargingTime,
    dischargingTime
  } = useBatteryStatus();

  if (!isSupported) {
    return <div>Battery API is not supported in your browser</div>;
  }

  if(isLoading) {
    return <div>Loading Battery data...</div>
  }

  return (
    <div>
      <p>Battery Level: {level * 100}%</p>
      <p>Charging: {charging ? 'Yes' : 'No'}</p>
      <p>Time until charged: {chargingTime} seconds</p>
      <p>Time until empty: {dischargingTime} seconds</p>
    </div>
  );
}
```

## API

The `useBatteryStatus` hook returns an object with the following properties:

- `isLoading` (boolean): Indicates if the Battery data is loaded
- `isSupported` (boolean): Indicates if the Battery API is supported in the current browser
- `level` (number): Current battery level between 0 and 1
- `charging` (boolean): Whether the device is currently charging
- `chargingTime` (number): Seconds remaining until battery is fully charged
- `dischargingTime` (number): Seconds remaining until battery is empty

## Browser Support

The Battery Status API is supported in most modern browsers. Check [Can I Use](https://caniuse.com/battery-status) for detailed browser support information.

## Example

Check out the [example](./example) directory in this repository for a complete working demo of the hook in action. To run the example:

```bash
# Clone the repository
git clone https://github.com/NikaDevMe/use-battery-status.git

# Navigate to example directory
cd use-battery-status/example

# Install dependencies
npm install

# Start the development server
npm run dev
```

Or check this [Live Demo](https://nikadev-use-battery-status.vercel.app/).

## License

MIT