Vue Nachrichtenfeld-Komponente erstellt (korrigiert)

public/home.js

 Vue.component('msg-item', {
-    template: `<div id="newmessages-example">
-                <div class="om-card card">
+    template: `<div class="om-card card">
                 <h6 class="msg-head">
                 <b>{{ title }}</b>
                 <img src="favicon.ico" width=20px height=20px>
                 <div class="om-user-line">
                 <i class="material-icons">account_circle</i>
                 Erstellt von {{ user }}
-        </div></div>`,
+                </div>`,
     props: ['title', 'subject', 'tag', 'user']
 })
 
 new Vue({
-    el: '#mewmessages-example',
+    el: '#newmessages-example',
     data: {
         messages: [
             {

public/index.html

 
     <script src="https://unpkg.com/vue"></script>
     <div class="om-content">
-        <div id="mewmessages-example">
+        <div id="newmessages-example">
                 <div
                     is="msg-item"
                     v-for="(msg, index) in messages"