From 4929253a441063c65a5aeb65192806a9e9b7ec27 Mon Sep 17 00:00:00 2001
From: "zh.sundetov" <zh.sundetov@niikmg.kz>
Date: Mon, 11 Apr 2022 14:52:28 +0600
Subject: [PATCH] fix

---
 .gitignore                                    |  1 -
 package.json                                  |  2 +-
 src/views/PostBlogView.vue                    |  1 +
 .../post-blog-components/PostForm.vue         | 19 +++++++------------
 .../post-blog-components/PostItem.vue         |  2 ++
 .../post-blog-components/PostList.vue         |  3 ++-
 vue.config.js                                 | 11 +++++++----
 7 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/.gitignore b/.gitignore
index 403adbc..11f5d71 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,7 +2,6 @@
 node_modules
 /dist
 
-
 # local env files
 .env.local
 .env.*.local
diff --git a/package.json b/package.json
index 5243ecd..26d889c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "homepage" : "https://zsgdev.github.io/ulbi-vue-app/",
-  "name": "ulbi-app",
+  "name": "ulbi-vue-app",
   "version": "0.1.0",
   "private": true,
   "scripts": {
diff --git a/src/views/PostBlogView.vue b/src/views/PostBlogView.vue
index 01f5c02..10beb5c 100644
--- a/src/views/PostBlogView.vue
+++ b/src/views/PostBlogView.vue
@@ -29,6 +29,7 @@ export default {
       this.posts.push(post)
     }
   }
+    
 
 }
 </script>
diff --git a/src/views/components/post-blog-components/PostForm.vue b/src/views/components/post-blog-components/PostForm.vue
index 91c3000..2e7702c 100644
--- a/src/views/components/post-blog-components/PostForm.vue
+++ b/src/views/components/post-blog-components/PostForm.vue
@@ -43,19 +43,13 @@ export default {
   display: flex;
   flex-direction: column;
   gap: 15px;
+  text-align: center;
+  background: cadetblue;
 }
 
 .input {
-  width: 100%;
-  border: 1px solid teal;
-  padding: 10px 15px;
-  margin: 15px;
-  border-radius: 4px;
-}
-
-.input {
-  width: 100%;
-  border: 1px solid teal;
+  width: 30%;
+  border: 3px solid darkcyan;
   padding: 10px 15px;
   margin: 15px;
   border-radius: 4px;
@@ -65,11 +59,12 @@ export default {
   align-self: center;
   padding: 10px 15px;
   width: 300px;
-  color: teal;
-  background: none;
+  color: white;
+  background: darkcyan;
   border: 1px solid teal;
   border-radius: 8px;
   cursor: pointer;
+  margin-bottom: 15px;
 }
 
 .button:hover {
diff --git a/src/views/components/post-blog-components/PostItem.vue b/src/views/components/post-blog-components/PostItem.vue
index 53e715e..20ae6b5 100644
--- a/src/views/components/post-blog-components/PostItem.vue
+++ b/src/views/components/post-blog-components/PostItem.vue
@@ -42,8 +42,10 @@ export default {
 .post-body {
   margin-top: 25px;
   border:1px solid seagreen;
+  border-radius: 10px;
   height: 50px;
   padding-left: 15px;
   padding-top: 15px;
+  background-color: darkcyan;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/components/post-blog-components/PostList.vue b/src/views/components/post-blog-components/PostList.vue
index 9d39f5a..cbeafb3 100644
--- a/src/views/components/post-blog-components/PostList.vue
+++ b/src/views/components/post-blog-components/PostList.vue
@@ -6,7 +6,8 @@
     <div>
       <post-item
           :post="post"
-          v-for="post in posts"
+          v-for="(post, idx) in posts"
+          :key=idx
       />
     </div>
   </div>
diff --git a/vue.config.js b/vue.config.js
index 910e297..9c18272 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,7 @@
-const { defineConfig } = require('@vue/cli-service')
-module.exports = defineConfig({
-  transpileDependencies: true
-})
+// const { defineConfig } = require('@vue/cli-service')
+// module.exports = defineConfig({
+//   transpileDependencies: true
+// })
+module.exports = {
+  publicPath: '/ulbi-vue-app/'
+}
\ No newline at end of file