New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

vue-masonry

Package Overview
Dependencies
Maintainers
1
Versions
39
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-masonry - npm Package Compare versions

Comparing version 0.11.3 to 0.11.4

3

package.json
{
"name": "vue-masonry",
"version": "0.11.3",
"version": "0.11.4",
"description": "masonry layout for vue.js",
"main": "src/masonry.plugin.js",
"browser": "dist/vue-masonry-plugin-window.js",
"scripts": {

@@ -8,0 +7,0 @@ "test": "echo \"Error: no test specified\" && exit 1",

# vue-masonry
**Current version: 0.11.3**
**Current version: 0.11.4**

@@ -11,18 +11,24 @@ Vue.js directive for masonry blocks layouting. Original [masonry library](http://masonry.desandro.com/).

![DEPENDENCIES status](https://david-dm.org/shershen08/vue-masonry/status.svg)
## Install & Usage
## Usage
- Get from npm: ```npm install vue-masonry --save ```
### Install via NPM
- Get from npm: ```npm install vue-masonry --save ```
or from bower ```bower install vue-masonry```
- Make sure that the masonry library is included; for example using cdn link: ```<script async defer src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.0.0/masonry.pkgd.min.js"></script>``` or in other convenient way.
- Use in component code
- Make sure that the masonry library is included; for example using cdn link: ```<script async defer src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.0.0/masonry.pkgd.min.js"></script>``` or in other convenient way.
### Usage with build tools
- In your Vue app you'll have the following code:
```
import Vue from 'vue'
// import es6 style
// import ES6 style
import {VueMasonryPlugin} from 'vue-masonry';
// or using CJS

@@ -48,10 +54,11 @@ // const VueMasonryPlugin = require('vue-masonry').VueMasonryPlugin

```
var VueMasonryPlugin = window["vue-masonry-plugin"]
var VueMasonryPlugin = window["vue-masonry-plugin"].VueMasonryPlugin
Vue.use(VueMasonryPlugin)
```
Properties currently available reproduce most of those on the [original masonry plugin](http://masonry.desandro.com/options.html):
### Properties
Properties that are currently available reproduce most of those on the [original masonry plugin](http://masonry.desandro.com/options.html):
- ```item-selector=".item"``` - list element DOM item selector;

@@ -138,5 +145,4 @@ - ```transition-duration="0.3s``` - duration of transitions;

### License
MIT
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc