responsive-media 1.2.0 → 1.2.2
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 +28 -3
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -1,4 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
<div align="center" style="background:#111827;border-radius:20px;padding:28px 20px 20px;margin-bottom:32px">
|
|
2
|
+
<h1 style="color:#f9fafb;margin:0 0 32px;font-size:2.2em;letter-spacing:-0.03em;font-weight:700;font-family:sans-serif">
|
|
3
|
+
responsive-media
|
|
4
|
+
</h1>
|
|
5
|
+
<img
|
|
6
|
+
src="https://s3.twcstorage.ru/c9a2cc89-780f97fd-311d-4a1a-b86f-c25665c9dc46/images/npm/responsive-media.webp"
|
|
7
|
+
alt="vue-virtual-scroller-kit"
|
|
8
|
+
style="max-width:100%;width:auto;height:300px;border-radius:12px"
|
|
9
|
+
/>
|
|
10
|
+
</div>
|
|
2
11
|
|
|
3
12
|
A utility for creating reactive boolean state from CSS media queries and element dimensions. Useful when you need more than CSS — when you want to **imperatively react to viewport or container changes** in JavaScript.
|
|
4
13
|
|
|
@@ -861,8 +870,24 @@ responsiveState.hydrate(initialState);
|
|
|
861
870
|
|
|
862
871
|
MIT
|
|
863
872
|
|
|
873
|
+
---
|
|
874
|
+
|
|
864
875
|
## Author
|
|
865
876
|
|
|
866
|
-
Danil Lisin aka Macrulez
|
|
877
|
+
Danil Lisin Vladimirovich aka Macrulez
|
|
878
|
+
|
|
879
|
+
GitHub: [macrulezru](https://github.com/macrulezru) · Website: [macrulez.ru/en](https://macrulez.ru/en)
|
|
880
|
+
|
|
881
|
+
Bugs and questions — [issues](https://github.com/macrulezru/responsive-media/issues)
|
|
882
|
+
|
|
883
|
+
---
|
|
884
|
+
|
|
885
|
+
## 💖 Support the project
|
|
886
|
+
|
|
887
|
+
Open source takes time and effort. If my work saves you time or brings value, consider supporting further development.
|
|
888
|
+
|
|
889
|
+
<a href="https://donate.cryptocloud.plus/M6O34NIN" target="_blank">
|
|
890
|
+
<img src="https://img.shields.io/badge/Donate-CryptoCloud-8A2BE2?style=for-the-badge&logo=cryptocurrency&logoColor=white" alt="Donate via CryptoCloud">
|
|
891
|
+
</a>
|
|
867
892
|
|
|
868
|
-
|
|
893
|
+
Thank you for being part of this journey. ❤️
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "responsive-media",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.2",
|
|
4
4
|
"description": "A utility for reactive state based on CSS media queries. Includes integration with Vue 3 (Composition API) and React 18+.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -65,7 +65,8 @@
|
|
|
65
65
|
"eslint-plugin-vue": "^10.7.0",
|
|
66
66
|
"jsdom": "^26.0.0",
|
|
67
67
|
"typescript": "^5.9.3",
|
|
68
|
-
"vitest": "^3.0.0"
|
|
68
|
+
"vitest": "^3.0.0",
|
|
69
|
+
"vue": "^3.5.34"
|
|
69
70
|
},
|
|
70
71
|
"peerDependencies": {
|
|
71
72
|
"react": "^18.0.0",
|