nickbasile / comments-demo Goto Github PK

//Template
 <div>
    <div>
        <h2>Comments</h2>
    </div>
    <textarea v-model="data.body"
              placeholder="Add a comment"
              class="border">
    </textarea>
    <div>
        <button @click="saveComment">Save</button>
        <button>Cancel</button>
    </div>
</div>

//Script
saveComment() {
    let newComment = {
        id: this.comments[this.comments.length - 1].id + 1,
        body: this.data.body,
        edited: false,
        created_at: new Date().toLocaleString(),
        author: {
            id: this.user.id,
            name: this.user.name,
        }
    }

    this.comments.push(newComment);
    
    this.data.body = '';
}

// template
<div>
            <div>
                <h2>Comments</h2>
            </div>
            <textarea v-model="comments.body"
                placeholder="Add a comment"
                class="border">
              </textarea>
            <div>
                <button @click="saveComment">Save</button>
                <button>Cancel</button>
            </div>
        </div>
// script
saveComment() {
                let newComment = {
                    id: this.comments[this.comments.length - 1].id + 1,
                    body: this.comments.body,
                    edited: false,
                    created_at: new Date().toLocaleString(),
                    author: {
                        id: this.user.id,
                        name: this.user.name,
                    }
                }

                this.comments.push(newComment);

                this.comments.body = '';
            },

$comments = Comment::with('author')
            ->orderByDesc('id')
            ->get();