add lesson 4-1: reduce js payload end

Author: nuria-fl

41-reduce-js-payload/package-lock.json

@@ -45,8 +45,8 @@
   ],
   "dependencies": {
     "@glidejs/glide": "^3.4.1",
+    "dayjs": "^1.10.6",
     "http-server": "^0.12.3",
-    "moment": "^2.29.1",
     "web-vitals": "^2.1.0"
   }
 }

41-reduce-js-payload/package.json

@@ -1,12 +1,16 @@
-import moment from "moment";
+import "dayjs/locale/es";
 
-moment.locale("es");
+import dayjs from "dayjs";
+import relativeTime from "dayjs/plugin/relativeTime";
+
+dayjs.locale("es");
+dayjs.extend(relativeTime);
 
 export function setTime() {
   const timeElements = document.querySelectorAll("time");
 
   timeElements.forEach((time) => {
-    const readableTime = moment(time.getAttribute("datetime")).fromNow();
+    const readableTime = dayjs(time.getAttribute("datetime")).fromNow();
 
     time.innerHTML = readableTime;
   });