Vue Nachrichtenfeld-Komponente erstellt (korrigiert)

public/home.js

@@ -1,6 +1,5 @@
 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>
@@ -10,12 +9,12 @@ Vue.component('msg-item', {
                 <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

@@ -36,7 +36,7 @@
 
     <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"