open-index/open-npm huggingface dataset:
npm package: @aksharahegde/vue-glow
Description: Add a mouse-tracing glow effect to Vue components.
Author: Akshara Hegde
Latest version: 1.3.0

# Vue Glow

Add a mouse-tracing glow effect to Vue components.

Demo: https://vueglow-demo.vercel.app/

Nuxt 3 Plugin also available: https://github.com/aksharahegde/nuxt-glow

## Installation

Install the package using your favorite package manager:

```shell
pnpm i @aksharahegde/vue-glow
```

## Usage

1. Add the `@aksharahegde/vue-glow` plugin to your `src/main.js`

```js
import VueGlow from '@aksharahegde/vue-glow'
Vue.use(VueGlow)
```

2. Add the tailwind plugin to unlock the `glow:` variant and `glow` color

`tailwind.config.js`
```js
module.exports = {
  ...
  plugins: [
    require("@aksharahegde/vue-glow/tailwind")
  ]
}
```

As with all colors in Tailwind, you may add opacity by appending a percentage after the color, such as `bg-glow/20` for 20% opacity.

3. Wrap any number of `<GlowElement>` components in a `<GlowCapture>` which will be used to track the mouse location.

```html
<template>
  <GlowCapture>
    <span>This won't glow</span>
    <GlowElement color="purple">
      <p class="text-black glow:text-glow/50 glow:bg-red-100">
        This will glow purple when the mouse is passed over
      </p>
    </GlowElement>
  </GlowCapture>
</template>
```

Children of `<GlowElement>` can style themselves how to look when glowing. You might choose to leave some children unchanged, or highlight them with the `glow:` variant style.

The value of `color` will be available as a CSS variable `--glow-color`, as well as the Tailwind `glow` color.
You can pass any valid CSS color, including `hsl()` values etc.
Of course, you might choose to use any other color; you can leave out the `color` prop entirely.


## Attribution
- Module is inspired by [React Glow](https://github.com/codaworks/react-glow) by [Codaworks](https://github.com/codaworks)
- Playground card is version of https://codepen.io/_rahul/pen/MWrozMX by [rahul](https://codepen.io/_rahul)
npm package: @aksigndata/shared-workspace
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.0.5.
Latest version: 0.0.2

# SharedWorkspace

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.0.5.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.