title: Change routes dynamically when rich a breakpoint in NUXT JS
body: <p>I have a headache for a long time to find a solution for my question. </p>
  
  <p>So lets start.</p>
  
  <p>I have a simple single page website, that i try to build with VUE JS and NUXT JS as static site render. That site has sticky header with navigation, and the same navigation in header and footer. The point is to change active route when scroll to different breakpoints. How to change dynamically route`s path as soon as 
  top of the screen crosses for example div with id="about"?? </p>
  
  <p>Please suggest the best solution staring on NUXT.js</p>