Creating the “Report a Bug” component

This chapter will recreate the functionality for the Report a Bug modal. You can access this modal from the user menu in the top-right corner of the topbar. The modal will contain a simple text input and will display a success notification if your imaginary request is successfully completed.

This is what you will be creating:

• Create a BugReport component.
• Import the component in the App.vue file.
• Add the modal’s HTML.
• Add Vue awesomeness.

Creating a component

Let’s get going with the first point and create the new component. In the components folder, create a BugReport.vue file and start with the following snippet:

<template>

</template>

<script>
  export default {
    name: "BugReport"
  }
</script>

<style>

</style>

You can go ahead and copy the code for the Modal card from the Bulma documentation and insert it between the <template></template> tags. Add...