New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
vue-single-select
Advanced tools
vue-single-select - npm Package Compare versions
Comparing version 1.0.20 to 1.0.21
| { | ||
| "name": "vue-single-select", | ||
| "version": "1.0.20", | ||
| "version": "1.0.21", | ||
| "description": "single select autocomplete dropdown for vue", | ||
@@ -8,22 +8,23 @@ "main": "dist/index", | ||
| "browser": { | ||
| "./sfc": "dist/vue-single-select.vue" | ||
| "./sfc": "dist/vue-single-select.vue" | ||
| }, | ||
| "scripts": { | ||
| "serve": "vue-cli-service serve", | ||
| "vbuild": "vue-cli-service build", | ||
| "lint": "vue-cli-service lint", | ||
| "dev": "cross-env NODE_ENV=development webpack", | ||
| "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" | ||
| "prepublish": "npm build", | ||
| "serve": "vue-cli-service serve", | ||
| "vbuild": "vue-cli-service build", | ||
| "lint": "vue-cli-service lint", | ||
| "dev": "cross-env NODE_ENV=development webpack", | ||
| "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" | ||
| }, | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "git+https://github.com/robrogers3/vue-single-select.git" | ||
| "type": "git", | ||
| "url": "git+https://github.com/robrogers3/vue-single-select.git" | ||
| }, | ||
| "keywords": [ | ||
| "vue", | ||
| "js", | ||
| "dropdown", | ||
| "autocomplete", | ||
| "select", | ||
| "element" | ||
| "vue", | ||
| "js", | ||
| "dropdown", | ||
| "autocomplete", | ||
| "select", | ||
| "element" | ||
| ], | ||
@@ -33,25 +34,25 @@ "author": "Rob Rogers", | ||
| "bugs": { | ||
| "url": "https://github.com/robrogers3/vue-single-select/issues" | ||
| "url": "https://github.com/robrogers3/vue-single-select/issues" | ||
| }, | ||
| "homepage": "https://github.com/robrogers3/vue-single-select#readme", | ||
| "peerDependencies": { | ||
| "vue": "2.x" | ||
| "vue": "2.x" | ||
| }, | ||
| "devDependencies": { | ||
| "babel-core": "^6.26.0", | ||
| "babel-loader": "^7.1.2", | ||
| "babel-preset-env": "^1.6.0", | ||
| "babel-preset-stage-3": "^6.24.1", | ||
| "copy-webpack-plugin": "^4.5.2", | ||
| "cross-env": "^5.0.5", | ||
| "css-loader": "^0.28.7", | ||
| "file-loader": "^1.1.4", | ||
| "vue": "^2.5.11", | ||
| "vue-loader": "14.2.2", | ||
| "vue-template-compiler": "^2.4.4", | ||
| "webpack": "^4.16.3", | ||
| "webpack-cli": "^3.1.0", | ||
| "webpack-dev-server": "^2.9.1", | ||
| "webpack-merge": "^4.1.3" | ||
| "babel-core": "^6.26.0", | ||
| "babel-loader": "^7.1.2", | ||
| "babel-preset-env": "^1.6.0", | ||
| "babel-preset-stage-3": "^6.24.1", | ||
| "copy-webpack-plugin": "^4.5.2", | ||
| "cross-env": "^5.0.5", | ||
| "css-loader": "^0.28.7", | ||
| "file-loader": "^1.1.4", | ||
| "vue": "^2.5.11", | ||
| "vue-loader": "14.2.2", | ||
| "vue-template-compiler": "^2.4.4", | ||
| "webpack": "^4.16.3", | ||
| "webpack-cli": "^3.1.0", | ||
| "webpack-dev-server": "^2.9.1", | ||
| "webpack-merge": "^4.1.3" | ||
| } | ||
| } | ||
| } |
@@ -12,2 +12,4 @@ # vue-single-select | ||
| ## How Simple? | ||
| This **simple** | ||
@@ -22,2 +24,4 @@ | ||
| <img style="width: 500px" src="https://raw.githubusercontent.com/robrogers3/vue-single-select/master/simple-single-select.png"> | ||
| ## What It Does Not Do | ||
@@ -29,7 +33,33 @@ | ||
| # Usage | ||
| ## Usage | ||
| ### Install it | ||
| ### Install and Use Via CDN | ||
| ```html | ||
| <div id="app"> | ||
| <lable>Choose a fruit!</lable> | ||
| <vue-single-select | ||
| v-model="fruit" | ||
| :options="fruits" | ||
| ></vue-single-select> | ||
| </div> | ||
| ``` | ||
| ```html | ||
| <script src="https://unpkg.com/vue@latest"></script> | ||
| <script src="https://unpkg.com/vue-single-select@latest"></script> | ||
| <script> | ||
| new Vue({ | ||
| el:"#app", | ||
| data: { | ||
| fruit: null, | ||
| fruits: ['peach','pear','apple','orange'] | ||
| } | ||
| }); | ||
| </script> | ||
| ```` | ||
| ### Install Via NPM | ||
| ```bash | ||
| $ npm i vue-single-select | ||
@@ -291,3 +321,3 @@ ``` | ||
| }, | ||
| //Give your input an html element id | ||
| // Give your input an html element id | ||
| inputId: { | ||
@@ -380,3 +410,3 @@ type: String, | ||
| A. Good question. Why aren't you passing that in as a prop? | ||
| A. Good question. Why aren't you passing data in as a prop? | ||
| Seriously, this is just a widget why does it need knowledge of it's data source? | ||
@@ -391,8 +421,1 @@ | ||
| A. Nope not found here. | ||
| Q. _Why doesn't it work?_ | ||
| A. You know I really didn't make this to be used without a bundler and the vue-loader. If you don't know what this means then checkout **Parcel** or **Vue Cli** to get started. You're going to want it anyway. | ||
| Or if you are ready to roll but need a helping hand use **Laravel Mix** | ||
| It's your one stop to success! |
New alerts
Mixed license
License(Experimental) Package contains multiple licenses.
Found 1 instance in 1 package
Fixed alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Number of lines in readme file
- increased by5.85%
416
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-6.44%
432240
- Number of package files
- decreased by-22.22%
14
- Number of low license alerts
- increased byInfinity%
1
- Lines of code
- decreased by-36.36%
182
No dependency changes