completed work 2.17

.gitignore

@@ -0,0 +1 @@
+node_modules/

getDate.js

@@ -1,3 +1,4 @@
+// Не используется
 export const getDate = (commentDate) => {
     let d = new Date(commentDate);
   function addZero(a) {

index.html

@@ -20,6 +20,6 @@
     background-color: red;
   }
 </style>
-<script type="module" src="main.js"></script>
+<script type="module" src="./dist/main.js"></script>
 
 </html>

package.json

@@ -0,0 +1,18 @@
+{
+  "name": "webdev-dom-homework",
+  "version": "1.0.0",
+  "description": "https://glebkaf.github.io/webdev-dom-homework/",
+  "main": "main.js",
+  "scripts": {
+    "dev": "webpack --mode development --watch"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "date-fns": "^3.6.0"
+  },
+  "devDependencies": {
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4"
+  }
+}

renderСomments.js

@@ -1,19 +1,21 @@
-import { getDate } from "./getDate.js";
+// import { getDate } from "./getDate.js";
 import { changementLikes } from "./likes.js";
 import { answerComment } from "./answerComment.js";
 import { user, token } from "./api.js";
 import { renderLogin } from "./loginPage.js";
 import { formEvents } from "./main.js";
+import { format } from "date-fns"
 
 
 
 export const renderComments = ({comments}) => {
   const appElement = document.querySelector('#app');
     const commentsHtml = comments.map((comment, index) => {
+      const getDate = format(new Date(comment.date), 'yyyy-MM-dd hh.mm.ss');
       return `<li class="comment">
         <div class="comment-header">
           <div>${comment.name}</div>
-          <div>${getDate(comment.date)}</div>
+          <div>${getDate}</div>
         </div> 
         <div class="comment-body">
           <div class="comment-text"> 

webpack.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+    entry: "./main.js",
+    output: {
+        filename: "main.js" 
+    }
+}