@@ -18,27 +18,11 @@ The following are the main differences with the previous release:
18
18
19
19
# Usage
20
20
21
- ## From npm
22
-
23
21
```
24
22
npm i @okrad/svelte-progressbar
25
23
```
26
24
27
- ### Using in a standard js module
28
-
29
- ``` javascript
30
- import ProgressBar from ' @okrad/svelte-progressbar' ;
31
-
32
- const pb = new ProgressBar ({
33
- target: document .getElementById (' demo' ),
34
- props: {
35
- series: 20
36
- }
37
- });
38
-
39
- ```
40
-
41
- ### Using in a Svelte app
25
+ Then you can use it like:
42
26
43
27
``` javascript
44
28
// main.js
@@ -70,20 +54,20 @@ export default app;
70
54
## Building from source
71
55
72
56
```
73
- npm run build
57
+ npm run package
74
58
```
75
59
76
- Creates unminified index.js and index.mjs files.
60
+ Builds svelte files and transpiles ts into dist/ directory
77
61
78
62
Or...
79
63
80
64
```
81
- npm run dist
65
+ npm run bundle
82
66
```
83
67
84
- Creates minified index.js and index.mjs files.
68
+ Creates minified index.js and index.mjs files in the bundle/ directory .
85
69
86
- Either way, include index.js in your html file, then instantiate the component:
70
+ You can use the index.js bundle by including it in your html file, then instantiating the component:
87
71
``` javascript
88
72
const pb = new ProgressBar ({
89
73
target: document .getElementById (' demo' ),
@@ -264,6 +248,9 @@ Take a look at these [working examples](https://okrad.github.io/svelte-progressb
264
248
265
249
266
250
# Changelog
251
+ 2023/02/21: Version 2.1.0
252
+ * Sveltekit conversion
253
+
267
254
2023/02/21: Version 2.0.0
268
255
* Major refactorization, bringing full width support and many other improvements!
269
256
* Moved to vite
0 commit comments