open-index/open-npm huggingface dataset:
npm package: @gurso/vg-chart
Description: npm install @gurso/vg-chart
Latest version: 1.0.6

# vgChart

## Install

    npm install @gurso/vg-chart

then in your main file :

    import { createApp } from "vue"
    import vgChart from "@gurso/vg-chart"
    import App from "./App.vue"
    ...
    const app = createApp(App)
    ...
    app.use(vgChart)
    ...
    app.mount("#app")

## Documentation

[doc(fr)](https://gurso.gitlab.io/vg-chart)
npm package: @gurso/vite-plugin-replace
Description: ## What it does
Latest version: 0.0.11

# vite-plugin-replace

## What it does

Replace a file by a other file.

## Example

with the default generated vite projet:

    import { defineConfig } from "vite"
    import fileReplace from "./index"

    export default defineConfig({
        base: "./",
        plugins: [
            fileReplace({
                match: path => path === "/src/counter.ts",
            }),
        ],
    }

the match function in config is required to declare files you want to replace.

By default the plugins look for a file start with the same name with the ext `mock.ts`
instead to replace each file.

You can define how you want to define the filename for replacement with to replace function
in config.

    import { defineConfig } from "vite"
    import fileReplace from "./index"

    export default defineConfig({
        base: "./",
        plugins: [
            fileReplace({
                match: path => path.startWith("/src/services/")
                replace: path => path.replace("/src/services/", "/mock/")
            }),
        ],
    }
npm package: @gurso/vue-use-form
Description: ## Fields
Latest version: 0.1.1

# Vue Use Form

## Fields

### example

html

    <template>
        <input ref="refInput" />
    <template>

js

    import { useField, useFieldGroup } from "@gurso/vue-use-form"

    const refInput = ref()
    const { dirty, touched, valid, blank, model } = useField({ field: refInput })
    // there also pristine, invalid, untouched

respectives CSS class are added to the element.

You can pass default value in argument:

    const { dirty, touched, valid, blank, model } = useField({ field: refInput, value: "foo" })

if you use v-model on element, you should pass to:

html

    <template>
        <input ref="refInput" v-model="foo" />
    <template>

js

    const model = ref("foo")
    const refInput = ref()
    const { dirty, touched, valid, blank } = useField({ field: refInput, model })