/* Note that this takes an array of route names, so you can simply pass in the name of the route you don't want this component to be displayed on */
Here is what the above code is Doing:
1. We’re using the v-if directive to conditionally render the navbar and appfooter components.
2. We’re using the $route.name property to get the name of the current route.
3. We’re using the includes() method to check if the current route name is in the array of route names.
4. If the current route name is in the array, the component will not be rendered.