Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vue-flow-grid

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-flow-grid - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

.npmignore

9

package.json
{
"name": "vue-flow-grid",
"version": "0.0.1",
"version": "0.0.2",
"description": "A simple flow grid component for Vue.js",
"main": "index.js",
"scripts": {
"test": "echo \"TODO:test\" && exit 1"
"test": "echo -e '[TODO]Test coming soon...'"
},

@@ -24,3 +24,6 @@ "repository": {

},
"homepage": "https://github.com/75team-biz/vue-flow-grid#readme"
"homepage": "https://github.com/75team-biz/vue-flow-grid#readme",
"dependencies": {
"vue": "^2.0.5"
}
}

@@ -11,3 +11,3 @@ # vue-flow-grid

import Vue from 'vue'
import FlowGrid from 'vue-flowgrid'
import FlowGrid from 'vue-flow-grid'
Vue.use(FlowGrid);

@@ -17,31 +17,31 @@

<ul v-flowgrid="3">
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
<li>555</li>
<li>666</li>
<li>777</li>
<li>888</li>
</ul>
<ul v-flowgrid="3">
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
<li>555</li>
<li>666</li>
<li>777</li>
<li>888</li>
</ul>
The code above will be compiled to:
<ul>
<div id="vFlowgrid1" style="width: 20%; float: left;">
<li>111</li>
<li>444</li>
<li>777</li>
</div>
<div id="vFlowgrid2" style="width: 20%; float: left;">
<li>222</li>
<li>555</li>
<li>888</li>
</div>
<div id="vFlowgrid3" style="width: 20%; float: left;">
<li>333</li>
<li>666</li>
</div>
</ul>
<ul>
<div id="vFlowgrid1" style="width: 20%; float: left;">
<li>111</li>
<li>444</li>
<li>777</li>
</div>
<div id="vFlowgrid2" style="width: 20%; float: left;">
<li>222</li>
<li>555</li>
<li>888</li>
</div>
<div id="vFlowgrid3" style="width: 20%; float: left;">
<li>333</li>
<li>666</li>
</div>
</ul>

@@ -48,0 +48,0 @@

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