From 3a0eca90aab025ac43cb7a42dd157059f2b08b57 Mon Sep 17 00:00:00 2001
From: Robert Buj <robert.buj@gmail.com>
Date: Tue, 28 Jan 2025 21:56:44 +0100
Subject: [PATCH] npx prettier 'src/**/*.{js,ts,mjs,cjs,json,scss,html}'
 --write

---
 PAC4_Ex_Prac/ecommerce/.prettierrc.json       |  3 +-
 PAC4_Ex_Prac/ecommerce/package-lock.json      | 14 +++++++++
 PAC4_Ex_Prac/ecommerce/package.json           |  1 +
 .../ecommerce/src/app/app.component.html      |  2 +-
 .../article-item/article-item.component.html  | 29 ++++++++++++-------
 PAC4_Ex_Prac/ecommerce/src/index.html         | 20 ++++++-------
 6 files changed, 47 insertions(+), 22 deletions(-)

diff --git a/PAC4_Ex_Prac/ecommerce/.prettierrc.json b/PAC4_Ex_Prac/ecommerce/.prettierrc.json
index 8da3c81..6f4db0a 100644
--- 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
index e17920d..484c2ea 100644
--- a/PAC4_Ex_Prac/ecommerce/package-lock.json
+++ b/PAC4_Ex_Prac/ecommerce/package-lock.json
@@ -25,6 +25,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",
@@ -764,6 +765,19 @@
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
+    "node_modules/@awmottaz/prettier-plugin-void-html": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@awmottaz/prettier-plugin-void-html/-/prettier-plugin-void-html-1.7.0.tgz",
+      "integrity": "sha512-rS1ThYI8wqhDAbyO3wx60jebaryBxSbl9aXj4YroBHSyUP0SEE3apHQaHGpqIksSDWBr9lS94j33kZS6niybQA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.0.0"
+      },
+      "peerDependencies": {
+        "prettier": "3.0.0 - 3.4.x"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.26.2",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
diff --git a/PAC4_Ex_Prac/ecommerce/package.json b/PAC4_Ex_Prac/ecommerce/package.json
index aa9b34b..99dbab8 100644
--- 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
index 70ea2a7..53b165d 100644
--- 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>
\ No newline at end of file
+<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
index 2f3bdaf..7e37702 100644
--- 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
index 1f32a44..e3c6b89 100644
--- 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>