fix

.gitignore

@@ -2,7 +2,6 @@
 node_modules
 /dist
 
-
 # local env files
 .env.local
 .env.*.local

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": {

src/views/PostBlogView.vue

@@ -29,6 +29,7 @@ export default {
       this.posts.push(post)
     }
   }
+    
 
 }
 </script>

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 {

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>

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>

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/'
+}