open-index/open-npm huggingface dataset:
npm package: @notiv/postcss-property-lookup
Description: PostCSS plugin that allows referencing property values without a variable
Author: Simon Smith
Latest version: 2.1.1

# postcss-property-lookup [![Build Status][ci-img]][ci]

[PostCSS] plugin that allows referencing property values without a variable, [similar to Stylus](https://learnboost.github.io/stylus/docs/variables.html#property-lookup).

[PostCSS]: https://github.com/postcss/postcss
[ci-img]:  https://api.travis-ci.org/simonsmith/postcss-property-lookup.svg?branch=master
[ci]:      https://travis-ci.org/simonsmith/postcss-property-lookup


```css
.Test {
  margin-left: 20px;
  margin-right: @margin-left;
  color: red;
  background: @color url('test.png');
  line-height: 1.5;
  font-size: @(line-height)em;
}
```

```css
.Test {
  margin-left: 20px;
  margin-right: 20px;
  color: red;
  background: red url('test.png');
  line-height: 1.5;
  font-size: 1.5em;
}
```

Check the [test fixtures](test/fixtures/in) for more examples.

## Usage

```js
postcss([ require('postcss-property-lookup') ])
```

See [PostCSS] docs for examples for your environment.

## Installation

```
$ npm install postcss-property-lookup
```

## Usage

### JavaScript

```js
postcss([
  require('postcss-property-lookup')(/* options */),
  // more plugins...
])
```

### TypeScript

```ts
///<reference path="node_modules/postcss-property-lookup/.d.ts" />
import postcssPropertyLookup from 'postcss-property-lookup';

postcss([
  postcssPropertyLookup(/* options */),
  // more plugins...
])
```

## Options

### logLevel

Type: `string: <error|warn>`<br>
Required: `false`<br>
Default: `warn`

When a lookup cannot be resolved, this specifies whether to throw an error or log a warning. In the case of a warning, the invalid lookup value will be replaced with an empty string.

### lookupPattern

Type: `RegExp` <br>
Required: `false` <br>
Default: `/@\(?([a-z-]+)\)?\b/g`

The regular expression by which the property will be searched

For example, to enable working with [postcss-inline-media](https://github.com/postcss/postcss-inline-media), look up only css-properies @font-size, @color, ...:
```js
{
  lookupPattern: /@([a-z-]+)\b/g;
}
```

### skipUnknown

Type: Boolean <br>
Required: `false` <br>
Default: `true`

Skip replace if property was not found.
npm package: @notiv/vite-plugin-vue-svg
Description: Import SVG files as Vue Components
Author: Damian Stasik
Latest version: 0.2.0

<h1 align="center">vite-plugin-vue-svg</h1>
<p align="center">Extend Vite with ability to use SVG files as Vue components.</p>

> This is a fixed version of [vite-plugin-vue-svg](https://www.npmjs.com/package/vite-plugin-vue-svg)

### Features:
- [SVGO](https://github.com/svg/svgo) optimization
- Hot Module Replacement support
- Support for `?url` and `?component` query string

#### Currently supported Vite version:

<p><code>2.0.0-beta.61</code></p>

### Install

```bash
yarn add --dev vite-plugin-vue-svg @vue/compiler-sfc

npm i -D vite-plugin-vue-svg @vue/compiler-sfc
```

### Setup

```js
// vite.config.js
const vue = require('@vitejs/plugin-vue');
const vueSvgPlugin = require('vite-plugin-vue-svg');

module.exports = {
  plugins: [
    vue(),
    vueSvgPlugin(),
  ],
};
```

#### Options

```js
vueSvgPlugin({
  // Default behavior when importing `.svg` files, possible options are: 'url' and `component`
  defaultExport: 'url',

  // SVGO configuration object
  svgoConfig: {},
})
```

### Usage

```vue
<template>
  <div>
    <MyIcon />
  </div>
</template>
<script>
import MyIcon from './svgs/my-icon.svg?component';

export default {
  components: {
    MyIcon,
  },
};
</script>
```