Enforce single attribute per line in JS, JSX & Vue (#23)

* Enforce single attribute per line in JS, JSX & Vue * Run Prettier after config change
germanfrelo · Jun 4, 2024 · a6b64df · a6b64df
1 parent 345b03c
commit a6b64df
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 30 deletions.
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -1,12 +1,15 @@
 {
-	"singleAttributePerLine": true,
 	"useTabs": true,
 	"overrides": [
 		{
 			"files": ["*.html", "*.css"],
 			"options": {
-				"printWidth": 999999
+				"printWidth": 9999
 			}
+		},
+		{
+			"files": ["*.js", "*.jsx", "*.vue"],
+			"options": { "singleAttributePerLine": true }
 		}
 	]
 }
diff --git a/README.md b/README.md
@@ -42,10 +42,7 @@ Here's a minimal representation of the markup expected to be produced by this ne
 ```html
 <form class="guess-input-wrapper">
 	<label for="guess-input">Enter guess:</label>
-	<input
-		id="guess-input"
-		type="text"
-	/>
+	<input id="guess-input" type="text" />
 </form>
 ```
 

diff --git a/docs/end-result.html b/docs/end-result.html
@@ -59,10 +59,7 @@ <h1>Word Game</h1>
 
 			<form class="guess-input-wrapper">
 				<label for="guess-input">Enter guess:</label>
-				<input
-					id="guess-input"
-					type="text"
-				/>
+				<input id="guess-input" type="text" />
 			</form>
 
 			<div class="happy banner">

diff --git a/public/index.html b/public/index.html
@@ -2,27 +2,12 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link
-			rel="icon"
-			href="favicon.png"
-		/>
-		<meta
-			name="viewport"
-			content="width=device-width, initial-scale=1"
-		/>
+		<link rel="icon" href="favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<title>Word Game</title>
-		<link
-			rel="stylesheet"
-			href="../src/reset.css"
-		/>
-		<link
-			rel="stylesheet"
-			href="../src/styles.css"
-		/>
-		<script
-			type="module"
-			src="../src/index.js"
-		></script>
+		<link rel="stylesheet" href="../src/reset.css" />
+		<link rel="stylesheet" href="../src/styles.css" />
+		<script type="module" src="../src/index.js"></script>
 	</head>
 	<body>
 		<div id="root"></div>