Vue Bootstrap Table from JSON

Looking for a developer to complete a small web app task using Vue.js and Bootstrap. The app should use fetch() to retrieve static data from a JSON file to generate a table.

I’ve attached a PDF with the full instructions, links to two code examples (showing fetch for both retrieving and inserting data), and a screenshot of the expected result. Please follow all steps and implement the solution in the same style as the examples using Vue.component. The JSON file and a starter HTML file has been provided, with Vue and Bootstrap already included via CDN.

Please ensure the solution runs locally in a browser and matches the attached image. Provide the finished HTML/JS files. Aim to complete this as soon as possible.

Deliverables
- index.html and a separate app.js file, in the same implementation style as the examples

- A table visually matching the provided screenshot, loading the JSON data automatically on page load without any external dependencies

- Code must be HTML5standard