Merge pull request #40 from qcp/master

Fix docs

Author: ZiZIGY

.gitignore

@@ -20,6 +20,7 @@ docs/.vitepress/cache
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.json
 .idea
 .DS_Store
 *.suo

.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+	"recommendations": [
+		"Vue.volar",
+		"bradlc.vscode-tailwindcss"
+	],
+}

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "files.associations": {
+    "*.css": "tailwindcss",
+  },
+}

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 ZiZIGY
+Copyright (c) 2026 ZiZIGY
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -149,4 +149,4 @@ If vue-dnd-kit saves you time, consider supporting the project — it helps keep
 
 ## License
 
-[MIT](./LICENSE) © 2025 [ZiZIGY](https://github.com/ZiZiGY)
+[MIT](./LICENSE) © 2026 [ZiZIGY](https://github.com/ZiZiGY)

docs/.vitepress/components/v2/Examples/Activation/ActivationItem.vue

@@ -78,10 +78,12 @@
     font-weight: 500;
     font-size: 0.875rem;
     cursor: grab;
-    user-select: none;
-    touch-action: none;
     text-align: center;
     transition: opacity 0.15s;
+    
+    /* See Mobile & Touch section */
+    touch-action: none;
+    user-select: none;
   }
 
   .activation-item:active {

docs/.vitepress/components/v2/Examples/Animation/AnimatedCard.vue

@@ -67,16 +67,9 @@
     border-radius: 0.75rem;
     background: color-mix(in srgb, var(--card-color) 10%, var(--vp-c-bg));
     border: 1px solid color-mix(in srgb, var(--card-color) 25%, transparent);
-    cursor: grab;
-    user-select: none;
-    touch-action: none;
     transition: opacity 0.15s ease;
   }
 
-  .card:active {
-    cursor: grabbing;
-  }
-
   .card.is-dragging {
     opacity: 0 !important;
   }
@@ -85,6 +78,15 @@
     color: color-mix(in srgb, var(--card-color) 60%, transparent);
     font-size: 1.1rem;
     flex-shrink: 0;
+    cursor: grab;
+
+    /* See Mobile & Touch section */
+    touch-action: none;
+    user-select: none;
+  }
+
+  .card:active .handle {
+    cursor: grabbing;
   }
 
   .emoji {

docs/.vitepress/components/v2/Examples/AutoScroll/SortItem.vue

@@ -56,10 +56,12 @@
     font-weight: 500;
     font-size: 0.875rem;
     cursor: move;
-    user-select: none;
-    touch-action: none;
     display: flex;
     align-items: center;
+
+    /* See Mobile & Touch section */
+    touch-action: none;
+    user-select: none;
   }
 
   .sort-item.is-dragging {

docs/.vitepress/components/v2/Examples/BaseDrop/DraggableItem.vue

@@ -38,6 +38,10 @@
     user-select: none;
     font-weight: 500;
     display: inline-block;
+
+    /* See Mobile & Touch section */
+    touch-action: none;
+    user-select: none;
   }
 
   .draggable-item:active {

docs/.vitepress/components/v2/Examples/Checkers/CheckerPiece.vue

@@ -42,12 +42,14 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    user-select: none;
-    touch-action: none;
     position: relative;
     transition:
       transform 0.08s ease,
       opacity 0.2s ease;
+
+    /* See Mobile & Touch section */
+    touch-action: none;
+    user-select: none;
   }
 
   .piece:not(.ghost):hover {