title: VueJS CSS conflicts
body: <p>I'm trying to separate css for my Landing page and my dashboard page once logged in.</p>
  
  <p>For now I have placed the styling into the root landing and root dashboard.</p>
  
  <p>So even thought of these components are completely separate and both have there own router-view, the css I add directly to one component in the  tags is impacting the other one? How is a separate component somehow getting styling declared in a different file?</p>