npx prettier 'src/**/*.{js,ts,mjs,cjs,json,scss,html}' --write

rbuj-UOC · Jan 28, 2025 · 3a0eca9 · 3a0eca9
1 parent 7d26a07
commit 3a0eca9
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 22 deletions.
diff --git a/PAC4_Ex_Prac/ecommerce/.prettierrc.json b/PAC4_Ex_Prac/ecommerce/.prettierrc.json
@@ -10,5 +10,6 @@
         "parser": "angular"
       }
     }
-  ]
+  ],
+  "plugins": ["@awmottaz/prettier-plugin-void-html"]
 }
diff --git a/PAC4_Ex_Prac/ecommerce/package-lock.json b/PAC4_Ex_Prac/ecommerce/package-lock.json
diff --git a/PAC4_Ex_Prac/ecommerce/package.json b/PAC4_Ex_Prac/ecommerce/package.json
@@ -31,6 +31,7 @@
     "@angular-devkit/build-angular": "^19.1.4",
     "@angular/cli": "^19.1.4",
     "@angular/compiler-cli": "^19.1.0",
+    "@awmottaz/prettier-plugin-void-html": "^1.7.0",
     "@types/jasmine": "~5.1.0",
     "angular-eslint": "19.0.2",
     "eslint": "^9.16.0",

diff --git a/PAC4_Ex_Prac/ecommerce/src/app/app.component.html b/PAC4_Ex_Prac/ecommerce/src/app/app.component.html
@@ -1,2 +1,2 @@
 <h1>Comprar discos de vinil</h1>
-<app-article-list></app-article-list>
+<app-article-list></app-article-list>
diff --git a/PAC4_Ex_Prac/ecommerce/src/app/articles/article-item/article-item.component.html b/PAC4_Ex_Prac/ecommerce/src/app/articles/article-item/article-item.component.html
@@ -1,12 +1,21 @@
-<div class="article-item"  [class]="article.isOnSale ? 'article-item sale' : ''">
-    <img [src]="article.imageUrl" [alt]="article.name">
-    <div class="container">
-        <div class="name">{{article.name}}</div>
-        <div class="prize" [class]="!article.isOnSale ? 'prize not-on-sale' : ''">{{article.price}} €</div>
-        <div class="quantity" *ngIf="article.isOnSale">
-            <div><button [disabled]="article.quantityInCart === 0" (click)="decrementInCart()">-</button></div>
-            <div>{{article.quantityInCart}}</div>
-            <div><button (click)="incrementInCart()">+</button></div>
-        </div>
+<div class="article-item" [class]="article.isOnSale ? 'article-item sale' : ''">
+  <img [src]="article.imageUrl" [alt]="article.name" />
+  <div class="container">
+    <div class="name">{{ article.name }}</div>
+    <div class="prize" [class]="!article.isOnSale ? 'prize not-on-sale' : ''">
+      {{ article.price }} €
     </div>
+    <div class="quantity" *ngIf="article.isOnSale">
+      <div>
+        <button
+          [disabled]="article.quantityInCart === 0"
+          (click)="decrementInCart()"
+        >
+          -
+        </button>
+      </div>
+      <div>{{ article.quantityInCart }}</div>
+      <div><button (click)="incrementInCart()">+</button></div>
+    </div>
+  </div>
 </div>
diff --git a/PAC4_Ex_Prac/ecommerce/src/index.html b/PAC4_Ex_Prac/ecommerce/src/index.html
@@ -1,13 +1,13 @@
 <!doctype html>
 <html lang="ca">
-<head>
-  <meta charset="utf-8">
-  <title>Botiga en línia de discos</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>Botiga en línia de discos</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
 </html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,5 +10,6 @@ @@
             "parser": "angular"
           }
         }
-      ]
+      ],
+      "plugins": ["@awmottaz/prettier-plugin-void-html"]
     }