clean announcement

components/Announcement.vue

@@ -1,21 +1,6 @@
 <template lang="pug">
-  v-alert(border='left' dismissible color="deep-orange accent-2" dark close-text='antani') {{announcement.title}}
-  //- v-list-item(link nuxt :to='`/announcement/${announcement.id}`')
-  //-   v-list-item-icon
-  //-     v-icon mdi-alert
-  //-   v-list-item-content
-  //-     v-list-item-title
-  //-       h2 {{announcement.title}}
-  //-     v-list-item-subtitle(v-html='announcement.announcement')
-
-  //- v-list-item
-  //-   v-btn(nuxt :to='`/announcement/${announcement.id}`') {{announcement.title}}
-  //- .announcement.announcement.text-white(body-style='padding: 0px;')
-    nuxt-link(:to='`/announcement/${announcement.id}`')
-      .title <i class='el-icon-info'/> {{announcement.title}}
-
-    //- .card-body
-    //-   .description(v-html='description')
+  nuxt-link(:to='`/announcement/${announcement.id}`')
+    v-alert.mb-0(border='left' color="primary") {{announcement.title}}
 
 </template>
 <script>

components/Home.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
   v-container#home(fluid)
     Announcement(v-for='announcement in announcements' :key='`a_${announcement.id}`' :announcement='announcement')
-    #calbar.row.mt-2.mb-2
+    #calbar.row.mb-2
       .col-xl-5.col-lg-5.col-sm-5.col-xs-12
 
         client-only

components/admin/Announcement.vue

@@ -7,7 +7,7 @@
         v-card-title {{$t('admin.new_announcement')}}
         v-card-text
           v-form(v-model='valid')
-            v-text-field(v-model='announcement.title' :placeholder='$t("common.title")')
+            v-text-field(v-model='announcement.title' :label='$t("common.title")')
             Editor.mt-2(v-model='announcement.announcement' border no-save style='max-height: 400px;')
         v-card-actions
           v-spacer

pages/announcement/_id.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
-  v-container.announcement-page.text-white
-    h3 <i style='color: red' class='el-icon-info'/> {{announcement.title}}
-
-    p.mt-4(v-html='announcement.announcement')
+  v-container
+    v-card
+      v-card-title {{announcement.title}}
+      v-card-text(v-html='announcement.announcement')
 
 </template>
 <script>