title: How make smooth scrolling in nuxt.js and bootstrap site?
body: <p>I try make site with nuxt.js and <a href="https://startbootstrap.com/template-overviews/agency/" rel="noreferrer">this template</a>. I copied folders: css, img, js, scss, vendor from template to <em>static</em> folder of my nuxt project. After this I maked <a href="https://gist.github.com/tolyanor/fa602348bcc40d18a9a44a532e0bf22b" rel="noreferrer">nuxt.config.js</a> and <a href="https://gist.github.com/tolyanor/b677669563b13498aff169e0fab9fa77" rel="noreferrer">pages/index.vue</a> files. All working good except smooth scrolling on page. I see error in browser console:</p>
  
  <pre><code>agency.min.js:7 Uncaught TypeError: Cannot read property 'top' of undefined
  at a (agency.min.js:7)
  at agency.min.js:7
  at agency.min.js:7
  </code></pre>
  
  <p>How I can resolve this issue?</p>
  
  <p>UPD: You can <a href="https://yadi.sk/d/v_xBsrVDUdscXQ" rel="noreferrer">download</a> this project to reproduce error</p>