jsdecena

// Result should be: 
`Doe, John & Doe, Jane & Smith, James`

```
$array = [
  'first_name' => 'John',
  'last_name' => 'Doe,
],
[
  'first_name' => 'James',

jsdecena

<script>
  import SystemInformation from './LandingPage/SystemInformation'

  export default {
    name: 'landing-page',
    components: { SystemInformation },
    data () {
      return {
        posts: [],
        success: null

jsdecena

<script>
  import SystemInformation from './LandingPage/SystemInformation'

  export default {
    name: 'landing-page',
    components: { SystemInformation },
    data () {
      return {
        posts: [],
        success: null

jsdecena

onDelete (id) {
  this.posts.splice(id, 1)
  localStorage.setItem('posts', JSON.stringify(this.posts))
  this.success = 'Successfully deleted the post!' // add this message
}

jsdecena

...
<p v-if="success" class="alert alert-success">{{success}}</p>

<h2>Posts <router-link to="/post" class="btn btn-sm btn-primary">Add a post</router-link></h2>
<div v-if="posts.length" class="table-responsive">
...

jsdecena

...
data () {
  return {
    posts: [],
    success: null // here
  }
},

jsdecena

methods: {
  ....
  onDelete (id) {
    this.posts.splice(id, 1)
    localStorage.setItem('posts', JSON.stringify(this.posts))
  }
}

jsdecena

<table class="table table-striped table-sm">
  <thead>
    <tr>
      <th>#</th>
      <th>Title</th>
      <th>Body</th>
      <th></th>
    </tr>
  </thead>
  <tbody>

jsdecena

<template>
  <div id="main">
    <nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
      <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">Electron CMS</a>
      <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
      <ul class="navbar-nav px-3">
        <li class="nav-item text-nowrap">
          <a class="nav-link" href="#">Sign out</a>
        </li>
      </ul>

jsdecena

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'landing-page',