open-index/open-npm huggingface dataset:
npm package: @prefecthq/prefect-design
Description: A collection of low-level Vue components.
Latest version: 2.16.4

# Prefect Design
A collection of low-level Vue components. 

## Demo
https://prefect-design.netlify.app/

## Development
```
npm run serve
```

## Installation
```
npm i @prefecthq/prefect-design --save
```
npm package: @prefecthq/prefect-ui-library
Description: This library is the Vue and Typescript component library for [Prefect 2](https://github.com/PrefectHQ/prefect) and [Prefect Cloud 2](https://www.prefect.io/cloud/). _The components and utilities in this project are not meant to be used independently_.
Latest version: 3.15.0

# prefect-ui-library
This library is the Vue and Typescript component library for [Prefect 2](https://github.com/PrefectHQ/prefect) and [Prefect Cloud 2](https://www.prefect.io/cloud/). _The components and utilities in this project are not meant to be used independently_. 

## Install
```
npm i @prefecthq/prefect-ui-library --save --save-exact
```

## Developing with Prefect UI

If you plan to develop against the Prefect UI you can install the prefect-ui-library package locally.

We recommend using the cli and running

`npm i @prefecthq/prefect-ui-library@../../prefect-ui-library --save`

in the Prefect UI project where `../../prefect-ui-library` is the relative path from your Prefect UI project’s directory to the prefect-ui-library project directory. You can also use an absolute path. 

If you have done this succesfully, you should see your Prefect UI package.json and package-lock.json updated to show your local prefect-ui-library. 

<aside>
💡 Keep in mind this will update both the package.json and package-lock.json files. Be sure to not commit the changes to these two files.

💡 Linking a package this way is the safest as it avoids having to do an `npm i`.

</aside>

Then when linking prefect-ui-library to the prefect/UI project you can do the following:

In prefect-ui-library (this repo):

`npm run dev`

In [ui](https://github.com/PrefectHQ/prefect/tree/main/ui):

`npm run serve`

Now any change you make in prefect-ui-library will trigger a reload in UI. 

## Update
To update a package in a project you can either install `latest` or a specific version like

```
npm i @prefecthq/prefect-ui-library@latest --save --save-exact
```
OR
```
npm i @prefecthq/prefect-ui-library@0.1.60 --save --save-exact
```

## Versioning
This project does not follow SEM versioning and major, minor, and patch updates mostly signify progress toward objectives. Breaking changes are introduced regularly without releasing a major version. For more information, see the [Prefect versioning docs](https://docs.prefect.io/contributing/versioning/)
npm package: @prefecthq/vue-charts
Description: This library is the Vue and Typescript charts component library. ## Install ``` npm i @prefecthq/vue-charts --save --save-exact ```
Latest version: 2.1.1

# vue-charts
This library is the Vue and Typescript charts component library.
## Install
```
npm i @prefecthq/vue-charts --save --save-exact
```

## Demo
https://prefect-vue-charts.netlify.app/

To run locally for development you can use `npm run serve` and go to the url outputted to the console.
npm package: @prefecthq/vue-compositions
Description: A collection of reusable vue compositions.
Author: Craig Harshbarger
Latest version: 1.12.2

# vue-compositions

A collection of reusable vue compositions

## Installation

```bash
npm i --save @prefecthq/vue-compositions
```

## Compositions

- [useBoolean](https://github.com/prefecthq/vue-compositions/tree/main/src/useBoolean)
- [useChildrenAreWrapped](https://github.com/prefecthq/vue-compositions/tree/main/src/useChildrenAreWrapped)
- [useClickOutside](https://github.com/prefecthq/vue-compositions/tree/main/src/useClickOutside)
- [useComputedStyle](https://github.com/prefecthq/vue-compositions/tree/main/src/useComputedStyle)
- [useDebouncedRef](https://github.com/prefecthq/vue-compositions/tree/main/src/useDebouncedRef)
- [useElementRect](https://github.com/prefecthq/vue-compositions/tree/main/src/useElementRect)
- [useElementWidth](https://github.com/prefecthq/vue-compositions/tree/main/src/useElementWidth)
- [useEventListener](https://github.com/prefecthq/vue-compositions/tree/main/src/useEventListener)
- [useGlobalEventListener](https://github.com/prefecthq/vue-compositions/tree/main/src/useGlobalEventListener)
- [useIntersectionObserver](https://github.com/prefecthq/vue-compositions/tree/main/src/useIntersectionObserver)
- [useIsSame](https://github.com/prefecthq/vue-compositions/tree/main/src/useIsSame)
- [useKeyDown](https://github.com/prefecthq/vue-compositions/tree/main/src/useKeyDown)
- [useMedia](https://github.com/prefecthq/vue-compositions/tree/main/src/useMedia)
- [useMousePosition](https://github.com/prefecthq/vue-compositions/tree/main/src/useMousePosition)
- [useMutationObserver](https://github.com/prefecthq/vue-compositions/tree/main/src/useMutationObserver)
- [useNow](https://github.com/prefecthq/vue-compositions/tree/main/src/useNow)
- [usePatchRef](https://github.com/prefecthq/vue-compositions/tree/main/src/usePatchRef)
- [usePositionStickyObserver](https://github.com/prefecthq/vue-compositions/tree/main/src/usePositionStickyObserver)
- [useResizeObserver](https://github.com/prefecthq/vue-compositions/tree/main/src/useResizeObserver)
- [useRouteParam](https://github.com/prefecthq/vue-compositions/tree/main/src/useRouteParam)
- [useRouteQuery](https://github.com/prefecthq/vue-compositions/tree/main/src/useRouteQuery)
- [useRouteQueryParam](https://github.com/prefecthq/vue-compositions/tree/main/src/useRouteQueryParam)
- [useRouteQueryParams](https://github.com/prefecthq/vue-compositions/tree/main/src/useRouteQueryParams)
- [useScrollLinking](https://github.com/prefecthq/vue-compositions/tree/main/src/useScrollLinking)
- [useStorage](https://github.com/prefecthq/vue-compositions/tree/main/src/useStorage)
- [useSubscription](https://github.com/prefecthq/vue-compositions/tree/main/src/useSubscription)
- [useValidation](https://github.com/prefecthq/vue-compositions/tree/main/src/useValidation)
- [useValidationObserver](https://github.com/prefecthq/vue-compositions/tree/main/src/useValidationObserver)
- [useVisibilityObserver](https://github.com/prefecthq/vue-compositions/tree/main/src/useVisibilityObserver)