open-index/open-npm huggingface dataset:
npm package: @makalay/my_lib_hi
Description: ## Project setup ``` npm install ```
Latest version: 0.1.7

# tag-loop

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```
### console
```
console.log('hello')
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @makalay/vue-var-css
Description: use CSS Variables by vue directive #### install the package > npm i v-css-var
Latest version: 0.1.13

# v-css-var
use CSS Variables by vue directive
#### install the package
> npm i v-css-var

#### use it in main.js
```javascript
import cssVar from 'v-css-var'
Vue.use(cssVar)
```
#### basic use
```Vue
<template>
<div>
  <div v-css-var="var"></div>
  <p v-css-var="var"></p>
</div> 


</template>
<script>
export default {
  data(){
    return {
      var:{
        c:'red',
        a:'1px'
      }
    }
  }
}
</script>
<style>
div{
  height: var(--a);
}
p{ 
  color:var(--c);
  height: var(--a);
}
</style>
```
It will be transfed as 
```html
<div style="--a:'1'"></div>
```
If you want share the vars to all,
you can add it to the html element
```Vue
<template>
  <div v-css-var.root="var"></div>
</template>

```
It will be transfed as
```html
<html style="--a:'1px'">
    <body>
        <div></div>
    </body>
</html>
```
#### TO DO
- [x] remove the css Variables
- [ ] write the test