open-index/open-npm huggingface dataset:
npm package: @hexsoftstudio/hello
Description: Hello
Latest version: 1.0.1

# @hexsoftstudio/hello

[![npm (scoped)](https://img.shields.io/npm/v/@hexsoftstudio/hello.svg)](https://github.com/hexsoftstudio/hello)

### Install ###
```
$ npm install @hexsoftstudio/hello
```

### Usage ###
```
const hello = require("@hexsoftstudio/hello");
 
hello("World!");
//=> "Hello World!"
```

Hello World!
npm package: @hexsoftstudio/nuxt-ui
Description: Hexsoft Studio nuxt-ui
Latest version: 0.0.14

# nuxt-ui

[![npm (scoped)](https://img.shields.io/npm/v/@hexsoftstudio/nuxt-ui.svg)](https://github.com/hexsoftstudio/nuxt-ui)

Nuxt Ui components

### Install ###
```
$ yarn add @hexsoftstudio/theme-default
$ yarn add @hexsoftstudio/next-ui
```

```
in nuxt.config.js, add

css: [
    '@hexsoftstudio/theme-default/styles/bulma.css'
],

...

components: true,

...

buildModules: [
'@hexsoftstudio/nuxt-ui'
],

```

### Usage ###

### Samples

```html
<template>
  <div>
    <User />
    <Avatar :avatars="avatars" />
    <Cart count='5' />
    <Ratings :stars="stars" />
    <SocialMedia :title="socialmedia.title" :socialmedia="socialmedia.media" />
    <Copyright />
  </div>
</template>

<script>
import Avatar from '@hexsoftstudio/nuxt-ui/components/Avatar.vue'
import Cart from '@hexsoftstudio/nuxt-ui/components/Cart.vue'
import Copyright from '@hexsoftstudio/nuxt-ui/components/Copyright.vue'
import Ratings from '@hexsoftstudio/nuxt-ui/components/Ratings.vue'
import SocialMedia from '@hexsoftstudio/nuxt-ui/components/SocialMedia.vue'
import User from '@hexsoftstudio/nuxt-ui/components/User.vue'

export default {
  name: 'Home',
  components: {
    Avatar,
    Cart,
    Copyright,
    Ratings,
    SocialMedia,
    User,
  },
  data() {
    return {
      avatars: [
        {
          imagesrc: 'http://hexsoftstudio.com/images/avatar/avatar2.png',
          alt: 'Avatar 1',
          notification: '10',
        },
        {
          imagesrc: 'http://hexsoftstudio.com/images/avatar/avatar3.png',
          alt: 'Avatar 2',
          notification: '20',
        },
        {
          imagesrc: 'http://hexsoftstudio.com/images/avatar/avatar4.png',
          alt: 'Avatar 3',
          notification: '30',
        },
      ],
      stars: [
        {img: './icons/sprite.svg#icon-star'},
        {img: './icons/sprite.svg#icon-star'},
        {img: './icons/sprite.svg#icon-star'},
        {img: './icons/sprite.svg#icon-star'},
        {img: './icons/sprite.svg#icon-star'},
      ],
      socialmedia: {
        title: 'Follow Us On',
        media: [ 'facebook', 'google', 'instagram', 'linkedin', 'pinterest', 'twitter', 'vimeo', 'youtube'],
      },
    }
  },
}
</script>
```

For examples see [https://hexsoftstudio.github.io/nuxt-ui/](https://hexsoftstudio.github.io/nuxt-ui/)
npm package: @hextech/uikit
Description: Set of UI components for pancake projects
Latest version: 0.59.6

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @hexters/ladmin-vite-input
Description: Automatic package to load all assets in the ladmin module.
Author: Asep
Latest version: 0.1.2

# Ladmin Vite Inputs

Automatic package to load all assets in the ladmin module.

```js

. . . 
import ladminViteInputs from '@hexters/ladmin-vite-input'
. . .

export default defineConfig({
    plugins: [
        laravel({
            input: ladminViteInputs([
                'resources/css/app.css',
                'resources/js/app.js'
            ]),
            refresh: true,
        }),
    ],
});


```

## LICENSE
MIT
npm package: @hexuhua/coc-list-files-mru
Description: A files finder plugin running at hacked coc.nvim.
Author: hexh
Latest version: 0.0.2

[ 中文说明 ](https://blog.hexuhua.vercel.app/post/28)

# coc-list-files-mru

A files finder plugin running at hacked coc.nvim. You can open a files finder same as coc-lists files but it will show default mru list if there is no input.

It dependence on a coc.nvim client which supports dynamically switching the list data.That means you have to hack coc manually.

Not elegant but useful.

> Most codes are from https://github.com/neoclide/coc-lists

## Install

You need to have coc.nvim installed for this extension to work. Then run:

```
:CocInstall @hexuhua/coc-list-files-mru
```

Meanwhile, because coc does not support dynamically switching the list data, you must do the following to hack coc.nvim.

Find your coc.nvim install path and do the following changes in `/path/to/your/coc.nvim/build/index.js`

<img src="https://user-images.githubusercontent.com/26080416/227757531-3845157b-07b0-49f3-9910-5ed5a20cc3bb.png" width="75%">

Or execute these commands to do the same if you use [sd](https://github.com/chmln/sd):

```shell
sd '}\n.*set loading\(loading\)' '  this.mruFlag = true; } set loading(loading)' /path/to/your/coc.nvim/build/index.js
sd 'async drawItems\(\) \{' 'async drawItems(context) { var _a2; if (((_a2 = this.list) == null ? void 0 : _a2.name) === "filesMru") { if ((context == null ? void 0 : context.input.length) > 0 && this.mruFlag === true) { this.mruFlag = false; await this.loadItems(context); await this.drawItems(context); return; } if ((context == null ? void 0 : context.input.length) === 0 && this.mruFlag === false) { this.mruFlag = true; await this.loadItems(context); await this.drawItems(context); return; } }'  /path/to/your/coc.nvim/build/index.js
sd 'void this.worker.drawItems\(\);' 'void this.worker.drawItems(this.context);' /path/to/your/coc.nvim/build/index.js
```

## Usage

Run this:

```
:CocList filesMru
```

## Config

This plugin reads coc-lists files and mru list config.
npm package: @hexuhua/coc-symbol-line
Description: A fork of xiyaowong/coc-symbol-line.
Latest version: 0.0.17

# @hexuhua/coc-symbol-line

A fork of xiyaowong/coc-symbol-line.

Source: [xiyaowong/coc-yank](https://github.com/xiyaowong/coc-symbol-line)