simple-merge-class-names 1.0.4 → 1.0.6

package/README.md

@@ -46,7 +46,7 @@ function MyComponent() {
 }
 ```
 
-While using separate strings for each class name can be tedious (see [Workflow to Minimize Typing Strain](#workflow-to-minimize-typing-strain)), it however significantly enhances Code Readability and Developer Experience (DX). This is in contrast to hard-to-read strings like:
+While using separate strings for each class name can be tedious (see [Workflow To Minimize Typing Strain](#workflow-to-minimize-typing-strain)), it however significantly enhances Code Readability and Developer Experience (DX). This is in contrast to hard-to-read strings like:
 
 ```jsx
 function MyComponent() {
@@ -63,6 +63,13 @@ function MyComponent() {
 ![Screen recording of optimal DX in action: using this package with Prettier as it neatly arranges each class name on a new line](https://raw.githubusercontent.com/new-AF/simple-merge-class-names/main/.github/images/Reduce%20typing%20strain.gif)
 
 -   Have `Prettier` installed
+-   Have `Editor: Word Wrap` enabled in VS Code:
+
+    -   `Open Settings (UI)` → `Editor: Word Wrap` → `on`
+    -   Or `Open User Settings (JSON)` and add this entry:
+
+        `"editor.wordWrap": "on"`
+
 -   Use single quotes (<kbd>'</kbd>) for class names, often a single key press on many keyboards.
 -   Save the file (<kbd>Ctrl+S</kbd>), and Prettier does the formatting heavy-lifting, it automatically:
     -   Replaces single quotes with double quotes.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "simple-merge-class-names",
-    "version": "1.0.4",
+    "version": "1.0.6",
     "description": "Example usage: <div className = {mergeClassNames('flex', 'flex-col')}/>",
     "main": "mergeClassNames.js",
     "exports": "./mergeClassNames.js",