title: Loading local JavaScript files In Vue 3 With metaInfo() scripts?
body: <p>I'm using a third-party HTML template.  The template's CSS files are loaded via import statements in the <code>&lt;style&gt;</code> tags within App.vue without issue.  However, the template also requires two JavaScript files to be loaded.  In the template itself, this is done via <code>&lt;script&gt;</code> tags at the bottom of the <code>&lt;body&gt;</code> (<em>as is commonly done</em>).  However, Vue doesn't like that, so I'm attempting to load the scripts via the <code>metaInfo()</code> method within App.vue's <code>&lt;script&gt;</code>.  An example of how I'm doing this is below:</p>
  <pre><code>&lt;script&gt;
      import MyComponent from &quot;./components/MyComponent.vue&quot;
  
      export default {
          name: 'App',
          metaInfo: {
              title: 'My Awesome App',
              titleTemplate: 'My Awesome App | %s',
              script: [
                  {
                      once: true,
                      type: 'text/javascript',
                      src: './assets/js/bundle.js?ver=3.0.3',
                      body: true,
                      defer: true,
                      callback: () =&gt; (console.log('bundle.js loaded'))
                  },
                  {
                      once: true,
                      type: 'text/javascript',
                      src: './assets/js/scripts.js?ver=3.0.3',
                      body: true,
                      defer: true,
                      callback: () =&gt; (console.log('scripts.js loaded'))
                  }
              ],
          },
          components: {
              MyComponent
          }
      }
  &lt;/script&gt;
  </code></pre>
  <p>The scripts don't appear to be loading into the browser's memory.  To test, I added that <code>callback()</code> method to log a message to the console when the scripts loaded.  However, no messages are being logged.</p>
  <p><strong>EDIT:</strong> It should be noted, the two scripts do not export anything, so importing them with statements such as seen below causes errors:</p>
  <p><code>import * as BundleScript from './assets/js/bundle.js'</code></p>