Merge pull request #279 from linx4200/dev/3.0.2

v3.0.2 release

Author: linx4200

.github/dependabot.yml

@@ -0,0 +1,15 @@
+version: 2
+updates:
+  # Enable version updates for npm
+  - package-ecosystem: "npm"
+    # Look for `package.json` and `lock` files in the `root` directory
+    directory: "/"
+    # Check the npm registry for updates every day (weekdays)
+    schedule:
+      interval: "weekly"
+    labels:
+      - "dependencies"
+    assignees:
+      - "linx4200"
+    reviewers:
+      - "linx4200"

.github/workflows/npm-publish.yml

@@ -7,6 +7,8 @@ on:
 
 jobs:
   publish:
+    if: github.actor != 'dependabot[bot]'
+
     runs-on: ubuntu-latest
 
     steps:

README.md

@@ -168,6 +168,12 @@ import {ChromePicker } from 'vue-color';
 </script>
 ```
 
+## 🧩 FAQ / Issue Guide
+
+| Error / Symptom | Related Issue |
+|--------|----------------|
+| `TS2742: The inferred type of 'default' cannot be named without a reference to ...` (commonly triggered when using `pnpm`) | [#278](https://github.com/linx4200/vue-color/issues/278) |
+
 ## 🤝 Contributing
 
 Contributions are welcome! Please open issues or pull requests as needed.

demo/App.vue

@@ -238,7 +238,7 @@ const updateHue = (newHue: number) => {
 
 .get-started {
   display: inline-block;
-  width: 120px;
+  width: 124px;
   height: 24px;
   padding: 8px 12px;
   line-height: 24px;

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-color",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "type": "module",
   "files": [
     "dist"

package.json

@@ -5,7 +5,7 @@ export const getPageXYFromEvent = (e: MouseEvent | TouchEvent) => {
     res.x = e.pageX;
     res.y = e.pageY;
   }
-  if (e instanceof TouchEvent) {
+  if (typeof TouchEvent !== 'undefined' && e instanceof TouchEvent) {
     res.x = (e.touches ? e.touches[0].pageX : e.changedTouches ? e.changedTouches[0].pageX : 0);
     res.y = (e.touches ? e.touches[0].pageY : e.changedTouches ? e.changedTouches[0].pageY : 0);
   }