Wrapping Vue entry point around blade produces a template warning

I have an existing Laravel app that I'm slowly replacing the sections of it into Vue.

Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.

Existing Laravel code in the Blade file with <div id="app"></div> wrapped around it for Vue entry point:

<div id="app>
  <div class="wrapper">
     <header>
        // content
     </header>
     @yield('content')
  </div>
</div>

The 'content' yielded is different blade files, depending on the tab clicked in the nav. I am assuming the warning is because the blade files yielded have JS at the bottom of them (eg: <script type="text/javascript"> code here</script> ).

I'm not sure if this warning is meaning that some code is not being run in the blade or not.

via Chebli Mohamed