@vikeriait/vue-viewport 1.1.0 → 1.2.0
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.
- package/README.md +5 -0
- package/package.json +12 -3
- package/src/styles/tailwind.css +1 -2
package/README.md
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
# @vikeriait/vue-viewport
|
|
2
2
|
|
|
3
|
+
[](https://vue-viewport.vikeria.it)
|
|
4
|
+
[](https://www.npmjs.com/package/@vikeriait/vue-viewport)
|
|
5
|
+
|
|
3
6
|
A lightweight, high-performance Vue 3 directive and composable to detect when elements enter the viewport, featuring "Smart Presets", automatic margin compensation for smooth reveals, and seamless Tailwind CSS integration.
|
|
4
7
|
|
|
8
|
+
**📚 Full Documentation:** [https://vue-viewport.vikeria.it](https://vue-viewport.vikeria.it)
|
|
9
|
+
|
|
5
10
|
## Features
|
|
6
11
|
|
|
7
12
|
- 👁 **Viewport Detection**: Track when elements enter or leave with precision.
|
package/package.json
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vikeriait/vue-viewport",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "Vue directive & composable: viewport detection + Tailwind scroll animations",
|
|
5
|
+
"homepage": "https://vue-viewport.vikeria.it",
|
|
5
6
|
"keywords": [
|
|
6
7
|
"vue",
|
|
7
8
|
"viewport",
|
|
@@ -50,6 +51,7 @@
|
|
|
50
51
|
"vue": "^3.4.0"
|
|
51
52
|
},
|
|
52
53
|
"devDependencies": {
|
|
54
|
+
"@tailwindcss/vite": "^4.1.18",
|
|
53
55
|
"@types/node": "^25.0.3",
|
|
54
56
|
"@vitejs/plugin-vue": "^6.0.3",
|
|
55
57
|
"@vue/eslint-config-prettier": "^10.2.0",
|
|
@@ -59,11 +61,14 @@
|
|
|
59
61
|
"eslint": "^9.39.2",
|
|
60
62
|
"eslint-plugin-vue": "^10.6.2",
|
|
61
63
|
"prettier": "^3.7.4",
|
|
64
|
+
"tailwindcss": "^4.1.18",
|
|
62
65
|
"typescript": "^5.9.3",
|
|
63
66
|
"typescript-eslint": "^8.51.0",
|
|
64
67
|
"vite": "^7.3.0",
|
|
65
68
|
"vite-plugin-dts": "^4.5.4",
|
|
66
|
-
"
|
|
69
|
+
"vitepress": "2.0.0-alpha.15",
|
|
70
|
+
"vitepress-plugin-group-icons": "^1.6.5",
|
|
71
|
+
"vue": "^3.5.26"
|
|
67
72
|
},
|
|
68
73
|
"scripts": {
|
|
69
74
|
"dev": "vite build --watch",
|
|
@@ -73,6 +78,10 @@
|
|
|
73
78
|
"preview": "vite preview",
|
|
74
79
|
"lint": "eslint .",
|
|
75
80
|
"lint:fix": "eslint . --fix",
|
|
76
|
-
"release": "pnpm changelogen --release --push && pnpm publish"
|
|
81
|
+
"release": "pnpm changelogen --release --push && pnpm publish",
|
|
82
|
+
"docs:dev": "vitepress dev docs",
|
|
83
|
+
"docs:build": "vitepress build docs",
|
|
84
|
+
"docs:preview": "vitepress preview docs",
|
|
85
|
+
"format": "prettier --write src/ docs/"
|
|
77
86
|
}
|
|
78
87
|
}
|
package/src/styles/tailwind.css
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import './presets.css' layer(utilities);
|
|
2
2
|
|
|
3
3
|
@custom-variant inviewport (&[data-vp-in-view]);
|
|
4
4
|
@custom-variant inviewport-down (&[data-vp-in-view][data-vp-entry="down"]);
|
|
5
5
|
@custom-variant inviewport-up (&[data-vp-in-view][data-vp-entry="up"]);
|
|
6
6
|
@custom-variant aboveviewport (&[data-vp-pos="above"]);
|
|
7
7
|
@custom-variant belowviewport (&[data-vp-pos="below"]);
|
|
8
|
-
|