pangea-lib 1.17.3 → 1.17.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +24 -2
  2. package/package.json +1 -2
package/README.md CHANGED
@@ -2,15 +2,16 @@
2
2
 
3
3
  ## Setup
4
4
 
5
- Install the following package in your project with npm or yarn:
5
+ Install the following packages in your project with npm or yarn:
6
6
 
7
7
  ```bash
8
8
  1. yarn add pangea-lib
9
9
  2. yarn add pinia
10
10
  3. yarn add pinia-plugin-persistedstate
11
+ 4. yarn add animate.css (optional)
11
12
  ```
12
13
 
13
- In the main file:
14
+ In the `main` file:
14
15
 
15
16
  ```javascript
16
17
  import { createApp } from 'vue';
@@ -20,6 +21,9 @@ import { createPinia } from 'pinia';
20
21
  import { createPersistedState } from 'pinia-plugin-persistedstate';
21
22
  // pangea
22
23
  import pangea from 'pangea-lib';
24
+ // styles
25
+ import 'animate.css'; // (optional)
26
+ import 'pangea-lib/style.css';
23
27
 
24
28
  // create app
25
29
  const app = createApp(App);
@@ -32,3 +36,21 @@ app.use(pangea);
32
36
  // mount
33
37
  app.mount('#app');
34
38
  ```
39
+
40
+ If you want to use Stylus helpers, in `vite.config`:
41
+
42
+ ```javascript
43
+ import { defineConfig } from 'vite';
44
+
45
+ export default defineConfig({
46
+ css: {
47
+ preprocessorOptions: {
48
+ stylus: {
49
+ additionalData: `
50
+ @import "pangea-lib/src/styles/index.styl";
51
+ `,
52
+ },
53
+ },
54
+ },
55
+ });
56
+ ```
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pangea-lib",
3
3
  "description": "",
4
- "version": "1.17.3",
4
+ "version": "1.17.5",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist",
@@ -46,7 +46,6 @@
46
46
  "@fortawesome/free-solid-svg-icons": "^6.5.1",
47
47
  "@fortawesome/vue-fontawesome": "^3.0.5",
48
48
  "@vuepic/vue-datepicker": "^8.6.0",
49
- "animate.css": "^4.1.1",
50
49
  "chart.js": "^4.4.3",
51
50
  "click-outside-vue3": "^4.0.1",
52
51
  "moment": "^2.30.1",