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
BugReportcomponent. - Import the component in the
App.vuefile. - 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>exportdefault{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...