Vue.js 2 Web Development Projects

Blog content structure (in JSX!)

Let's create a new src/components/content folder and a new BlogContent.vue file inside it. This component represents the right side panel and will be responsible for displaying the right component:

• A LocationInfo.vue component that may display the location adress and name if selected on the map
• Below, it will display one of the following:
  • A NoContent.vue component if no location is selected, with a click on the map hint
  • A CreatePost.vue component if there is a draft post, with a form
  • A PostContent.vue component if a real post is selected, with the content and the comments list

1. Let's create those components as well in the content directory, with an empty template:

      <template></template>

Back to our ...