open-index/open-npm huggingface dataset:
npm package: @moirei/media-library-ui
Description: Media library UI powered by vue and vuetify
Author: Augustus Okoye
Latest version: 0.1.0

# Media Library (Vuetify UI)

![demo](./public/demo.png)


## Documentation

All documentation is available at [the documentation site](https://moirei.github.io/media-library-ui).


## Installation

```bash
npm i --save @moirei/media-library-ui
```


## Changelog

Please see [CHANGELOG](./CHANGELOG.md).


## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
npm package: @moirei/nuxt-analytics
Description: Analytics library for Nuxt 3
Latest version: 0.1.3

[![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]

# Nuxt Analytics

A Nuxt library for tracking custom events, page views, content/component views and identify visitors. Easily enable/disable channels and adapt event names and payload formats.

- [📖 &nbsp;Read the documentation](https://moirei.github.io/nuxt-analytics/)

## Features

- For [**Nuxt 3**](https://nuxt.com)
- ☑ Track custom events
- ☑ Track custom page views
- ☑ Track click or seen events on any element/component
- ☑ Auto track page views
- ☑ Per channel/event formatting with [Adapters](https://moirei.github.io/nuxt-analytics/guide/adapters)
- ☑ **9** inbuilt channels
- ☑ **2** inbuilt adapters
- ☑ Custom channels and adapters
- ☑ Queue system to avoid data loss with [p-queue](https://github.com/sindresorhus/p-queue)
- ☑ Analytics event hooks
- ☐ Typed event names and props
- ☐ Improved performance with [Partytown](https://partytown.builder.io/)
- [... and more](https://moirei.github.io/nuxt-analytics/)

## Quick Setup

1. Add `nuxt-analytics` dependency to your project

```bash
# Using pnpm
pnpm add -D @moirei/nuxt-analytics

# Using yarn
yarn add --dev @moirei/nuxt-analytics

# Using npm
npm install --save-dev @moirei/nuxt-analytics
```

2. Add `nuxt-analytics` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: ["@moirei/nuxt-analytics"],
});
```

## 💻 Development

- Clone repository
- Install dependencies using `yarn install`
- Prepare using `yarn prepare`

[npm-version-src]: https://img.shields.io/npm/v/@moirei/nuxt-analytics/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/@moirei/nuxt-analytics
[npm-downloads-src]: https://img.shields.io/npm/dm/@moirei/nuxt-analytics.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/@moirei/nuxt-analytics
[license-src]: https://img.shields.io/github/license/nuxt/content.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://github.com/nuxt/content/blob/main/LICENSE
[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com
[volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
[volta-href]: https://volta.net/nuxt/content?utm_source=readme_nuxt_content
npm package: @moirei/vue-imager
Description: Vue cloud imaging library
Latest version: 1.0.1

# vue-imager

A Vue library for displaying rich media images. Designed with [MOIREI Media Library](https://github.com/moirei/media-library) in mind but compatible [cloudimage.io](https://www.cloudimage.io/) and similar imaging servers.

Dodocumentation and demos are available at the [documentation site](https://moirei.github.io/vue-imager/).

## :green_heart: Features

- Reactive image manipulation
- Responsive
- Lazy loading
- Custom image url interpreter

## Quick start

```bash
npm i @moirei/vue-imager
```

The quickest way to get started is to install the plugin with all components.

```typescript
import Vue from "vue";
import VueImager from "@moirei/vue-imager";

Vue.use(VueImager, {
  baseUrl: "https://demo.cloudimg.io/v7",
});
```

Use v-imager component anywhere.

```html
<v-imager
  src="https://cloudimage.public.airstore.io/demo/tim-patch.jpg"
  height="400"
  width-xm="500"
  blur="20"
  pixelate-sm="5"
  sharp-md="10"
/>
```
npm package: @moirei/vue-tabs-router
Description: A Vue2 router implementation for vue-tabs-chrome.
Author: Augustus Okoye
Latest version: 0.1.3

# vue-tabs-router

A Vue2 router implementation for [vue-tabs-chrome](https://github.com/viewweiwu/vue-tabs-chrome).
**vue-tabs-chrome** is a brilliant package for chrome-like tabs :heart_eyes:.

This packages takes it a bit to the next level by providing a router component for your application.



## :green_heart: Features
* Persistent tabs
* Custom router-view for rendering pages within tabs
* Configurable tab icons (favicon)


## Installation

```bash
npm i @moirei/vue-tabs-router
```



Configure the plugin

See [extended example](docs/docs-options.md#configuration-example).

```javascript
import Vue from 'vue'
import store from './store'
import VueTabsRouter from '@moirei/vue-tabs-router'

Vue.use(VueTabsRouter, { store })
```



Use the router component

```html
<template>
  <v-app id="app">
    <v-main>
      <!-- Comment out nuxt or router-view -->
      <!-- <v-container>
        <nuxt />
      </v-container> -->
      <tabs-router-view
        :dark="isDark"
        container="v-container"
      />
    </v-main>
  </v-app>
</template>

...
```

### Nuxt

```javascript
// @/plugins/tabs-router-view.js

import Vue from 'vue'
import VueTabsRouter from '@moirei/vue-tabs-router'

export default ({ app }) => {
  Vue.use(VueTabsRouter, { store: app.store })
}
```

See [extended example configuration for Nuxt](docs/docs-options.md#configuration-example).

## Usage

**Using the directive**

This will open the route page in a new tab

```html
<v-btn
    icon
    v-tabs-route="{
      label: 'Settings',
      to: { name: 'settings' },
    }"
  >
  <v-icon small>settings</v-icon>
</v-btn>
```

**Using the plugin**

```javascript
this.$tabs.to({
    label: 'Settings',
    to: { name: 'settings' },
})
```

See [all tab options](docs/docs-options.md#tab-options).

### Plugin API
See [all the package's API](docs/api.md).

## Dependencies

* [vue-router](https://github.com/vuejs/vue-router): You'll need **vue-router** installed and configured.
* [vuex](https://github.com/vuejs/vuex)



## Caveats

* Not tested for server-side rendering

## Credits

* [Augustus Okoye](https://github.com/augustusnaz)

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @moisaconsulting/prettier-config
Description: Prettier config
Author: Adam Moisa
Latest version: 1.0.0

# `@moisaconsulting/prettier-config`

> My personal [Prettier](https://prettier.io) config.

## Usage

**Install**:

```bash
$ yarn add --dev @moisaconsulting/prettier-config
```

**Edit `package.json`**:

```jsonc
{
  // ...
  "prettier": "@moisaconsulting/prettier-config"
}
```
npm package: @moises-herrera/stock-market-scraper
Description: Stock Market Web Scraper
Author: moises-herrera
Latest version: 1.0.4

# Stock Market Web Scraper

Reusable stock web scraper to get the information about the price of an asset from es.investing.com

### Install

```
npm install @moises-herrera/stock-market-scraper
```

### Example

```
import stockMarketScraper from '@moises-herrera/stock-market-scraper';

async function bootstrap() {
  try {
    const eurUsdPrice = await stockMarketScraper.getPrice(
      'currencies', 
      'eur/usd' // Using a valid pair from es.investing.com
    );
  } catch (error) {
    console.error(error);
  }
}
```