@konbraphat51/affectiveslidervue 0.0.2 → 0.0.4

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 +15 -0
  2. package/package.json +2 -1
package/README.md CHANGED
@@ -33,6 +33,21 @@ The AS has been empirically validated and presented in the following open access
33
33
  pnpm add affectiveslidervue
34
34
  ```
35
35
 
36
+ **Important:** You also need to import the CSS file in your application:
37
+
38
+ ```javascript
39
+ // In your main.js or main.ts
40
+ import '@konbraphat51/affectiveslidervue/dist/style.css'
41
+ ```
42
+
43
+ Or if using in a single component:
44
+
45
+ ```vue
46
+ <style>
47
+ @import '@konbraphat51/affectiveslidervue/dist/style.css';
48
+ </style>
49
+ ```
50
+
36
51
  ## Usage
37
52
 
38
53
  ### Basic Usage
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@konbraphat51/affectiveslidervue",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "type": "module",
5
5
  "main": "./dist/affective-slider-vue.umd.js",
6
6
  "module": "./dist/affective-slider-vue.es.js",
@@ -9,6 +9,7 @@
9
9
  "import": "./dist/affective-slider-vue.es.js",
10
10
  "require": "./dist/affective-slider-vue.umd.js"
11
11
  },
12
+ "./dist/style.css": "./dist/affectiveslidervue.css",
12
13
  "./dist/images/*": "./dist/images/*"
13
14
  },
14
15
  "files": [