open-index/open-npm huggingface dataset:
npm package: @superyou/web-utils
Description: utils-web
Latest version: 12.0.1

## @bnfe/common-utils

这是一个在web环境下的utils包 你可以在 vue / react / h5 / script标签 中使用此包

## 安装

```sh
pnpm install @bnfe/web-utils -S
```

## 使用

### 1. 在 Vue / React 中使用

```js
import { copyToClip } from "@bnfe/web-utils";

copyToClip("str");
```

### 2. 在 browser 中使用

复制dist文件夹下的web-utils.umd.js文件 引入现有的项目中

```js
<script src="./script/web-utils.umd.js"></script>

<script>
  const { copyToClip } = webUtils

  copyToClip('str')
</script>
```
npm package: @superyusuke/vue-fragment
Description: fragment component for vuejs
Author: Julien Barbay, Nakanishi, Yusuke
Latest version: 1.0.0

# vue-fragments
## what
a very candide fragment component for Vue.js

もともと公開されていたモジュールの、export 周りのバグを修正しただけのものです。
https://www.npmjs.com/package/vue-fragments

## why
If you arrived here, i think you searched hard and you know why you're here.

For others, fragments are basically _root-less_ components. They come useful in many situations where you don't want to pollute the DOM, or you semantically return many elements at once.

### How
It's impossible to use functional components or slots, since it's all about vDOM and there is a "you should return one root element" limitation… So, I'm using a directive called `v-fragment` which will dump all children of the target node into its parent at the time of insertion. Since directives can manipulate DOM, we can bypass that limitation.

Also, for semantics, I'm adding a `VFragment` component so you can use a meaningful `<v-fragment />` instead of `<div v-fragment />` (but it's literally the same).

### Use
-  download the package `npm i -s @superyusuke/vue-fragment`

From here, you can load a plugin version, or use the component independently.

- Plugin:
    ```
    import { Plugin } from '@superyusuke/vue-fragment'
    Vue.use(Plugin)

    …

    export const MyComponent {
      template: '
      <v-fragment>
        <input type="text" v-model="message">
        <span>{{ message }}</span>
      </v-fragment>
      ',
      data() { return { message: 'hello world }}
    }
    ```

- Component:
    ```
    import { VFragment } from '@superyusuke/vue-fragment'

    export const MyComponent {
      components: { VFragment },
      template: '
      <v-fragment>
        <input type="text" v-model="message">
        <span>{{ message }}</span>
      </v-fragment>
      ',
      data() { return { message: 'hello world }}
    }
    ```