title: Completely separate styles based on route - Vue
body: <p>I'm currently using a UI Library in <code>main.js</code> for all routes, but I want certain routes to be completely isolated from the UI Library and to have custom styles. How do I achieve this?</p>
  <ul>
  <li>Using <code>&lt;style scoped&gt;</code> does not work because I need to work with the <code>body</code> tag.</li>
  <li>Using <code>&lt;style&gt;</code> does not work because if I visit the custom style route and go back to the normal route, styles from custom style route carry over</li>
  </ul>