diff --git a/package-lock.json b/package-lock.json
index 81da2a9..caa7a4a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3144,9 +3144,9 @@
       }
     },
     "bl": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/bl/-/bl-4.0.2.tgz",
-      "integrity": "sha512-j4OH8f6Qg2bGuWfRiltT2HYGx0e1QcBTrK9KAHNMwMZdQnDZFk0ZSYIpADjYCB3U12nicC5tVJwSIhwOWjb4RQ==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.0.3.tgz",
+      "integrity": "sha512-fs4G6/Hu4/EE+F75J8DuN/0IpQqNjAdC7aEQv7Qt8MHGUH7Ckv2MwTEEeN9QehD0pfIDkMI1bkHYkKy7xHyKIg==",
       "requires": {
         "buffer": "^5.5.0",
         "inherits": "^2.0.4",
@@ -4685,9 +4685,9 @@
       "dev": true
     },
     "copy-webpack-plugin": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-5.1.1.tgz",
-      "integrity": "sha512-P15M5ZC8dyCjQHWwd4Ia/dm0SgVvZJMYeykVIVYXbGyqO4dWB5oyPHp9i7wjwo5LhtlhKbiBCdS2NvM07Wlybg==",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-5.1.2.tgz",
+      "integrity": "sha512-Uh7crJAco3AjBvgAy9Z75CjK8IG+gxaErro71THQ+vv/bl4HaQcpkexAY8KVW/T6D2W2IRr+couF/knIRkZMIQ==",
       "dev": true,
       "requires": {
         "cacache": "^12.0.3",
@@ -4700,7 +4700,7 @@
         "normalize-path": "^3.0.0",
         "p-limit": "^2.2.1",
         "schema-utils": "^1.0.0",
-        "serialize-javascript": "^2.1.2",
+        "serialize-javascript": "^4.0.0",
         "webpack-log": "^2.0.0"
       },
       "dependencies": {
@@ -4746,10 +4746,13 @@
           "dev": true
         },
         "serialize-javascript": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
-          "integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==",
-          "dev": true
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+          "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
+          "dev": true,
+          "requires": {
+            "randombytes": "^2.1.0"
+          }
         },
         "slash": {
           "version": "1.0.0",
@@ -10314,9 +10317,9 @@
       }
     },
     "node-forge": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.9.0.tgz",
-      "integrity": "sha512-7ASaDa3pD+lJ3WvXFsxekJQelBKRpne+GOVbLbtHYdd7pFspyeuJHnWfLplGf3SwKGbfs/aYl5V/JCIaHVUKKQ==",
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
+      "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==",
       "dev": true
     },
     "node-gyp": {
@@ -12999,12 +13002,12 @@
       "dev": true
     },
     "selfsigned": {
-      "version": "1.10.7",
-      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.7.tgz",
-      "integrity": "sha512-8M3wBCzeWIJnQfl43IKwOmC4H/RAp50S8DF60znzjW5GVqTcSe2vWclt7hmYVPkKPlHWOu5EaWOMZ2Y6W8ZXTA==",
+      "version": "1.10.8",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.8.tgz",
+      "integrity": "sha512-2P4PtieJeEwVgTU9QEcwIRDQ/mXJLX8/+I3ur+Pg16nS8oNbrGxEso9NyYWy8NAmXiNl4dlAp5MwoNeCWzON4w==",
       "dev": true,
       "requires": {
-        "node-forge": "0.9.0"
+        "node-forge": "^0.10.0"
       }
     },
     "semver": {
diff --git a/src/components/cpmCard.vue b/src/components/cpmCard.vue
index b77acb2..ac7f45c 100644
--- a/src/components/cpmCard.vue
+++ b/src/components/cpmCard.vue
@@ -1,157 +1,158 @@
 <template>
-    <div>
+  <div>
+    <v-card
+      v-if="cardData"
+      class="rounded-xl ac"
+      max-height="900px"
+      max-width="600px"
+    >
+      <v-app-bar color="white" class="d-flex align-center" dense>
+        <v-avatar size="36" color="orange" class="mr-3">
+          <v-icon v-if="!cardData.user.avatar" dark>mdi-account-circle</v-icon>
+          <img v-else :src="cardData.user.avatar" alt="avatar" />
+        </v-avatar>
+
+        |
+
+        <div class="ml-3">{{ cardData.user.name }}</div>
+
+        <div class="ml-3">{{ cardData.eventDate }}</div>
+      </v-app-bar>
+
+      <v-img
+        contain
+        max-width="600px"
+        max-height="600px"
+        :src="cardData.img"
+      ></v-img>
+
+      <v-card-title>
+        <h2>{{ cardData.title }}</h2>
+      </v-card-title>
+
+      <v-card-text>
+        <p>{{ cardData.description }}</p>
+      </v-card-text>
+
+      <v-expansion-panels>
+        <v-expansion-panel>
+          <v-expansion-panel-header>Comentários</v-expansion-panel-header>
+          <v-expansion-panel-content>
+            <div>
+              <div
+                class="d-flex mt-4"
+                v-for="comment in cardData.comments"
+                :key="comment.id"
+              >
+
+                <v-avatar size="33" color="orange" class="mr-4">
+                  <v-icon v-if="!comment.user.avatar" dark
+                    >mdi-account-circle</v-icon
+                  >
+                  <img v-else :src="comment.user.avatar" alt="avatar" />
+                </v-avatar>
 
-        <v-card v-if="cardData" class="rounded-xl ac" max-height="900px" max-width="600px">
+                {{ comment.user.name }} - {{ comment.comment }}
+              </div>
 
-            <v-app-bar color="white" class="d-flex align-center" dense>
+            </div>
 
-                <v-avatar size="36" color="orange" class="mr-3">
-                    <v-icon v-if="!cardData.user.avatar" dark>mdi-account-circle</v-icon>
-                    <img v-else :src="cardData.user.avatar" alt="avatar">
+            <div class="mt-5">
+              <div class="d-flex">
+                <v-avatar size="47" color="orange" class="mr-4">
+                  <v-icon v-if="!userData.avatar" dark
+                    >mdi-account-circle</v-icon
+                  >
+                  <img v-else :src="userData.avatar" alt="avatar" />
                 </v-avatar>
-                
-                |
-
-                <div class="ml-3">{{cardData.user.name}}</div>
-
-
-                <div class="ml-3">{{cardData.eventDate}}</div>
-
-            </v-app-bar>
-
-            <v-img contain max-width="600px" max-height="600px" :src="cardData.img"></v-img>
-
-            <v-card-title>
-                <h2>{{cardData.title}}</h2>
-            </v-card-title>
-
-            <v-card-text>
-                <p>{{cardData.description}}</p>
-            </v-card-text>
-
-            <v-expansion-panels>
-                <v-expansion-panel>
-                    <v-expansion-panel-header>Comentários</v-expansion-panel-header>
-                        <v-expansion-panel-content>
-                            <div v-if="cardDataArray[0].comments != '' ">
-                                <div class="d-flex" v-for="(item, index) in cardDataArray" :key="index">
-                                    
-                                    <!-- {{ item.comments }} -->
-                                    {{ index }}
-                                        <!-- <v-avatar size="36" color="orange">
-                                            <v-icon v-if="!item[index].user.avatar" dark>mdi-account-circle</v-icon>
-                                            <img v-else :src="item[index].user.avatar" alt="avatar">
-                                        </v-avatar> -->
-
-                                    <!-- {{ item.comments[item] }} -->
-                                    <!-- {{ item.comments[1] }} -->
-
-                                        <!-- <strong class="ml-2 mt-1">{{ item.comments[i].user.name }}:</strong> 
-
-                                        <p class="ml-2 mt-1">{{ item.comments[i].comment }}</p> -->
-                                </div>
-                            </div>
-
-                            <div>
-
-                                <div class="d-flex">
-                                    <v-avatar size="36" color="orange" class="mr-4">
-                                        <v-icon v-if="!userData.avatar" dark>mdi-account-circle</v-icon>
-                                        <img v-else :src="userData.avatar" alt="avatar">
-                                    </v-avatar>
-
-                                    <v-textarea
-                                        outlined
-                                        v-model="newComent"
-                                        class="text-area-coment"
-                                        :counter="500"
-                                        auto-grow
-                                        filled
-                                        color="black"
-                                        label="Comente no evento 🗯"
-                                        rows="1"
-                                    ></v-textarea>
-                                </div>
-
-                                <div class="d-flex justify-space-between">           
-                                    <v-btn color="orange" dark class="ml-a" @click="createComent(cardData)">
-                                        Enviar
-                                    </v-btn>
-                                </div>
-
-                            </div>
-                        </v-expansion-panel-content>
-                </v-expansion-panel>
-            </v-expansion-panels>
-
-        </v-card>
-
-    </div>
+
+                <v-textarea
+                  outlined
+                  v-model="newComent"
+                  class="text-area-coment"
+                  :counter="500"
+                  auto-grow
+                  filled
+                  color="black"
+                  label="Comente no evento 🗯"
+                  rows="1"
+                ></v-textarea>
+              </div>
+
+              <div class="d-flex justify-space-between">
+                <v-btn
+                  color="orange"
+                  dark
+                  class="ml-a"
+                  @click="createComent(cardData)"
+                >
+                  Enviar
+                </v-btn>
+              </div>
+            </div>
+          </v-expansion-panel-content>
+        </v-expansion-panel>
+      </v-expansion-panels>
+    </v-card>
+  </div>
 </template>
 
 <script>
-import axios from 'axios';
-import { mapActions, mapGetters } from 'vuex'
+import axios from "axios";
+import { mapActions, mapGetters } from "vuex";
 export default {
-    name: 'Card',
-    props: ['cardData'],
-    data:() => ({
-        cardDataArray: [],
-        newComent:'',
-        url: process.env.VUE_APP_BASE_URL,
-
+  name: "Card",
+  props: ["cardData"],
+  data: () => ({
+    // cardDataArray: [],
+    newComent: "",
+    url: process.env.VUE_APP_BASE_URL,
+  }),
+
+  computed: {
+    ...mapGetters({
+      userData: "FeedVuex/userData",
     }),
-
-    computed:{
-        ...mapGetters({
-            userData: 'FeedVuex/userData'
-        })
-    },
-
-    methods:{
-
-        createComent(param){
-            if(!this.newComent){
-                this.$toast.error("Verifique se existe algum campo vazio", "Atenção!", {
-                    position: "topCenter",
-                });
-            }
-
-            else{
-                let body = {
-                    comment:this.newComent
-                }
-                let eventId = param.id
-
-                // this.$http.post(this.url + `/comment/${eventId}`, body).then(resp => {
-                //     console.log(resp)
-                // })
-
-                axios.post(this.url + `/comment/${eventId}`, body)
-                .then(resp => {
-                    console.log(resp)
-                })
-                .catch(err => {
-
-                    this.$toast.error('Erro no registro!', 'Putz', {
-                        position: "topCenter"
-                    })
-
-                })
-
-            }
-        }
+  },
+
+  methods: {
+    createComent(param) {
+      if (!this.newComent) {
+        this.$toast.error("Verifique se existe algum campo vazio", "Atenção!", {
+          position: "topCenter",
+        });
+      } else {
+        let body = {
+          comment: this.newComent,
+        };
+        let eventId = param.id;
+
+        // this.$http.post(this.url + `/comment/${eventId}`, body).then(resp => {
+        //     console.log(resp)
+        // })
+
+        axios
+          .post(this.url + `/comment/${eventId}`, body)
+          .then((resp) => {
+            // console.log(resp)
+          })
+          .catch((err) => {
+            this.$toast.error("Erro no registro!", "Putz", {
+              position: "topCenter",
+            });
+          });
+      }
     },
+  },
 
-    created(){
-        this.cardDataArray.push(this.cardData)
-    }
-
-}
+  created() {
+    // this.cardDataArray.push(this.cardData)
+    console.log(this.cardData.comments);
+  },
+};
 </script>
 
 <style lang="scss">
-.text-area-coment{
-
+.text-area-coment {
 }
 </style>
\ No newline at end of file
diff --git a/src/views/private/Feed.vue b/src/views/private/Feed.vue
index 2fba6ae..b0e5698 100644
--- a/src/views/private/Feed.vue
+++ b/src/views/private/Feed.vue
@@ -22,19 +22,6 @@
 
                 <FeedCard :cardData="cardsEventData[i]"/>
 
-
-                <!-- <v-card max-width="600" class="ac cp card-style-1">
-
-                    <img :src='item.img' class="img-size">
-
-                    <div class="p10 alg-txt-s">
-                        <h4 class="clr-red">{{ item.eventDate }}</h4>
-                        <h1 class="mt-1">{{ item.title }}</h1>
-                        <span class="mt-2 display-b">Criado por <strong>{{ item.user.name }}</strong> </span>
-                    </div>
-
-                </v-card> -->
-
             </div>
         </section>
     </div>