Challenge: Optimizing Production Bundle

Problem statement

Code-splitting and lazy-loading different parts of an application are a great way to decrease the production bundle size so that when users visit the website, only the required code for the specific page is run. Your task is to optimize the project and add lazy load routes and a Modal component.

Challenge

Your project doesn’t incorporate lazy-loading. Your task is to add lazy loading for the “Home” and “About” pages. You should also add lazy loading for the Modal component that’s rendered in the src/views/Home.vue component.