https://github.com/s00d/vue-empty-image

https://github.com/s00d/vue-empty-image

Last synced: over 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/s00d/vue-empty-image
• Owner: s00d
• Created: 2016-12-06T12:32:52.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-12-09T10:43:13.000Z (over 9 years ago)
• Last Synced: 2025-02-27T05:06:16.397Z (over 1 year ago)
• Language: JavaScript
• Size: 7.81 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# vue-empty-image

> A reusable focus directive for reusable [Vue.js](https://github.com/vuejs/vue) components

## Overview

Create empty test images for vue

![200x200](http://image.prntscr.com/image/212d108e7c834766a5423b73ebc5ecd4.png)

![300x300](http://image.prntscr.com/image/ed81780fd41749b7b37bf0590c796d40.png)

## Requirements

- vue: ^2.0.0

## Install

From npm:

``` sh

$ npm install vue-empty-image --save

```

## API

### `empty-image`

A directive create empty image,

``` js

import { emptyImage } from 'vue-empty-image';

export default {

  directives: { 'empty-image': emptyImage },

  template: '',

};

```

### `mixin`

A mixin that makes the `v-empty-image` directive available to the component under the default name.

``` js

import { mixin as emptyImage }  from 'vue-empty-image';

export default {

  mixins: [ emptyImage ],

  template: '',

};

```

## License

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