open-index/open-npm huggingface dataset:
npm package: @liqueflies/udon
Description: A scaffolding opinionated tool for vue development.
Author: Lorenzo Girardi
Latest version: 1.0.2

# udon 

> 🍜 A scaffolding opinionated tool for vue development.

### What is it?
udon is a scaffolding tool that allows you to bootstrap fastly vue projects. It gives you out-of-the-box the following options:

- multilanguage setup
- pre-fetching page data in vuex modules
- server sample data mocks

## Requirements
 - node >= 8
 - npm or yarn

## Installation
Install as global node package:
```
$ npm install -g @liqueflies/udon
```

## Usage
Once installed you have to create a vue project.

```
$ npm install -g @vue/cli
$ vue create `my-project`
$ cd `my-project`
```

Than scaffold.
```
$ udon init
```

Start vue-cli with
```
$ udon dev
```
npm package: @liqueflies/vue-flex-grid
Description: A powerful flexbox grid system for Vue.js 2.x, based on flexboxgrid and css-modules.
Author: Lorenzo Girardi
Latest version: 0.0.1

# vue-flex-grid

> A powerful flexbox grid system for Vue.js 2.x, based on [flexboxgrid](http://flexboxgrid.com/) and css-modules.

## Installation
``` bash
  npm install @liqueflies/vue-flex-grid --save
  # or
  yarn add @liqueflies/vue-flex-grid
```

## Example usage

```js
import VueGrid from '@liqueflies/vue-flex-grid'

Vue.use(VueGrid)
```

This instruction will install 3 components, `Grid`, `Row`, `Column`.
Please refer to [Documentation](docs/main.md) for more details.

An example of code using `vue-grid`:

```html
<grid>
  <row>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
  </row>
</grid>
```

## Documentation

#### [View the Documentation](docs/main.md)

## Examples

``` bash
  npm run examples
```

## Credits

Inpired by [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid)

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2017 Lorenzo Girardi
npm package: @liqueflies/vue-grid
Description: Vue.js grid components
Author: Lorenzo Girardi
Latest version: 0.0.4

# vue-grid

> A powerful flexbox grid system for Vue.js 2.x, built with inline-styles

## Installation
``` bash
  npm install @liqueflies/vue-grid --save
  # or
  yarn add @liqueflies/vue-grid
```

## Introduction

`vue-grid` use principles of [bootstrap layout](https://getbootstrap.com/docs/4.0/layout/overview/) providing a responsive grid made with components, props and inline-styles.

## Example usage

```js
import { VueGrid } from '@liqueflies/vue-grid'

Vue.use(VueGrid, { /* your configuration */ })
```

### This object is the `default` confguration representing the properties that you can override:

```js
{
  columns: 12,
  gutter: 16,
  breakpoints: {
    xs: 320,
    sm: 576,
    md: 768,
    lg: 992,
    xl: 1200
  },
}
```

This instruction will install 4 components, `Container`, `Row`, `Column`, `Hidden`.
Please refer to [Documentation](docs/main.md) for more details.

An example of code using `vue-grid`:

```html
<container xl="1200">
  <row>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
  </row>
  <hidden :from="sm" :until="lg">
    This is only visible from sm to lg breakpoints
  </hidden>
</container>
```

## Documentation

#### [View the Documentation](docs/main.md)

## Examples

``` bash
  npm run examples
```

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2017 Lorenzo Girardi