vue-progressbar-component - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

.eslintrc.js

@@ -12,11 +12,7 @@ // https://eslint.org/docs/user-guide/configuring
   extends: 'neonblack/vue',
-  // required to lint *.vue files
-  plugins: [
-    'vue'
-  ],
   // check if imports actually resolve
-  'settings': {
+  settings: {
     'import/resolver': {
-      'webpack': {
-        'config': 'build/webpack.base.conf.js'
+      webpack: {
+        config: 'build/webpack.base.conf.js'
       }
@@ -23,0 +19,0 @@ }

build/webpack.base.conf.js

@@ -37,3 +37,2 @@ 'use strict'
     alias: {
-      'vue$': 'vue/dist/vue.esm.js',
       '@': resolve('src'),
@@ -40,0 +39,0 @@ }

config/index.js

@@ -11,3 +11,3 @@ 'use strict'
     // Paths
-    assetsSubDirectory: 'static',
+    assetsSubDirectory: '',
     assetsPublicPath: '/',
@@ -49,8 +49,8 @@ proxyTable: {},
     // Template for index.html
-    index: path.resolve(__dirname, '../dist/index.html'),
+    index: path.resolve(__dirname, '../docs/index.html'),
 
     // Paths
-    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsRoot: path.resolve(__dirname, '../docs'),
     assetsSubDirectory: '',
-    assetsPublicPath: '/',
+    assetsPublicPath: 'https://evodiaaut.github.io/vue-progressbar-component/',
 
@@ -57,0 +57,0 @@ /**

package.json

 {
   "name": "vue-progressbar-component",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "[CSS GPU Animation] Simple progressbar for vuejs",
@@ -55,11 +55,8 @@ "author": "EvodiaAut <[e-mail]>",
     "babel-preset-stage-2": "^6.22.0",
-    "babel-register": "^6.22.0",
-    "bootstrap": "^4.0.0",
+    "bootstrap": "^4.1.0",
     "chalk": "^2.0.1",
-    "chromedriver": "^2.27.2",
     "copy-webpack-plugin": "^4.0.1",
-    "cross-spawn": "^5.0.1",
     "css-loader": "^0.28.0",
     "eslint": "^4.15.0",
-    "eslint-config-neonblack": "^2.0.1",
+    "eslint-config-neonblack": "^3.0.0",
     "eslint-friendly-formatter": "^3.0.0",
@@ -70,3 +67,2 @@ "eslint-import-resolver-webpack": "^0.8.3",
     "eslint-plugin-vue": "^4.0.0",
-    "eslint-plugin-html": "^4.0.2",
     "extract-text-webpack-plugin": "^3.0.0",
@@ -78,3 +74,2 @@ "file-loader": "^1.1.4",
     "jest-serializer-vue": "^0.3.0",
-    "nightwatch": "^0.9.12",
     "node-notifier": "^5.1.2",
@@ -89,4 +84,3 @@ "node-sass": "^4.7.2",
     "rimraf": "^2.6.0",
-    "sass-loader": "^6.0.6",
-    "selenium-server": "^3.0.1",
+    "sass-loader": "^6.0.7",
     "semver": "^5.3.0",
@@ -93,0 +87,0 @@ "shelljs": "^0.7.6",

README.md

@@ -47,10 +47,24 @@ # vue-progressbar-component
 <!-- simple progress bar -->
-<progress-bar :value="77"></progress-bar>
+<progress-bar
+  :value="77"
+/>
 
-<!-- change start origin from right-->
-<progress-bar :value="95" origin="right"></progress-bar>
+<!-- add class (color) -->
+<progress-bar
+  :value="88"
+  bar-class="bg-success"
+/>
 
-<!-- change scaleX to scaleY and origin bottom-->
-<progress-bar :value="88" scale="Y" origin="bottom"></progress-bar>
+<!-- change start origin from right -->
+<progress-bar
+  :value="95"
+  origin="right"
+/>
 
+<!-- change scaleX to scaleY and origin bottom -->
+<progress-bar
+  :value="88"
+  scale="Y"
+  origin="bottom"
+/>
 ```
@@ -61,13 +75,25 @@
 ```scss
-// simple theme
+// example or use it
 @import "./node_modules/vue-progressbar-component/src/scss/progressbar";
 ```
 
+Do you like my theme but not the colors or paddings, ...?
+
+```scss
+// overwrite variables
+$progressbar-height: 2rem;
+$progressbar-background: gray;
+// find more variables in /src/scss/_progressbar-variables.scss
+
+@import "./node_modules/vue-progressbar-component/src/scss/progressbar";
+```
+
 ## Props
 
-|Prop|Type|Required|Sync|Default|Description
-|-|-|-|-|-|-|
-|value|Number|false|false|0|Progress bar (width) from 0 to 100
-|origin|String|false|false|left|Set origin
-|scale|String|false|false|X|Set scaleX or scaleY
+|Prop|Type|Required|Default|Description
+|-|-|-|-|-|
+|value|Number|false|0|Progress bar width
+|barClass|String|false|''|Bar class
+|origin|String|false|left|Set origin
+|scale|String|false|X|Set scaleX or scaleY
 
@@ -74,0 +100,0 @@ ## Build Setup

src/main.js

@@ -1,5 +0,3 @@
-// The Vue build version to load with the `import` command
-// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'
-import App from './App'
+import App from '@/App'
 
@@ -6,0 +4,0 @@ Vue.config.productionTip = false

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

253490

increased by23.58%

Dev dependency count

53

decreased by-10.17%

Number of lines in readme file

119

increased by27.96%

Worsened metrics

Lines of code

678

decreased by-3.14%

No dependency changes