@bachdgvn/sbox-ds - npm Package Compare versions

Comparing version 0.0.1-alpha-1 to 0.0.1-alpha-2

package.json

 {
     "name": "@bachdgvn/sbox-ds",
-    "version": "0.0.1-alpha-1",
+    "version": "0.0.1-alpha-2",
     "title": "Sbox Design System",
@@ -5,0 +5,0 @@ "description": "Collection of UI Components based on Sbox Design System and Vue.js 2.0",

README.md

@@ -34,23 +34,26 @@ <p align="center">
 
-## Usage
+## Quickstart
 
-```vue
-<template>
-    <Slider v-model="value" range />
-</template>
-<script>
-    export default {
-        data () {
-            return {
-                value: [20, 50]
-            }
-        }
-    }
-</script>
 ```
+import Vue from 'vue';
+import VueRouter from 'vue-router';
+import App from 'components/app.vue';
+import Routers from './router.js';
+import SboxDS from '@bachdgvn/sbox-ds';
+import '@bachdgvn/sbox-ds/dist/styles/sbox-ds.css';
 
-Using css via `import`:
+Vue.use(VueRouter);
+Vue.use(SboxDS);
 
-```js
-import 'sbox-ds/dist/styles/sbox-ds.css';
+// The routing configuration
+const RouterConfig = {
+    routes: Routers
+};
+const router = new VueRouter(RouterConfig);
+
+new Vue({
+    el: '#app',
+    router: router,
+    render: h => h(App)
+});
 ```
@@ -57,0 +60,0 @@

No alert changes

Improved metrics

Total package byte prevSize

21788517

increased by32.34%

Number of package files

596

increased by7%

Number of lines in readme file

73

increased by4.29%

Worsened metrics

Number of medium supply chain risk alerts

92

increased by73.58%

No dependency changes