vue-horizontal - npm Package Compare versions

Comparing version 0.8.6 to 0.8.7

package.json

 {
   "name": "vue-horizontal",
-  "version": "0.8.6",
+  "version": "0.8.7",
   "description": "An ultra simple pure vue horizontal layout for modern responsive web with zero dependencies.",
@@ -65,2 +65,3 @@ "author": "Fuxing Loh",
     "@size-limit/preset-small-lib": "^4.9.1",
+    "@types/cypress-image-snapshot": "^3.1.4",
     "@types/lodash": "^4.14.165",
@@ -75,4 +76,4 @@ "@typescript-eslint/eslint-plugin": "^4.9.1",
     "cross-env": "^7.0.2",
-    "cypress": "^6.2.0",
-    "cypress-image-snapshot": "^4.0.0",
+    "cypress": "^6.3.0",
+    "cypress-image-snapshot": "^4.0.1",
     "eslint": "^7.15.0",
@@ -79,0 +80,0 @@ "eslint-plugin-vue": "^7.2.0",

README.md

@@ -10,6 +10,15 @@ [![chrome](https://github.com/fuxingloh/vue-horizontal/workflows/chrome/badge.svg)](https://github.com/fuxingloh/vue-horizontal/actions?query=workflow%3Achrome+branch%3Amain)
 
-At its core, [Vue Horizontal](https://vue-horizontal.fuxing.dev) is an ultra simple pure vue horizontal layout for 
-modern responsive web with zero dependencies.
-Vue Horizontal is also an ultra complex code snippet dossier with over 100 SPA/SSR/SSG friendly recipes for your design needs.
+Designing your web app for a horizontal experience can tedious and overwhelming if you are new to web development. While
+a vertical design comes naturally as html is naturally vertical by design `display:block`. With `display:flex`, aligning
+your content horizontally becomes natural and intuitive but it doesn't support overflow or navigation. You start to add
+more hacks and tricks to get the design you wanted, but those hacks are not consistent and cross-browser tested, SSG or
+SEO friendly. You get the idea.
 
+There are many libraries already in open-source world, some using direct DOM manipulation, some importing another legacy
+JavaScript or JQuery library. You don't want that. Vue already does that. This is Vue native created for Vue, and only
+Vue is the peer dependency required. All modes of rendering (SPA/SSR/SSG) are supported and tested with E2E tools.
+
+The actual library is only about 400 LOC while there are at least 100x more LOC in the documentation, end-to-end testing
+and a bunch of other fun stuff.
+
 #### [DEMO](https://vue-horizontal.fuxing.dev/recipes/cards) • [DOCUMENTATION](https://vue-horizontal.fuxing.dev) • [FEATURES](https://vue-horizontal.fuxing.dev/features)
@@ -134,6 +143,6 @@
 
-As of December 2020, there is only a 76% cross browser compatibility (88% if you include Safari experimental feature flag).
-Meantime you should polyfill this feature with more
-[information provided here](https://vue-horizontal.fuxing.dev/limitations#smoothscroll-polyfill). 
-Polyfill should be done by the user, there are no plans to incorporate this natively in the library.
+As of December 2020, there is only a 76% cross browser compatibility (88% if you include Safari experimental feature
+flag). Meantime you should polyfill this feature with more
+[information provided here](https://vue-horizontal.fuxing.dev/limitations#smoothscroll-polyfill). Polyfill should be
+done by the user, there are no plans to incorporate this natively in the library.
 
@@ -143,7 +152,7 @@ ### [CSS Scroll Snap](https://vue-horizontal.fuxing.dev/limitations#css-scroll-snap)
 Scroll snap align or scroll-snapping, is a CSS technique that allows customizable scrolling experiences like pagination
-of carousels by setting defined snap positions. Vue Horizontal has it enabled by default, to disable you can set 
-`<vue-horizontal snap="none">`. 
+of carousels by setting defined snap positions. Vue Horizontal has it enabled by default, to disable you can set
+`<vue-horizontal snap="none">`.
 
-As of December 2020, there is a **94%+** cross browser compatibility. 
-You can choose to polyfill this, but it's more of an aesthetic feature rather than a breaking functional requirement. 
+As of December 2020, there is a **94%+** cross browser compatibility. You can choose to polyfill this, but it's more of
+an aesthetic feature rather than a breaking functional requirement.
 
@@ -150,0 +159,0 @@ ## Development

No alert changes

Improved metrics

Total package byte prevSize

65012

increased by1.21%

Number of lines in readme file

190

increased by4.97%

Worsened metrics

Dev dependency count

37

increased by2.78%

No dependency changes